原创 【跟着大佬學JavaScript】之數組去重（結果對比）
前言 數組去重在面試和工作中都是比較容易見到的問題。 這篇文章主要是來測試多個方法，對下面這個數組的去重結果進行分析討論。如果有不對的地方，還請大家指出。 const arr = [ 1, 1, "1", "1", 0, 0, "0",
2022-07-21 13:45:06
原创 【跟着大佬學JavaScript】之lodash防抖節流合併
前言 前面已經對防抖和節流有了介紹，這篇主要看lodash是如何將防抖和節流合併成一個函數的。 初衷是深入lodash，學習它內部的好代碼並應用，同時也加深節流防抖的理解。這裏會先從防抖開始一步步往後，由簡入繁，直到最後實現整個函數。 這裏
2022-07-10 13:58:32
原创 【跟着大佬學JavaScript】之節流
前言 js的典型的場景 監聽頁面的scroll事件 拖拽事件 監聽鼠標的 mousemove 事件 ... 這些事件會頻繁觸發會影響性能，如果使用節流，降低頻次，保留了用戶體驗，又提升了執行速度，節省資源。 原理 節流的原理：持續觸發
2022-07-08 13:53:08
原创 vue3.0配置vue-i18n
項目安裝vue-i18n 需要安裝最新版的vue-i18n npm install vue-i18n@next --save 或者用yarn yarn add vue-i18n@next --save 安裝完成之後，可以看一下packa
2021-09-01 13:39:16
原创 ES6Set和Map數據結構
概覽 Set 類似於數組，但是成員的值都是唯一的，沒有重複的； Set本身是一個構造函數，用來生成Set數據結構； 不能區分 +0,-0; 認爲NaN不等於NaN; 不能區分對象，認爲兩個對象總是不相等的； 不能區分數組，認爲兩個數組總是
2021-04-20 13:38:38
原创 js封裝日期格式化函數
// 封裝日期格式化函數 const date = new Date('2021-4-12 10:22:22'); function dateFormat (date, format = 'YYYY-MM-DD HH:mm:ss') {
2021-04-14 13:38:52
原创 原生js時間戳獲取和轉換
時間轉變爲時間戳的方法彙總 const date = new Date('2021-4-12 08:22:22'); console.log(date); // Mon Apr 12 2021 08:22:22 GMT+0800 (中國標準
2021-04-14 13:38:52
原创 ES6五種遍歷對象屬性的方式
ES6五種遍歷對象屬性的方式 function allObj(){ this.name = '張三'; // 自有屬性 this.age = '12'; // 自有屬性 this.invisible = { enumer
2021-04-13 13:39:16
原创 自適應好用的一個css
主要是利用css max-width:min-content 如下代碼展示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi
2021-04-13 13:39:16
原创 ES6對象屬性名簡潔表示法和表達式、對象新方法、屬性的遍歷
概覽 對象屬性的簡潔表示法 ES6允許直接寫入變量和函數作爲對象的屬性和方法。 ES6允許在對象中只寫屬性名，不寫屬性值。 let foo = 'bar'; let baz = {foo}; console.log(baz); // {
2021-04-09 13:38:33
原创 ES6數組擴展運算符（Rest+Spread）、類方法、原型方法
概覽 ES6引進了一些新的數組方法。 擴展運算符（Spread）+剩餘操作符（Rest） 含義： 擴展運算符（spread）是三個點...,它如同rest參數的逆運算，將一個數組轉爲用逗號分隔的參數序列。 剩餘操作符提取數組，用於剩餘
2021-04-07 13:38:31
原创 var/let/const、塊級作用域、TDZ、變量提升
概覽 ES6 新增了兩個定義變量的關鍵字：let 與 const，它們幾乎取代了 ES5 定義變量的方式：var。let是新的var,const簡單的常量聲明。 function f() { { let x; {
2021-03-31 13:38:34
原创 89版本的chrome不支持less deep樣式穿透
問題 chrome版本號89.0.4389.90，不支持less的/deep/樣式穿透 解決 既要照顧以前的版本，又要兼容新版本，建議寫兩種css樣式 .main{ .el-dialog__headerbtn{ top:
2021-03-30 13:38:43
原创 npm insatll 下載依賴總會卡住
問題 npm ERR! code ENOTFOUND npm ERR! errno ENOTFOUND npm ERR! network request to https://registry.npmjs.org/babel-plugin-
2021-03-22 18:35:02
原创 vscode啓動項目EsLint報錯(.eslintrc.js文件)
{ root: true, // 當前配置爲根配置，將不再從上級文件夾查找配置 parserOptions: { parser: 'babel-eslint', // 採用 babel-eslint 作爲語法解析器 sourceType
2021-03-22 18:34:36