未分類

jQuery 轉原生 JavaScript 對應語法
最近我嘗試將專案中的 jQuery 全部替換為原生 JavaScript,但發現這不是一個簡單的任務。除了更改語法外,許多依賴 jQuery 的套件也要尋找替代方案。 起初,我嘗試使用網路上的一些將 jQuery 轉換為 JavaScript 的工具,但這些工具大多存在一些缺陷,有些 jQuery 語法無法直接轉換,最後我還是必須手動一行一行檢查。因此,最後我決定還是自己花時間慢慢重新調整程式碼,本文是我自己進行 jQuery 轉原生 JavaScript 語法時的筆記,希望能幫助到跟我一樣在進行換掉 jQuery 套件任務的開發人員。

精選 26 個超吸睛的 CSS 按鈕特效
CSS 按鈕設計是網站設計中重要的元素之一,設計出吸引人的按鈕能增加使用者互動與體驗,提升網站的訪問量。本文整理了一些網路上我覺得不錯的 CSS 按鈕特效,並且這些特效完全不會用到 JavaScript,希望能為您的網站設計帶來一些靈感和啟示。本文提供的程式碼我有經過一些調整,但我會附上原始網址供您參考。

Parallax Scrolling 網頁視差滾動製作方法
Parallax Scrolling 是指當您在滾動網頁時,讓特定元素以不同的速度移動,創造出一種視覺上的效果,稱為視差滾動。這種技術能讓您的網站看起來更豐富、更時尚感、更具沉浸感,使用視差滾動製作的網頁,您很難不被它吸引。視差滾動網頁製作的困難度非常高,幾乎可以直接另開專案處理,而本文將介紹兩種相對簡單很多的方法,讓您的網站可以輕鬆使用。

Scrollspy 滾動監控,讓網頁根據捲軸位置自動更新選單
這次網站改版,我想在文章右邊加入目錄,並且讓目錄可以根據卷軸位置自動更新顯示,這種功能稱為滾動監聽 (Scrollspy)。Scrollspy 技術很早以前就有了,算不上什麼新技術,所以我本來打算直接使用 Bootstrap 內建的 Scrollspy 製作。在製作過程中,我一直遇到觸發更新事件的捲軸位置不正確的問題。因此,我花時間研究了一下 Scrollspy 原理,並決定自己開發此功能,本文將分享我的製作思路,提供給大家參考。

適用於 VS Code 及 Sublime Text 的 HTML/JavaScript/CSS 壓縮套件
壓縮程式碼是指在維持同樣功能的狀況下,儘可能減少程式碼數量以減小檔案大小,並加快網頁載入速度。不論是 HTML、CSS 或 JavaScript,都支援壓縮功能。當程式碼壓縮過後,所有無關的註解、空格及換行符號都已經被刪除,您幾乎無法用肉眼閱讀壓縮後的程式碼,因此您需要保留原始的程式檔案以供未來修改。通常我們會在壓縮後的檔名加上 min,例如原始檔名為 app.js,壓縮後的檔名為 app.min.js。

實作網頁深色模式及淺色模式的切換
深色模式在過去幾年變得非常流行,它是一種高對比度的顯示模式,能夠減少眼睛疲勞並降低耗電量。傳統的亮色界面,在低光環境下使用電子設備時,容易對眼睛造成不適。深色模式採用較暗的背景和較亮的文字和元素,減輕對眼睛的負擔,降低眼睛疲勞的風險。在本文中,我將向您展示如何讓您的網頁根據作業系統的設定,自動選擇配色方案,並且也會介紹手動切換配色方案的方法。

在 macOS 使用 Homebrew 管理套件
在作業系統中安裝應用程式時,每種應用程式的安裝方法皆不相同,管理時相當不方便。在 macOS 作業系統中,您可以使用 Homebrew 來統一管理所有套件,無論是安裝、更新還是移除套件,都可以輕鬆地使用 Homebrew 來處理。

「靜態型別 vs. 動態型別」與「強型別 vs. 弱型別」
在程式語言的中,型別系統是一個重要的概念,也是學習程式語言過程中,最先接觸到的概念。不同的程式語言採用不同的型別系統,不同的型別系統對於開發效率及安全性都有不同的影響。而型別基本上可以分為靜態型別、動態型別、強型別及弱型別,本文將說明這四種型別的差異。

如何在網站安裝 Google Analytics (GA 4) 追蹤碼
Google Analytics 是一個非常強大的網站分析工具,可以幫助您追蹤和分析您的網站流量,當您的網站建置完成後,安裝 Google Analytics 幾乎是必備工作之一。本文將逐步說明如何在您的網站上安裝 Google Analytics,讓您可以輕鬆開始追蹤您的網站流量。

「編譯語言 vs. 直譯語言」與「預先編譯 vs. 即時編譯」
首先,我們需要知道編譯和直譯並不是程式語言的特性,而是關於程式的執行方式。理論上,任何程式語言都能是編譯式或直譯式,這取決於底層是用編譯器或直譯器來決定,兩者混用的執行方式也很常見,例如先編譯再直譯的程式語言 Java,或先直譯再編譯的即時編譯技術。

網站開發到架設經營,需要哪些人力及費用?
開發網站所需人力,以接案公司為例,通常會包含業務、專案經理、美術設計師及軟體工程師。當網站開發完成後,在經營網站時期所需人力,包含內容編輯、客服人員、行銷專員、SEO 專家及網站維護人員。而網站從開發到經營所需經費,包含網址費用、SSL 憑證費用、主機費用、網站維護費用及系統開發費用。

網站架構的演化,從小型網站到巨型網站
本文介紹一個網站從沒有流量的小型網站到巨型網站的成長過程,並說明每個階段所涉及到的相關技術。請注意,本文介紹的只是一個可能的範例,並不是說每個網站架構都是按造這個步驟演變。此外,網站開發涉及技術廣泛,本文不可能一一提及,但我會盡量提供一些常見的面向,讓您在學習過程中,有個方向可以依循。