CSS_profile_item
人員或物品介紹卡片
使用 GOOGLE 字型：
先在 head引用
Code12345<!--google 字型--><link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300 ...
CSS 圖文互動效果
圖文互動效果
使用 :hover 來做圖文互動的效果。
HTML
Code123456789<div class="wrap"> <div class="item"> <img src="https: ...
CSS_圖文滿版練習
圖文滿版練習
練習 Amos 的金魚都能懂的網頁切版。CSS 部分是使用 SCSS 語法來處理。
HTML
Code12345678910111213141516<div class="banner"> <div class="c ...
判斷螢幕寬度的 window.matchMedia()
window.matchMedia()可以用來判斷螢幕寬度的方法。
matchMedia() 會回傳一個新的 MediaQueryList 物件，表示指定的媒體查詢字串(CSS @media 規則)解析後的結果。
MediaQueryList 物件以下屬性：
media：查詢敘述的內容。matche ...
JavaScript-淺拷貝(Shallow Copy)&深拷貝(Deep Copy)
淺拷貝(Shallow Copy)&深拷貝(Deep Copy)在 Javascript 裡面，分為原始型別(Primitive Type)及物件(Non-Primitive)(MDN)。
原始型別有:
Number
String
Boolean
Null
Undefine ...
JavaScript 實用技巧
JavaScript 實用技巧介紹一些寫 JavaScript 時注意的地方
宣告變數記得給預設型別觀看程式碼時，可以快速了解變數型別。
Code123let name = "";let arr = [];let isLoading = false;
寫判斷時使用 === 跟 ! ...