原生 [JavaScript] 網頁程式設計:修改網頁元素的外觀
CSS 本身是靜態的樣式 (style) 設置,但在網頁程式中也可以用 JavaScript 動態地設置網頁元素的樣式。本文介紹使用 JavaScript 修改網頁元素的樣式的方式。 繼續閱讀
網頁程式設計和 JavaScript 關係密切,故我們在這裡介紹網頁程式設計。
CSS 本身是靜態的樣式 (style) 設置,但在網頁程式中也可以用 JavaScript 動態地設置網頁元素的樣式。本文介紹使用 JavaScript 修改網頁元素的樣式的方式。 繼續閱讀
在本文中,我們暫時不講撰寫動態行為的方法,先講如何使用原生 JavaScript 程式選取網頁元素,這是操作網頁元素的前置動作。 繼續閱讀
由於瀏覽器相容性的因素,jQuery 曾經一度被視為是網頁程式設計必備的函式庫。但現代瀏覽器在實作上大扺符合 JavaScript 標準,所以封裝 JavaScript 網頁 API 的必要性也隨之減少。 繼續閱讀
對一般使用者來說,瀏覽器就是一個用來上網看網頁的工具。但對網頁程式開發者來說,瀏覽器是相當重要的軟體,因為瀏覽器可視為網頁程式的發佈平台。網頁程式是否能順利執行,還得看瀏覽器支援的程度。 繼續閱讀
網頁程式其實是由前端程式和後端程式兩者所組成。傳統的網頁程式,會將兩者合併在同一個專案中。隨著網頁技術的進展,我們可以把前端程式和後端程式拆至兩個專案中,兩者使用不同的技術來實作。 繼續閱讀
在 Bootstrap 3 時代,Twitter 提供官方的客製化頁面。藉由客製版本的 Bootstrap,我們不僅可幫 Bootstrap 瘦身,還可以客製化顏色、字體、元素間距等項目。但 Bootstrap 4 之後,官方沒有放出這樣的客製化頁面,我們得自己下載 Bootstrap 的原始碼後自行編譯 Bootstrap。 繼續閱讀
本文介紹一些檢測網頁效能的方式,藉此可知要優化網站的那個部分,對效能的提升幫助較大。 繼續閱讀
網頁載入的過程不會顯示在程式碼中,但我們要對這個過程有概念,因為網頁載入的過程會影響網頁程式的行為,有時候程式的問題不在於程式碼本身的問題,而是沒有弄清楚這個過程。 繼續閱讀
網頁連線代表網頁程式背後運作的方式,雖然這些東西不太會表現在程式碼上,但要意識到這個過程,以了解網頁程式的特性。 繼續閱讀
JavaScript 一開始的目標是在網頁中加上程式語言,沒想到會成為繼 Java 後最廣泛使用的跨平台程式語言。本文對 JavaScript 做一些概念性的介紹。 繼續閱讀