博客 / 列表

Tqing - JavaScript中原型與原型鏈

構造對象 function Person() {} let person = new Person() 上面程序建立了一個Person類型的實例 原型 function Person() {} Person.prototype.name = "ztq" Person.prototype.sayHi = function () {console.log("hello world")} l

原型 , 原型鏈 , Javascript

Tqing - Webpack的誕生與問題解決之道

背景 在早期的前端技術標準根本沒有預料到前端行業會有今天的發展,在設計上存在很多缺陷,隨着web應用複雜性增加,網頁已經從展示簡單的文案和圖像逐漸演變為功能複雜、交互密集的應用程序,這種變化推動了前端模塊化的發展,以應對以下幾個挑戰: 依賴管理混亂 全局作用域污染 代碼膨脹 舉個例子來説明下: !DOCTYPE html html lang="en" head meta ch

模塊化 , webpack

Tqing - 使用setTimeout來實現SetInterval

為什麼要使用setTimeout來實現SetInterval? 我們知道setInterval以一定頻率來執行一個函數,但是這樣有一個問題,加入執行的這個函數相當耗時,超過了我們給定的週期時間,setInterval還會按照約定的時間來執行下次任務嗎? 答案是不會,setInterval會等到當前的任務執行完成後,再立即執行下一次的任務,看個例子 setInterval(function inte

settimeout , setinterval

Tqing - 瞭解JavaScript中的生成器函數(Generator)

為什麼使用Generator? 在JavaScript使用異步操作時,在async和await還沒有被JavaScript官方正式推出時,那麼異步操作解決方案就只有回調函數和Promise。 回調函數 所謂回調函數,就是把需要執行的動作以函數的方式包裝起來,再將這個函數以參數的方式傳遞給其他的函數,當時機到來時再進行調用。 // 需在瀏覽器中運行 function loadImage(imgUr

generator , 生成器 , Javascript