原创 EventBus 實現

實現:classMyEventBus{constructor(){this.eventQueue={}}on(eventName,callback){//訂閱if(!this.eventQueue[eventName]){this.even

原创 hash模式和history模式 實現原理及區別

目前單頁應用(SPA)越來越成爲前端主流,單頁應用一大特點就是使用前端路由,由前端來直接控制路由跳轉邏輯,而不再由後端人員控制,這給了前端更多的自由。目前前端路由主要有兩種實現方式:hash模式和history模式,下面分別詳細說明。1.

原创 JS 異步編程

教程簡介作者:TigerChain地址: https://www.jianshu.com/p/876e68fd6a1c本文出自TigerChain 簡書 手把手教 Vue 系列本節大綱正文js 是一門單線程、非阻塞、異步、併發語言。一、同步

原创 事件綁定中this指向問題

<!DOCTYPE html><htmllang="zh-cmn-Hans"><head><metacharset="utf-8"><title>This</title><style>#container{width:100%;height

原创 JS異步操作:概述

目錄1. 單線程模型什麼是單線程模型JS爲什麼採用單線程模式單線程模式的優缺點2. 同步任務 和 異步任務3. 任務隊列 和 事件循環4. 單線程模型回調函數事件監聽發佈/訂閱5. 單線程模型串行執行並行執行並行和串行的結合本文轉載於:異步

原创 防抖、節流 和 預加載、懶加載

目錄1. 防抖 節流2. 預加載3. 懶加載(一)防抖 節流1. 防抖對於短時間內連續觸發的事件(如滾動事件),防抖的含義就是讓某個時間期限(如上面的1000毫秒)內,事件處理函數只執行一次。防抖實現思路:在第一次觸發事件時,不立即執行函數

原创 JS 類的創建繼承 與 new原理實現

目錄1. 類的創建工廠模式構造函數模式原型模式組合模式2. 類的繼承原型鏈繼承構造繼承實例繼承拷貝繼承組合繼承寄生組合繼承3. new 的原理實現學習和參考於:JS定義類的六種方式詳解JS實現繼承的幾種方式JavaScript深入之創建對象

原创 call、apply、bind 原理實現

目錄1. call 的模擬實現2. apply 的模擬實現3. bind 的模擬實現4. 三者異同學習並參考於:JavaScript深入之call和apply的模擬實現JS的call,apply與bind詳解,及其模擬實現(一)call的模

原创 Generator 學習筆記

目錄1. async await2. Generator本文僅是學習:異步編程二三事 | Promise/async/Generator實現原理解析中一部分知識的學習筆記,(強烈推薦閱讀原文)(一)async await在多個回調依賴的場

原创 HTTPS 超詳解 一文搞定HTTPS面試知識

目錄1. HTTP基本原理基本概念HTTPS 優缺點2. 加密共享密鑰加密公開密鑰加密HTTPS採用混合加密機制3. 證書數字證書EV SSL 證書客戶端證書自簽名證書4. HTTPS的安全通信機制HTTPS 通信過程具體版 通信過程簡要版

原创 TCP超詳解 一文搞定TCP面試知識

目錄1. TCP數據包結構2. TCP三次握手 和 四次握手TPC三次握手TCP四次揮手3. TCP如何保證傳輸可靠性 詳解概述校驗和確認應答+序列號超時重傳停止等待協議流量控制擁塞控制連接管理4. TCP短連接 與 長連接短連接長連接5

原创 HTTP超詳解 一文搞定HTTP面試知識

目錄1. HTTP原理概念HTTP過程特點2. HTTP請求報文請求報文結構請求行(請求方法、URL、協議版本)請求方法URL協議版本請求頭請求體3. HTTP響應報文響應報文結構響應行(版本協議、狀態碼及狀態描述)狀態碼及狀態描述響應頭響

原创 Vue:深入理解組件

目錄1. 組件註冊全局註冊局部註冊2. PropProp的大小寫Prop驗證傳遞Prop3. 插槽基本使用後備內容作用域插槽4. 動態組件 & 異步組件動態組件在動態組件上使用 keep-alive異步組件(一)組件註冊兩種組件的註冊類型

原创 Vue基礎:指令詳解

目錄v-htmlv-forv-ifv-showv-modelv-bindv-onv-once1.v-html:雙大括號會將數據解釋爲普通文本,而非 HTML 代碼。爲了輸出真正的 HTML,需要使用該指令。它使內容按普通 HTML 插入 -

原创 Vue基礎:計算屬性 與 偵聽器

(一)計算屬性computed對於任何複雜邏輯,你都應當使用計算屬性。1. 基本使用計算屬性是基於它們的響應式依賴進行緩存的。只在相關響應式依賴發生改變時它們纔會重新求值。這就意味着只要依賴數據沒有發生改變,computed將從緩存中獲取之