原创 實現eventEmmiter，發佈-訂閱 模式 (on, emit, off)
/* * @Date: 2024-03-14 15:46:52 * @Description: Modify here please */ interface SubscribeEvent { fn: Function;
2024-03-15 13:39:25
原创 實現一個鏈式調用的query方法
提供了一個數組結構的 data，要求實現一個 query 方法，返回一個新的數組，query 方法內部有 過濾、排序、分組 等操作，並且支持鏈式調用，調用最終的 execute 方法返回結果 你可以按照以下步驟實現這個 query 方法
2024-03-01 13:43:16
2
原创 js 找出最後一次字符串中指定或者某個字符後面出來的內容
JS 獲取最後一個 指定字符 後面的值示例 let str = 'http://199.188.18.282:8012/logistics-web/rules/custom-rules'1.找出’/'後面出來的值使用 JavaScript
2023-12-30 13:49:38
原创 nvm的安裝及Node.js環境配置
一、nvm是什麼？ nvm是一個node的版本管理工具，可以簡單操作node版本的切換、安裝、查看、等等 二、nvm的安裝 1.windows包下載地址： 下載nvm安裝包，下載地址：https://github.com/corey
2023-11-10 13:43:45
原创 contentEditable 富文本，中文輸入法觸發多次oninput事件解決辦法
1. contentEditable富文本，沒有onchange事件，有oninput事件，但是遇見中文輸入法時，會觸發多次，而我們只想輸入結束時觸發。那我們需要用到compositionstart和compositionend事件 <
2022-11-08 13:39:52
原创 如何使electron打包時使用另外一個路由
問題描述 electron使用react全家桶寫的項目,想打開一個另外窗口,如設置界面.我們已經寫在另外一個路由下,如/settings路由 在開發環境下我們可以直接使用,如下顯示,基本沒有問題 mainWindow.loadURL
2022-08-11 13:39:43
原创 Webpack5 配置 CssModules react-css-modules css-loader
以前天真地以爲react-css-modules使用與其他插件一樣，npm install安裝一下就好了。 直到我新起了一個項目才知道並沒有這麼簡單，react-css-modules使用是需要修改Webpack配置的。 如果不配
2022-05-28 13:39:26
原创 node安裝以及環境變量配置
一、Node.js安裝 1.首先在Node官網上下載對應的安裝包，我這裏下載的是64位window系統的安裝文件node-v10.15.0-x64.msi 2. 點擊安裝文件，開始node.js安裝 3
2022-05-03 13:39:33
原创 微信小程序使用骨架屏
骨架屏的使用越來越廣泛。在微信小程序中使用骨架屏如果自己實現，不同的頁面對應不同的骨架屏，會有一定難度；不過，微信小程序已經提供生成骨架屏功能，使得我們在開發中非常方便，下面介紹如何生成 在生成骨架屏之前，先確保微信開發者工具是 1.0
2022-03-09 13:40:00
原创 深入理解React底層實現原理
索引： props, state與render函數關係 – 數據和頁面是如何實現互相聯動的？ React中的虛擬DOM – React底層是如何實現性能飛躍的？ 深入瞭解虛擬DOM – 爲什麼React能夠跨端？ 虛擬DOM的diff算法
2022-03-04 13:39:52
原创 圖片變形處理，設置屬性object-fit: cover完美解決！
上傳頭像的時候遇到了頭像變形的問題，最後通過object-fit: cover完美解決了。這個CSS屬性可以達到最佳最完美的居中自動剪裁圖片的功能。 object-fit理解 CSS3 background-size出現的比較早，大家
2022-03-03 13:39:44
原创 Vue 打包上線後的緩存問題
問題描述 大家用vue腳手架搭建前端工程時，常被緩存問題所困擾，具體的表現就是，當程序版本升級時，用戶因爲緩存訪問的還是老的頁面，然後很多同學很暴力的直接在index.html中加入了這幾行代碼： <meta http-equiv="Ex
2022-02-26 13:41:05
原创 typescript 中的keyof、 in
在上一篇我重點講述了 ts 的交叉類型，本期將結合實例重點講述 ts 中的一些高級操作符。本篇文章略長，筆者之前的文章都略短，作爲男人還是要好好學習，文章還是長點好。 本期涉及的操作符如下： keyof in infer 關鍵字 Par
2021-11-17 14:10:53
原创 webpack SplitChunksPlugin vue-cli 4 拆包實戰
https://www.jianshu.com/p/b07efb7a76a6 https://www.cnblogs.com/vvjiang/p/9327903.html https://v4.webpack.docschina.or
2021-10-29 14:10:16
2
原创 TypeScript 之 Record
正文 在 TS 中，類似數組、字符串、數組、接口這些常見的類型都非常常見，但是如果要定義一個對象的 key 和 value 類型該怎麼做呢？這時候就需要用到 TS 的 Record 了。 上代碼： interface PageInfo
2021-10-14 14:12:45