原创 npm切換源，nrm安裝、配置及使用
爲什麼要切換npm源 1.速度太慢 因爲默認的npm源是國外的，速度比較慢。可以選擇國內鏡像，加快下載安裝速度，比如我們可以切換到taobao源或者公司內部的源。 2.手動切換太麻煩 切換源時，往往記不住源鏈接，百度之後再來執行命令npm
2021-03-30 11:00:53
原创 node怎麼判斷電腦操作系統位數
nodejs process.platform無論是x32還是x64，結果都是'win32' process.platform process.platform屬性會返回標識操作系統平臺（Node.js 進程運行其上的）的字符串。 當前
2021-03-30 11:00:53
8
原创 Angularjs與Angular2雙向綁定原理
1、angularjs(1.x)數據雙向綁定原理 AngularJs 爲 scope 模型上設置了一個 監聽隊列，用來監聽數據變化並更新 view 。每次綁定一個東西到 view(html) 上時 AngularJs 就會往 watch，用
2020-10-29 23:18:13
2
原创 Object.defineProperty不能監聽數組長度變化，而Proxy可以監聽？
一、Object.defineProperty MDN-Configurable中提到： 當且僅當該屬性的 configurable 爲 true 時，該屬性描述符才能夠被改變，同時該屬性也能從對應的對象上被刪除。默認爲 false。 首先
2020-10-27 23:15:49
1
原创 antd input組件及原生input標籤取消自動顯示歷史記錄
原生input標籤 在輸入input時會提示原來輸入過的內容，還會出現下拉的歷史記錄，禁止這種情況只需在input中加入： autocomplete=“off” <input type="text" autocomplete="off"
2020-10-27 23:15:49
原创 100個思維模型
中國頂級金融人士必備的100個思維模型！ 1. 機會成本思維模型 機會成本是指爲了某種東西而所要放棄另一些東西的最大價值；也可以理解爲在面臨多方案擇一決策時，被捨棄的選項中的最高價值者是本次決策的機會成本；還指廠商把相同的生產要素投入到其他
2020-10-22 23:17:38
原创 規範代碼，提升開發效率，5大絕招解決你的痛點
使用eslint規範檢測 一般在團隊開發中每個人的代碼習慣都不太一樣，這樣就會導致代碼風格不一致，以致於維護和修改bug的時候看別人的代碼灰常痛苦。使用eslint規範代碼，統一代碼風格。 stylelint規範css代碼 說到代碼
2020-10-15 04:58:25
原创 Vuejs 3.0 正式版發佈！代號：海賊王（One Piece） Vue 3.0 發佈
Vuejs 3.0 在北京時間2020年9月 19 日凌晨，終於發佈了 3.0 版本，代號：One Piece 以下爲 Vuejs Release 3.0 機器翻譯文章，原文 v3.0.0 One Piece。 Vue 3.0 發佈 今天
2020-10-13 00:52:38
原创 如果圖片加載失敗，如何做統一處理及優化？
項目中遇到的問題 在實際項目中，不可避免的會遇到在頁面中加載大量圖片，但可能由於網絡問題，或者圖片文件缺失等問題，導致圖片不能正常展示。 我們希望有一種降級處理的方式，可以在圖片加載失敗後顯示一張我們預先設定好的默認圖片。 如何解決 監聽
2020-09-14 06:44:00
原创 nginx負載均衡如何實現？
什麼是nginx？ Nginx("engine x")是一款是由俄羅斯的程序設計師Igor Sysoev所開發高性能的Web和反向代理服務器，也是一個 IMAP/POP3/SMTP 代理服務器。 在高連接併發的情況下，Nginx是Apach
2020-09-14 06:44:00
原创 react非受控組件
在大多數情況下，我們推薦使用 受控組件 來處理表單數據。在一個受控組件中，表單數據是由 React 組件來管理的。另一種替代方案是使用非受控組件，這時表單數據將交由 DOM 節點來處理。 要編寫一個非受控組件，而不是爲每個狀態更新都編寫數據
2020-09-14 06:44:00
原创 react之Fragments使用方法及使用場景
React 中的一個常見模式是一個組件返回多個元素。Fragments 允許你將子列表分組，而無需向 DOM 添加額外節點。 render() { return ( <React.Fragment> <ChildA
2020-09-14 06:44:00
原创 js解析url參數的方法
1、循環 function getQuery() { const url = decodeURI(location.search); // 獲取url中"?"符後的字串(包括問號) let query = {}; i
2020-09-09 01:06:55
原创 前端必備 CSS Sprites雪碧圖如何使用
CSS Sprites又稱css精靈或者諧音css雪碧，是一種網頁圖片應用處理方式，複雜的事情簡單化，提高開發效率。 CSS Sprites將一個頁面內所需要顯示的圖片全部整合到一張大圖中，並使用css屬性background進行調用。這樣
2020-09-09 01:06:55
原创 爲什麼要用redux-saga
redux redux是 JavaScript 狀態容器，提供可預測化的狀態管理。 應用中所有的 state 都以一個對象樹的形式儲存在一個單一的 store 中。 惟一改變 state 的辦法是觸發 action，一個描述發生什麼的對象。
2020-09-08 01:07:25