小無的不臘閣 大圖多建議電腦版

JavaScript基本功修練：Day7 - [] == [] 、[]==![]、{} == {}、{} ==!{} 的解釋 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天
https://ithelp.ithome.com.tw/articles/10241908

JavaScript基本功修練：Day9 - 短路求值與條件運算子的應用 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天
https://ithelp.ithome.com.tw/articles/10243261
 

JS實現"隱藏與顯示"功能(多種方法) | 程式前沿
https://codertw.com/%E5%89%8D%E7%AB%AF%E9%96%8B%E7%99%BC/252535/#outline__1

通過getElementById()這個方法找到對應元素，進而控制它的style，以此來做對應的功能。這是一個比較簡單的方法。
　

　　使用 style.visibility 屬性隱藏/顯示 HTML 元素
　　使用 style.display 屬性隱藏/顯示 HTML 元素
　　使用 jQuery 的 hide() / show() 來隱藏/顯示 HTML 元素
　　使用 jQuery toggle() 隱藏/顯示 HTML 元素
　　使用 addClass()/removeClass() 隱藏/顯示 HTML 元素
 　

JavaScript 移動元素 | D棧 - Delft Stack
　　https://www.delftstack.com/zh-tw/howto/javascript/javascript-move-element/

　　使用 JavaScript 中的 appendChild() 函式將一個元素的子元素移動到另一個父元素
　

[jQuery] 筆記 (五) – 選擇器 (selector) - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天
https://ithelp.ithome.com.tw/articles/10095237

基本選擇器(三個)
　　$(“element”)：選出所有該 element 的節點
階層選擇器(四種)
　　$(‘#div1 p’).addClass(‘d1′); 物件中的某一種物件(空白)
子元素選擇器
　　$("ul li:nth-child(2)"); //第 2 個節點
屬性過濾選擇器
　　$("div[id]"); //選擇所有含有id屬性的div元素
　　$("input[name='Jack']"); //選擇所有的name屬性等於’Jack’的input元素
自訂選擇器(Custom Selectors)
　　:even：找出結果集中其偶數的 elements (2,4,6,8…)
可視 (visibility) 選擇器
　　:visible 選擇所有可見(visible)的 elements
表單狀態選擇器 (Form Selectors Filter)
　　$("input:enabled"); //選擇所有的可操作的表單元素
　

重新認識 JavaScript: Day 14 事件機制的原理 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天
https://ithelp.ithome.com.tw/articles/10191970

JavaScript 是一個事件驅動 (Event-driven) 的程式語言，當瀏覽器載入網頁開始讀取後，雖然馬上會讀取 JavaScript 事件相關的程式碼，但是必須等到「事件」被觸發(如使用者點擊、按下鍵盤等)後，才會再進行對應程式的執行。

事件流程可以分成兩種機制：
    事件冒泡 (Event Bubbling)
    事件捕獲 (Event Capturing)
 

2018 iT 邦幫忙鐵人賽：重新認識 JavaScript 系列

重新認識 JavaScript: Day 05 JavaScript 是「傳值」或「傳址」？ - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天
https://ithelp.ithome.com.tw/articles/10191057

重新認識 JavaScript: Day 11 前端工程師的主戰場：瀏覽器裡的 JavaScript - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天
https://ithelp.ithome.com.tw/articles/10191666
　

重新認識 JavaScript: Day 17 函式裡的「參數」 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天
https://ithelp.ithome.com.tw/articles/10192368

重新認識 JavaScript: Day 16 那些你知道與不知道的事件們 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天https://ithelp.ithome.com.tw/articles/10192175

[Day15] JavaScript - JavaScript 事件與事件處理 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天
https://ithelp.ithome.com.tw/articles/10223049

常用的 HTML 事件：Load 與 Unload 的處理
Load 事件與 DOMContentLoaded 事件比較
　

JavaScript 中的視窗大小調整事件 | D棧 - Delft Stack
https://www.delftstack.com/zh-tw/howto/javascript/window-resize-javascript/

使用 JavaScript 中的 addEventListener() 函式新增調整大小事件
使用 JavaScript 中的 onresize() 函式新增調整大小事件
　

JS resize事件：視窗重置 - tw511教學網
https://tw511.com/a/01/2644.html

在 JavaScript 中，resize 事件是在瀏覽器視窗被重置時觸發的，如當使用者調整視窗大小，或者最大化、最小化、恢復視窗大小顯示時觸發 resize 事件。利用該事件可以跟蹤視窗大小的變化以便動態調整頁面元素的顯示大小。 　
　

css判断不同分辨率显示不同宽度布局实现自适应宽度&css3 @media样式的使用_Amen的博客-CSDN博客_css适应不同分辨率
https://blog.csdn.net/qq_41648452/article/details/80075696

CSS3 @media screen and (判断属性){ CSS样式选择器 }