看了一下我司官網的webpack打包出來的大小情況，發現有很多可以優化的點，比如 lodash、moment.js、antd等等；本文主要圍繞webpack的打包優化，并根據...
發簡信
IP屬地：廣東
-
記前端項目首屏加載優化（打包篇）
-
好使！太感謝了！弄了一下午···
element的el-tree組件寬度超出父元素滾動條不生效問題
最近寫的一個頁面中遇到一個多級的樹形結構，使用el-tree組件后，父容器規定了寬高，設置overflow:auto,但是超出后橫向滾動條并沒有出現。 最后發現是el-tre...
-
如何使用Vue-cli快速構建單頁應用
vue-cli 是一個官方發布 vue.js 項目腳手架，使用 vue-cli 可以快速創建 vue 項目，GitHub地址是：vue-cli github vue-cli ...
-
徹底弄懂強緩存與協商緩存在工作中，前端代碼打包之后的生成的靜態資源就要發布到靜態服務器上，這時候就要做對這些靜態資源做一些運維配置，其中，gzip和設置緩存是必不可少的。這兩項是最直接影響到網站性能...
-
React初級學習——6 State&生命周期
一. State:與props類似，但是是組件內部私有的，完全受控于組件內部的數據。 開始使用state 首先，創建class組件 新建constructor構造函數，在構造...
-
React初級學習——5 組件&Props
組件概念：上類似JS函數，接收任意入參，即props，返回展示頁面內容的React元素定義：function直接定義 或 es6 class定義 (自定義組件的名稱必須以大寫...
-
React初級學習——4 React元素
React元素是構成React應用的最小模塊，比組件小，組件是由React元素構成的React Dom負責更新實際Dom和React元素保持一致（數據綁定） ReactDom...
-
React初級學習——3 JSX
JSX：是一種Javacsript語言的語法擴展，看起來像模板語言，但具有JS的全部功能價值：可以更好的呈現UI的交互本質JSX用于生成React‘元素’小結：通過JSX，靈...
-
React初級學習——2 Hello World
最簡易版單html無server端創建React（自測學習使用）Hello World實例 創建html文件 引入三個必備js文件： 新建空Dom節點 新建 ，且在內插入如...
-
React初級學習——1
主要內容： 掌握React基礎特性 組件基礎 一. React三大特性：申明式：類比理解為Vue的‘數據響應式’交互式UI數據改變時有效的更新，正確的渲染 組件 組件化：獨立...
-
async與defer的區別
script執行 瀏覽器在執行HTML的時候如果遇到 時會停止頁面的渲染,去下載和執行js的文件直接遇見 會繼續渲染頁面。故瀏覽器在執行js文件的時候瀏覽器表現為一片空白,為...
-
JavaScript監聽對象屬性的改變
目前監聽JS中的變量變化的方法很多，流行的MVVM的JS庫/框架的共同特點就是數據綁定， 在數據變更后響應式的自動進行相關計算并變更DOM展現 常見的監聽方法 1. 基于ES...
-
Vue中實現Type Ahead筆記
想象實現效果 根據效果步步推進思路、邏輯、一直想，接下來下一步應該做什么，整個鏈路是慢慢慢慢自己一點點基于需求漸進式長出來的，不用一口氣全部想出來，不現實。一開始沒有思路的時...
-
斐波那契數列2 Fibonacci Numbers
斐波那契數列：1 1 2 3 5 8 13···每一位都是前兩位數的和問題：求斐波那契數列第n位的數字是幾(標號從0開始)關鍵詞：非遞歸算法
-
斐波那契數列 Fibonacci Numbers
斐波那契數列：1 1 2 3 5 8 13···每一位都是前兩位數的和問題：求斐波那契數列第n位的數字是幾(標號從0開始)關鍵詞：遞歸一個學習理解遞歸意義很好的例子
-
漢諾塔問題 Hanoi Tower
假設有三個命名為 A B C 的塔座 ，在塔座A上插有n個直徑大小不相同，由小到大編號為1 ，2 ，3 ，··· ，n的圓盤，要求將A座上的圓盤移至塔座C，并按同樣的順序疊排...
-
Element.scrollIntoView()
Element.scrollIntoView() 方法讓當前的元素滾動到瀏覽器窗口的可視區域內 語法 參數 alignToTop (Boolean型參數)1.如果為true，...