原创 __dirname 與 __filename
__dirname 當前文件所在完整目錄路徑（不包括文件名） __filename 當前文件所在完整目錄路徑（包括文件名） 實例： // 配置 alias const path = require('path') ali
2019-10-25 20:50:49
原创 react——以 js 寫樣式（styled-components）
引入： yarn add styled-components 使用： // index.js import React, { Component } from 'react' import { HeaderWrapper,
2019-10-25 20:50:49
原创 react——react-router-dom 路由與 react-loadable 異步加載組件
react-router-dom 更多查閱 官方文檔 import { BrowserRouter, Route, Link, Redirect, withRouter } from 'react-router-dom'; <B
2019-10-25 20:50:49
1
原创 webpack devServer
原文鏈接：https://www.jianshu.com/p/c2dd1c195462 DevServer 該文檔主要描述關於devserver的相關配置。(配置同webpack-de
2019-10-25 20:50:49
原创 react yarn 安裝 node-sass 過慢或報編譯錯誤
第一步：配置淘寶鏡像 yarn config set registry https://registry.npm.taobao.org -g 第二步：配置下 node-sass 的二進制包鏡像地址 yarn config set
2019-10-25 20:50:49
原创 webpack——搭建多頁面之 glob
glob 在 webpack 中對文件的路徑處理非常之方便，比如當搭建多頁面應用時就可以使用 glob 對頁面需要打包文件的路徑進行很好的處理 官方文檔 npm install glob -save-dev webpack.c
2019-10-25 20:50:49
原创 製作 npm 包
原文鏈接：https://www.jianshu.com/p/9a9ed7eaf655 1.npm是什麼？ npm 是Node 的模塊管理器，功能極其強大。 它是Node 獲得成功的重要
2019-09-26 19:34:31
原创 git 命令
Git基本命令 克隆代碼 git clone http://.... 克隆代碼 git clone http://.... newDev 克隆代碼到 newDev 文件夾下 git clone -b old http://...
2019-09-26 19:34:31
原创 eslint 檢查格式配置
一共有三種方式支持對 Prettier（或 Eslint） 進行配置： 根目錄創建 .prettierrc 文件，能夠寫入 YML、JSON 的配置格式，並且支持 .yaml/.yml/.json/.js 後綴； 根目錄創建 .
2019-09-26 19:34:30
1
原创 base64 與 file 互轉
將圖片轉換爲Base64 function getImgToBase64(url,callback){ var canvas = document.createElement('canvas'), ctx = canv
2019-09-26 19:34:30
原创 SSL/TLS協議運行機制的概述
原文鏈接：http://www.ruanyifeng.com/blog/2014/02/ssl_tls.html 作用 不使用SSL/TLS的HTTP通信，就是不加密的通信。所有信息明文
2019-09-15 20:04:20
原创 webpack 總結
文件結構 |-dist |-index.html |-...... |-src |-index.js |-print.js |-kid.jpg |-style.css |-package.json |-webpack.
2019-09-15 20:04:20
原创 算法初學
算法 兩個指標： 時間複雜度 T(n) 空間複雜度 S(n) 時間複雜度上界 O(f(n)) 下界 Ω(f(n)) T1(n) + T2(n) = max(O(f1(n)), O(f2(n))) T1(n) × T2(n)
2019-09-04 20:03:30
原创 js——MutationObserver
DOM規範的MutationObserver()構造函數 - 是MutationObserver接口內容的一部分 - 創建並返回一個新的觀察者，它在DOM事件觸發時調用指定的回調函數。DOM的觀察不會立即啓動;而必須先調用ob
2019-09-02 19:54:04
原创 TCP 三握四揮
序列號、確認號及標誌位 含義 序列號 seq 佔 4 個字節，用來標記數據段的順序，TCP 把連接中發送的所有數據字節都編上一個序號，第一個字節的編號由本機隨機產生，給字節編上序號後，就給每一個報文段指派一個序號，序
2019-09-02 19:54:04