Michelle Chen [網頁設計] 教學

網頁程式設計和 JavaScript 關係密切,故我們在這裡介紹網頁程式設計。

文章

原生 [JavaScript] 網頁程式設計:修改網頁元素的外觀

CSS 本身是靜態的樣式 (style) 設置,但在網頁程式中也可以用 JavaScript 動態地設置網頁元素的樣式。本文介紹使用 JavaScript 修改網頁元素的樣式的方式。 繼續閱讀

原生 [JavaScript] 網頁程式設計:選取網頁元素

在本文中,我們暫時不講撰寫動態行為的方法,先講如何使用原生 JavaScript 程式選取網頁元素,這是操作網頁元素的前置動作。 繼續閱讀

原生 [JavaScript] 網頁程式設計:為什麼用或不用原生 JavaScript?

由於瀏覽器相容性的因素,jQuery 曾經一度被視為是網頁程式設計必備的函式庫。但現代瀏覽器在實作上大扺符合 JavaScript 標準,所以封裝 JavaScript 網頁 API 的必要性也隨之減少。 繼續閱讀

[網頁設計] 教學:以網頁應用程式的角度來看瀏覽器

對一般使用者來說,瀏覽器就是一個用來上網看網頁的工具。但對網頁程式開發者來說,瀏覽器是相當重要的軟體,因為瀏覽器可視為網頁程式的發佈平台。網頁程式是否能順利執行,還得看瀏覽器支援的程度。 繼續閱讀

[網頁設計] 教學:前後端分離的網頁程式架構

網頁程式其實是由前端程式和後端程式兩者所組成。傳統的網頁程式,會將兩者合併在同一個專案中。隨著網頁技術的進展,我們可以把前端程式和後端程式拆至兩個專案中,兩者使用不同的技術來實作。 繼續閱讀

[網頁設計] 教學:客製化及幫 Bootstrap 4 瘦身

在 Bootstrap 3 時代,Twitter 提供官方的客製化頁面。藉由客製版本的 Bootstrap,我們不僅可幫 Bootstrap 瘦身,還可以客製化顏色、字體、元素間距等項目。但 Bootstrap 4 之後,官方沒有放出這樣的客製化頁面,我們得自己下載 Bootstrap 的原始碼後自行編譯 Bootstrap。 繼續閱讀

[網頁設計] 教學:檢測網站效能

本文介紹一些檢測網頁效能的方式,藉此可知要優化網站的那個部分,對效能的提升幫助較大。 繼續閱讀

[網頁設計] 教學:網頁載入的過程

網頁載入的過程不會顯示在程式碼中,但我們要對這個過程有概念,因為網頁載入的過程會影響網頁程式的行為,有時候程式的問題不在於程式碼本身的問題,而是沒有弄清楚這個過程。 繼續閱讀

[網頁設計] 教學:網頁程式的組成和特性

網頁連線代表網頁程式背後運作的方式,雖然這些東西不太會表現在程式碼上,但要意識到這個過程,以了解網頁程式的特性。 繼續閱讀

[網頁設計] 教學:JavaScript 入門教學

JavaScript 一開始的目標是在網頁中加上程式語言,沒想到會成為繼 Java 後最廣泛使用的跨平台程式語言。本文對 JavaScript 做一些概念性的介紹。 繼續閱讀