動態型別在JavaScript中，不需要宣告變數的型別，因為JavaScript是使用「動態型別」在處理變數。僅需要宣告變數(type)，不需要告訴JavaScript變數的型別(type)，它會在執行程式時，自動判別變數的型別，而且一個變數在不同時候可能擁有不同型別。
JavaScript_物件傳參考特性
定義
傳值(Call by value)：在 JavaScript 中的純值 是傳值。(傳過去以後就沒有任何關聯性)
傳參考/傳參照(Call by reference)：傳遞給函式的是它實際參數的隱式參照，而不是實際的拷貝。
傳共用物件(Call by sharing)： a 與 b 是共用同一個物件內容，若 b 修改了物件內容，則 a 也會被修改成同樣內容(物件是共用的，沒有拷貝)。
CSS_統整display各種屬性
display: block不論前後元素為何，display:block 元素會直接「換行」開始。<div>、<p>、<h1>、<h2>、<iframe>、<img>這幾個 HTML 元素預設的 display 屬性是 block可以自定義寬高或縮排(margin 、 padding 、 width 、 height 、 background-image 皆「有效」)
VsCode- 常用快捷鍵
以下快捷鍵限支援Mac
程式自動排版：option + shift + f
更改相同的命名：com + d
選取多欄：shift + 點擊
跳行(游標在字裡行間也可行)：com + enter
套件：點擊html及可得知對應的css內容：按住com ＋ 點擊
CSS_圖片取代文字(SEO優化)
SEO搜尋優化文字在SEO中的影響力仍然大於圖片，但我們也不可忽視圖片搜尋的趨勢。要兼顧排版及SEO，建議以圖文並茂、相輔相成的方式進行，若是因為版面限制，則可以運用其他可以放文字的區塊、頁面，將圖片中的內容轉換成文字，讓搜尋引擎爬蟲知道你的網站中也有這些內容！
JavaScript_基礎語法：switch判斷式
switch與if的差異if else 會把每個條件跟程式碼都檢視過一次，而 switch 只會去檢視 case 內的條件是否吻合，吻合才去執行程式碼區塊，相對來說，if else 會比較消耗效能，因if語法瀏覽器會都進行處理，而switch需對應後才處理，並且跑到指定需求後便停止。除了比if語法有較快的效率，使程式碼更好閱讀，同時效能較佳，
Slick_迅速搭建的輪播套件
介紹Slick官網提供多種輪播樣式，可進行滑動、設定輪播等功能，我們只需要選定輪播形式後，引用js、css套件，即可使用它所支援的slider樣式。
操作步驟搜尋並引入slick cdn，加入css及js相對應程式碼
將slick.css複製到中
12<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" /><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
slick.js複製到段底部
12<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.js"></script>
在html建立輪播的內容結構，並在外層使用一個class作標記
1234567<div class="slider"> <div>slide 1</div> <div>slide 2</div> <div>slide 3</div></div>
在slick官網上選擇sliders樣式，複製對應語法到body、script中
經由optional控制元素來調整輪播、滑動等功能設定
12345678910111213arrows: (boolean值)是否顯示左右箭頭功能dots:(boolean值)是否顯示下方小圓點功能autoplay：(boolean值)是否自動播放autoplaySpeed:(毫秒值)自動播放的速度slidesToShow:(數量值)一次主要顯現幾個slidesslidesToScroll:(數量值)每次滑動幾張slidesfade:(boolean值)是否採用淡出/淡入效果infinite：(boolean值)滑到最後一張，是否繼續從回到一開始同向循環(4>1>2>3>…)，或是逆轉向循環(4>3>2>…)centerMode:(boolean值)是否同時顯現前後兩張slide的部分內容centerPadding:(px值)搭配centerMode:true使用，表示前後兩張slide要顯現多少範圍responsive:(陣列)針對不同尺寸做額外設定breakpoint:(螢幕尺寸)settings:({物件})包含各種設定
實作Slick幻燈片: 運動頻道
JavaScript_基礎語法：===等號間的嚴謹模式
有一個較為嚴謹的比較模式，當等號使用==時，左右兩邊並不會比較資料型別，而會自動去轉型做比較，專業回答：兩個等於（==）會對被判別的變數做轉換型別的動作（coercion又稱為implicit type conversion）