IP屬地：浙江
-
-
-
如何用keep-alive做組件緩存
最近做了很多后臺管理系統(tǒng)，其中有一個常見的需求，就是從列表頁跳入詳情頁后，要求瀏覽器記住列表頁之前的搜索條件和頁碼，使得從詳情頁返回列表頁之后，頁面不刷新，和上次的操作保持一...
-
CSS3自定義滾動條樣式 -webkit-scrollbar
當(dāng)內(nèi)容超出容器時，容器會出現(xiàn)滾動條，其自帶的滾動條有時無法滿足我們審美要求，那么我們可以通過css偽類來實現(xiàn)對滾動條的自定義。 首先我們要了解滾動條。滾動條從外觀來看是由兩部...
-
開發(fā)中常用的es6（時常更新）
最近開發(fā)中，發(fā)現(xiàn)一些比較好用的es6 1.可選鏈操作符 '?.'場景：獲取對象屬性值。項目中一個很常見的場景，從接口返回的數(shù)據(jù)，對象中的某個屬性可能不存在，即 undefi...
-
element-ui Memo
級聯(lián)選擇器懶加載 tab欄 el-date-picker 日期禁用 elementui 合計行合并單元格 利用spanMethods合并重名列(1)將重復(fù)的列index存為數(shù)...
-
常用的前端JavaScript方法封裝
1、輸入一個值，返回其數(shù)據(jù)類型** 2、數(shù)組去重 3、字符串去重 4、深拷貝 淺拷貝 5、reverse底層原理和擴展 6、圣杯模式的繼承 7、找出字符串中第一次只出現(xiàn)一次的...
-
websocket+Echarts實時圖表數(shù)據(jù)展示WebSocket是一種網(wǎng)絡(luò)通信協(xié)議，是HTML5開始提供的一種在單個TCP連接上進行全雙工通訊的協(xié)議。 為什么需要WebSocket ? 初次接觸 WebSocket的人，...
-
vue 自定義指令 實例集合
含義：指令本質(zhì)上是裝飾器，是 vue 對 HTML 元素的擴展，給 HTML 元素增加自定義功能。vue 編譯 DOM 時，會找到指令對象，執(zhí)行指令的相關(guān)方法。 作用：普通 ...
-
將list轉(zhuǎn)化為treeData
``` export function tranListToTreeData(list, rootValue) { const arr = [] list.forEach...
-
Vue中組件通信（eventBus）
在vue項目中，父子組件間的通訊很方便。但兄弟組件或多層嵌套組件間的通訊，就會比較麻煩。這時，使用eventBus通訊，就可以很便捷的解決這個問題。eventBus可以在全局...
-
防抖和節(jié)流的區(qū)別和實用場景
防抖和節(jié)流 防抖：單位時間內(nèi)事件觸發(fā)會被重置，避免事件被誤傷觸發(fā)多次。代碼實現(xiàn)重在清零 clearTimeout。觸發(fā)高頻事件，n秒內(nèi)事件只會執(zhí)行一次，如果n秒內(nèi)再次觸發(fā)，則...
-
別再去網(wǎng)上找前端資料了，大廠前端工程師教你手寫一個webpack關(guān)注我，學(xué)前端，不迷路，文末有福利！ Webpack 是前端很火的打包工具，它本質(zhì)上是一個現(xiàn)代 JavaScript 應(yīng)用程序的靜態(tài)模塊打包器(module bundler)...