梧所不學
34免費公開
我學習過的專業技能，整理成學習筆記分享。
全部內容
免費與付費
最新發佈優先
迴圈（Loop）是一個非常重要的基礎觀念。迴圈讓我們可以重複執行某段程式碼，直到達到我們設定的條件為止。本文將介紹 JavaScript 中常見的三種迴圈：for 迴圈、while 迴圈，以及 do...while 迴圈，讓你理解它們的使用方式與差異。
當我們學習 JavaScript 時，「條件判斷」是不可或缺的基礎概念。它讓程式能根據不同情況，執行不同的指令。本文將會介紹 if else 和 switch case 這兩種常見的條件判斷，並說明它們的結構與使用時機。
當你剛開始學習 JavaScript 時，運算子和數學函數是不可或缺的基礎。這些工具讓你能夠處理數字、執行計算，甚至在程式邏輯中做出判斷。本文將介紹 JavaScript 常見的運算子與數學函數。
在學習 JavaScript 的過程中，字串（String）是一個非常基礎且重要的資料型別。無論是處理使用者輸入、API 回傳資料，還是顯示在畫面上的文字內容，字串都扮演著不可或缺的角色。本文將介紹 JavaScript 的字串與常用字串函數。
當你剛開始學習 JavaScript，最先接觸到的就是「資料類型」與「變數宣告」。這兩個概念雖然看似簡單，卻會影響程式的可讀性與維護性。本文將介紹 JavaScript 的資料類型，以及 var、let、const 三種變數宣告方式的差異與使用時機。
什麼是 JavaScript ?JavaScript 是網頁開發的基礎語言之一，與 HTML、CSS 共同構成現代的網頁技術。JavaScript 讓靜態的網頁能夠產生互動效果，回應使用者的操作。無論是表單驗證、動態內容顯示，或是複雜的單頁應用程式，JavaScript 都扮演著關鍵角色。
隨著裝置類型的多樣化，網站必須適應各種螢幕尺寸與解析度，這已經成為現代網頁設計的基本要求。本文將介紹 Media Queries 媒體查詢，正好能幫我們實現這種響應式設計，根據使用者的裝置特性套用不同樣式。
本文將介紹 CSS 的 transition 屬性，transition 能讓我們輕鬆為元素添加過渡效果，使元素的變化更加流暢，提升使用者的互動體驗。
在網頁設計中，版面配置的靈活性與效率是非常重要的，而 Grid Layout 透過將頁面劃分為行與列的網格系統，為開發者提供了直觀且高效的方式來安排頁面元素。本文將介紹 CSS Grid 的基本概念及其應用。
網頁排版是前端開發中最令人頭痛的問題之一，以前我們會使用浮動（float）或定位（position）來排列元素，但這些方法往往需要繁瑣的調整。而本文介紹的 FlexBox（彈性盒子）則提供了一個更直覺、更高效的排版解決方法，讓複雜的網頁排版變得簡單許多。
在網頁設計中，我們常需要讓元素在不同狀態下呈現不同的樣式，例如滑鼠移過按鈕時改變顏色，或是點擊連結後變更其外觀，而本文將要介紹的 CSS 偽類就能幫助我們做到這件事情。
本文要介紹的是 CSS 偽元素（Pseudo-elements），偽元素能讓開發者在不增加額外HTML 標籤的情況下，對元素的特定部位進行樣式設置或插入內容。
在網頁設計中，float和clear用於控制元素的排列與對齊。雖然現在多用Flexbox和Grid，但在維護舊專案時，仍然需理解它們的運作方式。
在 CSS 中，position 屬性決定了 HTML 元素在頁面上的定位方式，本文將介紹 position 屬性的 5 種值，以及它們的應用場景。
在 CSS 中，display 屬性決定了元素的顯示方式和佈局行為，透過設定不同的 display 值，你就可以控制元素的排列方式，從而實現各種佈局效果。
表格是網頁中用於組織和展示資料的元素，本文將介紹 CSS 的表格屬性，讓你可以控制表格的外觀和佈局，提升使用者的閱讀體驗。
列表（List）是用來組織和呈現資訊的元素。本文將介紹 CSS 的列表相關屬性，幫助你控制列表的外觀，讓列表更符合設計的需求。
超連結（links）是網頁中不可或缺的元素，本文將介紹 CSS 裡控制超連結狀態的偽類（Pseudo-classes），讓你可以對不同狀態的超連結進行樣式設定，以此提升使用者體驗。
