原创 gulp與webpack的區別

常有人拿gulp與webpack來比較,知道這兩個構建工具功能上有重疊的地方,可單用,也可一起用,但本質的區別就沒有那麼清晰。 gulp gulp強調的是前端開發的工作流程,我們可以通過配置一系列的task,定義task處理的事務

原创 帶你徹底瞭解閉包以及其原理

閉包一直是許多初學者的難題,網上對閉包的講解也是衆說紛紜,但還是許多人不能明白。 下面我通過五個簡單例子,讓你明白閉包原理。 第一個例子 <script> var i = 0; document.o

原创 金額正則校驗

<input type="text" name="je" onkeyup="clearNoNum(this) " />元 function clearNoNum(obj){ ob

原创 Diff算法

Diff算法 什麼是Diff算法? diff算法作爲Virtual DOM的加速器,其算法的改進優化是React整個界面渲染的基礎和性能的保障,同時也是React源碼中最神祕的,最不可思議的部分 傳統Diff: 計算一棵樹形結構轉

原创 2020年2月20日~感慨

總覺得來日方長, 總幻想詩和遠方, 總覺得年少輕狂, 總盼望地久天長, 如今遠方還是遠方, 已沒了詩的嚮往, 輕狂變成了無奈, 天長變成了奢望, 曾經的來日方長, 已變得迷失了方向。 點贊 1 收藏 分享

原创 如何查看頁面是否開啓了gzip壓縮

1、谷歌瀏覽器 F12 2、在表頭單擊鼠標右鍵 3、如果開啓了gzip則顯示gzip,沒有則是空 // http://tool.chinaz.com/Gzips/ 在此網站也能查到是否開啓了Gzip壓縮 點贊

原创 vue裏的Runtime Only和Runtime Compiler 對比

在我們使用vue-cli的時候,會提示你安裝的版本 可以看到有兩種版本: Runtime Only 版本 和 Runtime+Compiler 版本。 1.Runtime Only 我們在使用 Runtime Only 版本的

原创 node本地服務啓動報Error: listen EADDRINUSE(端口占用解決方法)

或許大家也遇到類似情況,使用express本地起一個服務,發現端口被佔用,啓動失敗 Error: listen EADDRINUSE 0.0.0.0:8080 然後換了一個,發現還是如此,竟然還是被佔用,難不成一直換下去????

原创 js數字限制總數據長度(若包含小數點)超過指定數量截取小數點面的,若不超出不處理(不進行四捨五入)

function cutXiaoNum(num,len) { let numStr = num.toString(); const flag=numStr.includes('.'

原创 redux-saga中 take,takeEvery,takeLatest區別,自己的直白理解

redux-saga中 take,takeEvery,takeLatest區別,自己的直白理解 redux-saga 的時候,對於take,takeEvery,takeLatest的區別比較迷惑,官方的解釋很難理解,然後自己通過寫

原创 pm2日誌管理pm2-logrotate介紹

pm2-logrotate是什麼? pm2-logrotate可以理解爲是一個pm2的插件,它擴充了pm2本身沒有功能:日誌管理,所以它的運行需要依靠pm2,想用它必須先安裝pm2纔可以。 爲什麼有pm2-logrotate? 因

原创 pm2 常用配置項解析

首先了解下 pm2 是什麼? pm2是一個進程管理工具,可以用它來管理你的node進程,並查看node進程的狀態,當然也支持性能監控,進程守護,負載均衡等功能。 如何使用呢???? pm2需要全局安裝 npm install -

原创 Mobx總結以及mobx和redux區別

Mobx解決的問題 傳統React使用的數據管理庫爲Redux。Redux要解決的問題是統一數據流,數據流完全可控並可追蹤。要實現該目標,便需要進行相關的約束。Redux由此引出了dispatch action reducer等概

原创 webpack 4的簡易配置

今天早晨醒來看了下 新冠肺炎疫情狀況,今天明顯有好轉,希望“春天”儘快來臨吧!😄 哎,不能去公司上班,在家呆着也好無聊,手頭工作也不多~~~~ 因爲疫情,在家辦公室效率低,工資都降了,如果疫情一直不好,那豈不是要餓死的節奏???

原创 簡單談下 Component和PureComponent的區別

介紹 React.PureComponent 與 React.Component 幾乎完全相同,但 React.PureComponent 通過props和state的淺對比來實現shouldComponentUpate()。 首