原创 Chrome 控制檯常用調試技巧詳解
1、Chrome控制檯小技巧 打開和關閉抽屜式選項卡：按Esc鍵可打開和關閉 DevTools 的 Drawer（抽屜式選項卡） 在Drawer（抽屜式選項卡）中，你可以在 Console 控制檯中執行命令，查看動畫檢查器(Animati
2019-07-09 19:45:04
3
原创 性能優化篇---Webpack構建代碼質量壓縮
Webpack構建速度優化基本優化完畢，接下來考慮的就是：線上代碼質量的優化，即如何使用webpack構建出高質量的代碼 Webpack構建流程：初始化配置參數 -> 綁定事件鉤子回調 -> 確定Entry逐一遍歷 -> 使用load
2019-03-25 14:35:03
原创 React組件庫封裝初探--Modal
Madal組件實現基本簡介 類似於antd實現的modal組件，首先基本結構分析： modal-mask遮罩層 modal-warp內容包裝層 modal主體內容層，包含：title、content、footer、close-
2019-03-23 16:35:01
12
原创 你可能不知道的CORS跨域資源共享
這篇文章主要給大家介紹了關於CORS跨域資源共享的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者使用CORS具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧 什麼是CORS？ 默認情況下，爲預
2019-03-19 13:43:18
原创 性能優化篇---Webpack構建速度優化
如何輸出Webpack構建分析 輸出Webpack構建信息的.json文件：webpack --profile --json > starts.json --profile:記錄構建中的耗時信息 --json:以json格式輸出構建
2019-03-13 19:35:03
原创 你不知道的CORS跨域資源共享
瞭解下同源策略 源（origin）*：就是協議、域名和端口號； 同源： 就是源相同，即協議、域名和端口完全相同； 同源策略：同源策略是瀏覽器的一個安全功能，不同源的客戶端腳本在沒有明確授權的情況下，不能讀寫對方資源； 同源策略的分
2019-03-11 19:14:59
1
原创 使用pm2快速將項目部署到遠程服務器
使用背景 當我們需要將項目部署到遠程線上服務器時；傳統的方法可能就是： 將本地代碼通過ssh、ftp等方式上傳到服務器； 然後通過ssh登入到服務器，配置好環境； 手動啓動應用。 太過手動化，麻煩，操作繁瑣。 現代自動化部署
2019-03-11 14:45:05
10
原创 服務器（CentOS)安裝配置mongodb
安裝須知 mongo DB下載地址mongodb官網下載 Linux須知知識： 安裝過程 服務器下載安裝包 下載: curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x
2019-03-10 17:15:07
原创 使用pm2部署node生產環境
一、PM2是什麼 是可以用於生產環境的Nodejs的進程管理工具，並且它內置一個負載均衡。它不僅可以保證服務不會中斷一直在線，並且提供0秒reload功能，還有其他一系列進程管理、監控功能。並且使用起來非常簡單。 嗯嗯，最好的用處就是監控
2019-03-08 19:33:08
2
原创 Koa日誌中間件封裝開發
Koa日誌中間件開發封裝 對於一個服務器應用來說，日誌的記錄是必不可少的，我們需要使用其記錄項目程序每天都做了什麼，什麼時候發生過錯誤，發生過什麼錯誤等等，便於日後回顧、實時掌握服務器的運行狀態，還原問題場景。 日誌的作用 記錄服務器程
2019-03-08 13:04:52
原创 魔法CSS（1）——消失的list-style
有時候一個簡單Bug的出現，往往是由於一點知識小細節；但往往這點小細節看似簡單，其背後卻頗有韻味。 （需求）這部分UI給換成這樣的 看起來相對比較簡單，分析下結構： 整體爲無序列表，需要保留前置圖標； 每個列表後跟隨對號，且始終垂直
2018-11-10 11:04:29
10
原创 談談React中Diff算法的策略及實現
1、什麼是Diff算法 傳統Diff：diff算法即差異查找算法；對於Html DOM結構即爲tree的差異查找算法；而對於計算兩顆樹的差異時間複雜度爲O（n^3）,顯然成本太高，React不可能採用這種傳統算法； React Dif
2018-09-27 18:04:30
3