javascript筆記📖
===
- [JavaScript 是什麼?](/kNaEcbyGT72aq2I_1VsxNA)
- [寫作風格「分號」](/FP3hXR1IS-enQO_DFYIOMg)
➤變數
---
- [變數是什麼?](/SHX7Rq_0TnevLLCJ5H5BCg)
- [console語法](/_dAt4BxhSjePsutYjYuF2A)
- [LHS, RHS](/KBoupOodR1egMN9v_XbBNA)
- [ASI自動插入分號](/hRC2OBgyTrmlE_053fyQ5Q)
- [var、let、const 的差異](/HkNWR2XHF)
- [undefined 與 null 的差異](/SkWUl8rBK)
➤記憶體
---
- [記憶體heap、stack](/VHHajlwIQvCGDHvMNAXH4w)
- [Event Loop事件循環](/1fZYFHAYSG6t2woeCPKdow)
- [執行環境execution contexts與執行堆疊execution stack](/u3MNa1utQEuYAXJunUqqfw)
- [拉升(hoisting)](/oUILLDsjRLuEbEntc93tTw)
- - [Chrome查看記憶體Heap snapshot](/rx0NR7UBQ_GKkHVthFacbg)
- - [Chrome查看stack堆疊和作用域scope](/oY8wcP7ITpubCcyD0su1gw)
➤作用域scope
---
- [作用域是什麼](/-9NEmD5KS0mhABJeMkFSCg)
- [範圍鍊](/MEVcgnWsQ22LB-yeMkZjdQ)
➤型別
---
- [什麼是型別?](/ab7KMAOUQ7O3BcWXswGn9w)
- [原始型別包裹物件](/uENc2Vw6Q1ecpDTk5-bV6g)
- [強制轉型coercion](/jHF8WTI3Rtm9tBX0gtt1nQ)
- [parseInt、parseFloat 與 Number差異](/MT_Dk3WdRyablfRAxTEMdQ)
- [真值Truthy跟假值Falsy](/EVsqyKjATiixSqeXC4-6xQ)
➤運算元、運算子、運算式
---
- [運算元、運算子、運算式是什麼?](/6jWteienQMmSMyms1O-Qwg)
- [優先性Precedence、相依性Associativity](/PixcU5UyTSyaddNMQKAlHQ)
-
- [賦值運算子](/K5DfgkPAQLOXW4Vqjqmdsg)
- [指定運算子](/IWa97sRmSFmIwUi7TTK11w)
- [字串運算子](/wqusAMmJSjSG9jkkoYKFZQ)
- [算數運算子 `+`,`-`, `*`,`/`](/WjNbhRh1RS-XJBY1DPPdYA)
- [比較運算子: `>`、`=`、`<=`、`!==`](/JViHWsEnSr6oxSbtzIPXJg)
- [邏輯運算子`&&` `||` `??` `!`](/QEgHDnk5QEWhrSYrPJ_rDw)
- [條件判斷 `if`、`switch`](/-cG76vzdQAucvgi0XnXgmQ)
- - [`if`和`switch`差異](/VMw-qqfRRXKkhG4yLQ_m6A?view)
- [`try`、`catch`、`finally`](/BkHzPBdXSkGtMdOKJKj6LQ)
- [`throw`報錯](/2YQWpeDpQUuGBZw6nRk10g)
- [遞增`++`與遞減`--`](/e51zT47IQdGIwW_gonsS9w)
- [位元運算子`>>`、`<<`、`&`、`|`](/oNhm-exxRviW2HtyVpKEaQ)
➤JS的數學相關
---
- [Math- JS的數學相關](/GSzqdirxR0-ynjrKneYi6w)
- [`eval`計算字串](/qHf9aJd6ThKHlfgGDF9BBQ)
- [Math四捨五入、無條件捨去、無條件進位](/3a2wo2t9QMW1qKARYCnVjQ)
- [Infinity](/v-sQjcZtRSCvzOFyL93K6g)
- [浮點數](/uzjNcXO7SNqAnIqnJn4H2g)
- [BigInt型別(超大整數型別)](/pLAs924ySB2MfYUbijM2iw)
- [🜚 隨機取值範例](/tNniPEAvQrKuhkoklXMYsg)
- [🜚 函式接龍刷題](/4jAN_mj8Rf-KNSFUFmuwng)
➤求值策略
---
- [by reference (傳參考)、by value(傳值)](/SkqMxLHSt)
- [淺層複製及深層複製](/Qpm-DCn-R2-IORdNwRARyw)
➤表達式與陳述式
---
- [表達式(Expression)與陳述式(Statement)](/icFnII2NQteKmwT58nfAxw?view)
➤陣列與物件
---
- [陣列是什麼?](/66rwzx6QT7qN5GJd1OzHSA)
- [🜚 陣列處理方法](/@grayshine/rJPJrv4Nc)
- [🜚 字串處理](/@grayshine/SyNyFfZhq)
- [物件是什麼?](/jr0Mnr72RXGC9oE9QJ_L7g)
- [陣列與物件混合應用](/ujOhFNZ5SFawtetsoUbxhA)
- [實字模式](/1_K9c8OPRwi9I03noTi2Xg)
- [Map、Set(ES6)](/T7-_HW34QgmVBWSURF2CLg)
- [Array.of()、Array.from()(ES6)](/5PXWLDqPQ4KLTZg1rZNmAA)
➤迴圈
---
- [for、while](/uD1SaKDxRaejwAx895nk5w)
- - [列舉- for...in與for...of](/7R6u1MHuTDmNYNw-2pfxaw)
- [迴圈題目](/b2NUe__CRlagpqP7BV9sKA)
- [forEach](/57JpJ0LBTLCCUQ-7vKyKUg)
- [map](/xr5gG7ftRHSyPA_7JkwGXg)
➤函式
---
- [函式是什麼?](/_WbkcdOTRiGMrLddG0iJNQ)
- [函式陳述式與函式表達式](/pdKNZJoIQJu0lORpx9ypXw)
- [立即函式IIFE](/OfrZhJvLQXCoVs79ohU8KQ)
- [一級函式/高階函式](/04JBifFiQhm_uKWEPTJabw)
- [箭頭函式(es6)](/cSJFla49QaSSa0rbr2BFLQ)
- [閉包 Closure](/-j-krwAGThmU2ug8PJQy0Q)
- [Currying](/KCsdvhgeSKG_EmsC1ChgBQ)
- [遞迴](/FAO8HI9vRyqDgvRwfll4yQ)
- [嚴謹模式`use strict`](/gWEtVRDNSYSiaNxl1w6t1A)
- [什麼是pure function](/SHxlEkvZSP6vtHLlJ3NivA)
➤Method 方法
---
- [🜚 內建的Method 方法](/@grayshine/ryPXkKe2t)
- [🜚 網路上的方法收集](/@grayshine/HyGx-mP9t)
➤參數
---
- [參數parameters](/GWiYK9qYQ1KyVARN9rhCag)
- [參數的預設值default parameters](/KMD0h52ZQ7C0fxaLg97m5g)
- [arguments](/Y2HIx9prRR6fohw4qHGXrQ)
- [rest parameter 其餘參數](/qDXJGwDHRt-H0OANF79_4g)
- [`Array.prototype.slice.call`](/poCBHJRPTS6r5FWFjxT38g)
➤DOM、BOM
---
- [🜚 DOM節點操作方法](/@grayshine/rJWponbhF)
- [DOM、BOM](/HyEiFkLlTnGo96phvuXcfg)
- [DOM是什麼?](/ebXFm-oPR2ecWRTukrWDqA)
- [表單元素取值方式](/wbjBXQLyQAOedu04H7IUcg)
- [dataset(data attribute)](/UjEgZwSzTUa8rp8Doosmhw)
➤監聽事件event
---
- [事件event](/cfZiFCzaQsCWqR06CtQ0dA)
- [🜚 監聽事件event](/@grayshine/ByZWX6Zht)
- [addeventListener事件監聽](/7gSEWPyITaiyfoq2P760BQ)
- [事件傳遞 Event Bubbling、Event Capturing](/KKm5BL29Snec7ZOqr2UM9A)
- [點擊範圍:從父元素來監聽子元素內容](/ZIt1q1U0RWGSL4LShKL_Nw)
➤畫面的位置、scroll相關
---
- [🜚畫面的位置、寬高方面](/@grayshine/Hk2bUu7U5)
➤AJAX - 網路請求
---
- [什麼是 AJAX](/vIxyrSbaTLC86p8bpHCcgQ)
- [API](/enNTgw5STcarQkr95kqpkw)
- [RESTful API](/3OR9yIJHT4GvR3IIAGP30A)
- [XMLHttpRequest](/P9YSoPA-T-OKKmdK5QKucg)
- [Fetch](/-3QL_LAWQqmbggUTr8qPoA)
- [axios套件安裝](/8tBW23MMT0KLNF3xXaLz_g)
- - [get 網路請求](/2FM9EqKFS321qyK-rfSuWQ)
- - [post 網路請求](/pGB2QtilSvi1cYgYqy4f7w)
- - [axios.defaults默認配置](/Ae1wRMHvRAy0-vzeAWbHVQ)
- - [axios.creat 建立 axios 實體](/H_EacJRaRgWd1YZdr7hyfQ)
- - [axios interceptors攔截器檢查資料](/RwjJXDcqTWK3zyI0fpxH0Q)
- - [搭配Promise.all](/tx550CEOSpK8BQnrLrq4xQ)
- [json格式資料](/hiFkiYyuTbyuc6lS5nWLXQ)
- [formData資料格式](/9snd07hGSMqlF7f7yIl5yw)
- - [formData格式 上傳圖片範例](/B-8ZmX7fSrKpnak3YSnvgw)
- [postman工具](/7PphMKjjTy29Gz1fW7Fxxg)
- [json-server服務](/CroX-gpfTw608fGwXA-SLw)
➤同步與非同步
---
- [自動排程settimeout與 setInterval](/afIp2md_T4mjhIk4ZC1VbQ)
- [requestAnimationFrame](/7ojT_FALSmKTyjYiK2nk-Q)
- [執行緒與同步、非同步](/NFrKSqTXRcucEx9IA8Rrkg)
- [回呼函式Callback Function](/X3IrRwhASeOtBcawMPMbAg)
- [Promise物件](/FZLT_h6YSWaARKD4_PYuGQ)
- [Async/Await 非同步流程控制](/QM_JsncVReOn4cYm9Oqrzg)
- [new Image()確保圖片載入](/PsK4Ctu7Rkea6G7ZGDq-bA)
➤時間
---
- [時間的方法](/8ubY8ijJSwWr91oLaR2k4Q)
- [時間格式](/jEGtqjT5S8CatL14AbGM4w)
➤localStorage
---
- [Local Storage及session Storage](/ND-IzNWaQZKe8G3c8C_Gyw)
- [寫入與讀取cookie](/H4drN0APRk6X7VGr8G-EtQ)
- [cookies、session storage、local storage 之間的差異](/5iDcqTG9RmOYR1cNkzftkg)
➤this
---
- [什麼是this](/68hXsnhdTim_-P4C-IRu9g)
- [this物件的調用](/FscDO_hWRrudSQ7HqnCpqg)
- [this簡易呼叫](/gAA_RTyaRNG0o8RGuqFSlw)
- [this:DOM](/IZ0z2ETFSoWLu_rgf5LPmw)
- [`call`, `apply`, `bind`](/RneuBn7sTOmRJYnKtsd9aw)
- [`call`, `apply`, `bind`運用](/G_x70cNKQWefgg9kA_KgUQ)
- [箭頭函式this的指向](/0_GorPxmS6O9vaez2-JtWQ)
➤屬性特徵
---
- [`defineProperty`](/Ucne6xG9QLSjI4ztRY2UHg)
- [preventExtensions防止擴充](/oQq7eQL1Sludoapo82S9cA)
- [seal封裝](/KC-IGo3UREmAlBAa_5qH8w)
- [freeze](/7hmfqiEEQCKTuRn24mc40Q)
- [原型的屬性特徵](/huJ1Mj1RROadaXStuULDog)
- [`getter`與`setter`](/xPN20CPjQoaB8_lrO24TdQ)
- [defineProperty搭配`getter`與`setter`操作資料](/WJU0hDSERwOjsj9uPJFHAQ)
➤ES常見縮寫(語法糖)
---
- [ES6常見縮寫](/6B6Q9fV6RsGoZ26jouwwmg)
- [展開`...`](/8WHYueQtROe0wvDsXouONA)
- [解構](/AkrU8Jw4SNKD8jhGDPv09Q)
- [? 可選串連運算子](/CrwYtMC-THGHO3OSDgTeTQ)
➤樣板字面值Template Literial
---
- [樣板字面值template literals](/LFLe6m1qSCadJ9IHPf6ihw)
- [跳脫符號](/h9vnrx22RdmJMufKPuqbMw)
➤OOP物件導向
---
- [🜚🜚🜚OOP物件導向](/@grayshine/Sk7TBeMzc)
➤Module模組
---
- [CommonJS ES模組Module](/onZVUVBiTQynaKY_N1QCjg)
➤設計模式
---
- [設計模式design pattern](/3euhFoOVS7-U-i6Q005aTQ)
➤正規表達式RegExp
---
- [正規表達式](/@grayshine/BkAj5zWnc)
➤Layout(共通區塊)製作
---
- [EJS樣板語言](/@grayshine/BkCJ3a1Aq)
- [非同步載入共用組件](/u8dawMPeQPK0d9mG5oGEyQ)
➤效能優化
---
- [效能優化](/zeZ8zO6IRIyBziWIwoDbeA)
- [`Intersection Observer API`交叉觀察](/vVFsi7n4TIuzlOmUHpx7tA)
- [延遲下載Lazy Loading](/WxBC8EpJTWCi57FoVvVSaQ)
- [Infinite Scroll](/jbdVyI4ZSZmA3zhxzxXU_w)
- [防抖、節流功能](/iLCiobWmRqK9NyTfN57rIw)
- [new Image()確保圖片載入](/PsK4Ctu7Rkea6G7ZGDq-bA)
➤其他
---
- [vscode終端機運行js](/qrST4EelTaqTMlW74o4JAw)
- [ESlint規範工具](/xr1TbcYxSSKCNz-nCE4S_g)
- [Pretter](/dY2GF5UNSAu3h0pUN9cJCg)
- [Prettier、ESLint](/4ZBy9cajRpabJswyI_Dv1A)
- [js加密](/TYhAvRfGQq665hAeAUgqzw)
- [one-way data flow、two-way data binding](/JGsgVFlGTSCxD9_eEGy0fg)
- [ASI自動插入分號機制](/06GcdYysQ7iRuycMavD0rg)
- [除錯方面](/NGYnPEt_SjaGJAGNxmJtUw)
- [debugger](/_JMP2KGRTteYiVO8Eqhfhg)
- [工具](/uEuZBy6jRouyK2du8sZq9w)
- [進位制(數字系統)](/y22eINhhQnyZO6X2tTeoaw)
{"metaMigratedAt":"2023-06-16T12:48:18.607Z","metaMigratedFrom":"Content","title":"javascript筆記📖","breaks":true,"contributors":"[{\"id\":\"25cff55a-2939-40db-80f3-7ad7c91ba96e\",\"add\":17430,\"del\":10135}]"}