原创 還在糾結==和===是true還是false嗎?看完遍打通了奇蹟八脈任何比較都會了

還在糾結==和===是true還是false嗎?看完遍打通了奇蹟八脈任何比較都會了一、原理二、區別三、實例1.簡單類型比較2.複雜類型比較1)只重寫valueOf()2)重寫valueOf()及toString()返回引用類型3.

原创 web前端之瀏覽器篇——兼容各種瀏覽器常用的原生js工具類

web前端之瀏覽器篇——兼容各種瀏覽器常用的原生js工具類一、獲取瀏覽器可見域的寬高(不包括滾動條和被捲去)二、事件的添加與移除三、獲取滾動條寬 一、獲取瀏覽器可見域的寬高(不包括滾動條和被捲去) ieE<=8 不支持innerW

原创 javascript設計模式篇之工廠設計模式

javascript設計模式篇之工廠設計模式一、簡介二、設計思路1.工廠函數的實現2. 工廠類的實現三、案例1.vue項目開發實例2.elementUI框架實例 一、簡介 JavaScript是一門弱類型語言,一種 解釋性腳本語言

原创 web前端之瀏覽器: 知識彙總

web前端之瀏覽器: 知識彙總 一、URL到頁面 **準備階段: ** 輸入URL,Enter進入查找 瀏覽器在本地查找host文件,匹配對應的IP; 找到返回瀏覽器並緩存 沒有,則進入路由查找; 找到返回瀏覽器並緩存 再沒有,再進入公網

原创 web知識瀏覽器篇之compatMode混雜模式和標準模式

web知識瀏覽器篇之compatMode混雜模式和標準模式一、介紹二、compatMode兼容性三、區別 一、介紹 瀏覽器解析文檔時會按document.compatMode屬性來渲染。 其值是個枚舉值,如下: “BackComp

原创 vue項目開發之樣式篇——postcss插件

vue項目開發之樣式篇——postcss插件一、postcss插件簡介及安裝二、插件介紹1.postcss-advanced-variables2.postcss-partial-import3.postcss-px-to-vie

原创 神奇的 Workbox 3.0 讓你的 Web 站點輕鬆做到離線可訪問

神奇的 Workbox 3.0 讓你的 Web 站點輕鬆做到離線可訪問 Posted by zoumiaojiang on 2018-01-16 Peace HOME ABOUT ARCHIVES TAGS workbox 是 Googl

原创 vue之項目實戰elementUI經驗之談

vue之項目實戰elementUI經驗之談vue項目編譯搭建一、babel預編譯1.導出模塊報錯二、cli腳手架(一)、cypress端到端測試1.依賴包安裝2.測試案例書寫3.測試命令執行4.參考API項目js常用誤區項目vue

原创 vue.js進階之路——傳值方式總結

vue.js進階之路——傳值方式總結一、父子組件之間傳值(一)、父傳子1.props2.$refs(二)、子傳父1.$emit2.$parent二、兄弟組件之間傳值(一)、通過同一個父類(二)、通過事件機制三、嵌套更深組件之間傳值

原创 vue 之各組件間生命週期函數執行順序

vue 之各組件間生命週期函數執行順序一、vue 生命週期函數二、父子孫組件間各生命週期函數 一、vue 生命週期函數 vue實例的創建都需要經歷過一系列生命週期鉤子函數,比如實例初始化、數據監聽、數據渲染、實例掛載、數據更新等等

原创 eggjs全棧開發規範

eggjs全棧開發規範編碼規範編碼格式與語法代碼註釋函數/方法註釋單行註釋代碼分段及縮進使用空格作爲縮進代碼塊符號空白行分隔命名規則文件命名變量與常量命名函數/方法命名引號分號項目規範項目生成安裝第三方庫項目運行項目開發運行項目部

原创 vue.js進階之路——深入響應式原理

vue.js進階之路——深入響應式原理vue響應式原理Dom元素渲染更新機制data響應——檢測不到對象的添加和刪除data響應——檢測不到數組的變化vue中計算屬性computed的響應vue中屬性props的響應 vue響應式

原创 前端原生js單文件和多文件下載方式及兼容性總結

前端原生js單文件和多文件下載方式及兼容性總結

原创 vue項目中踩過的坑

vue項目中踩過的坑一、v-if父子組件傳值出問題二、監聽不到data中的引用類型Object、Array的變化三、父子屬性傳值時子組件無法改變傳過來的值四、父子屬性傳值,子組件監聽只監聽到最後一次的變化 一、v-if父子組件傳值

原创 JavaScript高級程序設計

JavaScript高級程序設計一、ECMAScript二、文檔對象模型(DOM)1、getBoundingClientRect2.pageYOffset/scrollY3.innerHeight4.offsetTop三、瀏覽器對象模