ESTJ 前端工程師 | 紀錄學習的輸出、閱讀分享或是其他所見所聞。看過一句話說「寫作就是和內在潛意識進行對話」， 想試著做這樣的練習而產生的 613 小行星
為什麼要使用 TypeScript 呢？好處在於掌握輸入和輸出的數值以及類型，編寫的時候即時顯示提供錯誤，輸入的參數也可以先定義好，避免踩到不清楚資料型別時的坑，比如資料等於 0 是數字還是布林值這種。 程式語言類型有以下兩種： 動態類型語言：執行期間才會檢查數據，初始化時不用給定型態或變量，ex: JavaScript, Ruby, Python 靜態類型語言：編譯階段即執行形態檢查，須在執行前聲明變量或是數據類型， TypeScript 即屬於這類型。 TypeScript 類型 基礎類...
關注問題 this 的不同應用場景，如何取值？ 手寫 bind 函數 知識點 作用域和自由變量 全局作用域 函數作用域 塊級作用域 閉包：兩種常見方式 & 自由變量查找規則 this 閉包 作用域應用特殊狀態，有兩種狀況 function create() { let a = 100; return function () { console.log(a); }; } let fn = create(); let a = 200; fn();...
💡 為什麼原型和 原型鏈很重要？因為JS 本身是基於原型繼承的語言， ES6 之後可以使用 Class 實作繼承 Overview 範圍 如何準確判斷一個變量是不是陣列 class 的原型本質 知識點 涵蓋以下三大點 class 實現繼承 instanceOf 使用 原型和原型鏈 class class 本身像是模板的作用，可以在 constructor 內對屬性定義賦值，透過 class 可以聲明 new 實例 constructor 屬性 方法 // 類 // ...
1. padStart / padEnd 用途：字符串的補全方法，用在要增加前綴或是後綴，例如小數點 0.00 或是檔案類型 123.jpg 語法如下： str.padStart(targetLength [, padString]) 'zhangxinxu'.padStart(15, false); // 结果是'falsezhangxinxu' 'zhangxinxu'.padStart(15, null); // 结果是'nullnzhangxinxu' 'zhangxinxu'...
在前端請求的時候設置 request 對象屬性 withCredentials 為 true 什麼是 withCredentials? withCredentials 是 XMLHttpRequest 中的一個 Boolean 類型， 只是是否使用 cookies, authorized header（頭部授權） 或者是 TSL 客戶端證書來建立跨域請求，同一個站下使用 withCredentials 是無效的 如果發送來自其他網域的 withCredentials，沒有設置 true 的話，就...
記錄一些常見物件的操作方法
如何理解 HTML 語義化 語義化的特點：增加代碼可讀性 對於搜尋引擎利於分析標籤和內容（SEO） 塊狀元素與內聯元素 display: block/ table，有 div, h1, h2, table, ul, ol, p display: inline/ inline-block，有 span, input, button, img 等等 盒模型的寬度怎麼計算？ 假如題目問某個 <div> 的 offsetWidth 是多大？ 要先知道 offsetWidth 是什麼？ o...
💡 JavaScript 的基本功，千萬要理解觀念，主要關注以下三大點 JS 值類型和引用類型的區別 手寫 JS 深拷貝 變量計算和類型轉換的坑 typeof 能判斷哪些類型 能判斷所有值類型 判斷出是函數 判斷是否是引用類型（但是無法再細分） 何時使用 === 何時使用 == 除了== null 之外，其他都一律用 === (下面會有例子） 值類型和引用類型的區別 值類型：Number undefined String Boolean Symbol 引用類型：Objec...
