原创 Dawn構建的項目中使用React.lazy報錯
使用【Dawn】構建工具開發項目過程中,使用到了React.lazy來進行代碼分隔處理。 遇到如下報錯信息: Element type is invalid. Received a promise that resolves t
原创 ES6中import和export
export //導出一個變量或函數 export const sum = 123; export function print() { console.log('funcA'); } //使用大括號方式 export { s
原创 ES6 Class 與 ES5 構造函數對比
Class User類被編譯以後轉化爲構造函數。被編譯後生成了_classCallCheck,_instanceof方法。 class User{ } const user = new User(); console.log(u
原创 淺析Promise原理
Promise原型對象 在瀏覽器控制檯輸入如下代碼,可以看到Promise原型對象信息。 var p = new Promise(()=>{}); console.log(p) Promise原型上有catch、finally
原创 從ES6代碼編譯看原型鏈繼承
ES6代碼 class Point { x: number; y: number; constructor(x: number, y: number) { this.x = x; this.y = y;
原创 理解JavaScript中的作用域
執行環境及作用域 執行環境定義了變量和函數有權訪問的其他數據,決定了它們各自的行爲。 執行環境,或者叫執行上下文,每個執行環境都有一個與之關聯的是 變量對象。存儲了所有變量和函數。 執行環境分爲:全局執行環境、函數執行環境、eva
原创 formily中基礎正則表達式
閱讀formily源碼時,遇到了平常開發過程中會用到的一些正則表達式,這裏做個記錄。 export default { email: /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$
原创 JS大坑之17位以後的Number類型數值精度丟失問題
接口返回數據中攜帶有id字段,如果數值過大,在顯示的時候會發現精度丟失。 當然,前端解析響應數據後,也在所難免發生精度丟失問題。 代碼如下: var text = '{"id":18014398509481985}'; var
原创 解決React.forwardRef問題
在使用函數組件時,報錯:Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use Re
原创 求兩個數組的差異
案例 一組CheckBox,每次選中或者取消一個,在onChange中獲取到的都是數組值,如何確定變化的那個值呢?體驗地址 題目 如上案例,換一種說法。求解任意兩個數組的存在差異的值。注意,有可能第一個數組比第二個數組的值多。也有
原创 《JavaScript高級程序設計》讀書筆記 之 執行環境及作用域
執行環境定義了變量和函數有權訪問的其他數據,決定了它們各自的行爲。 執行環境,或者叫執行上下文,每個執行環境都有一個與之關聯的是 **變量對象。**存儲了所有變量和函數。 分爲:全局執行上下文、函數執行上下文、eval執行上下文。
原创 Git常用命令
命令 說明 範例 clone 從遠程倉庫克隆 git clone [email protected]:xxx.git init 創建空倉庫或重新初始化現有倉庫 git init add 添加文件到暫存區 git a
原创 JavaScript 枚舉
enum Color { RED,GREEN,BLUE } var Color; (function (Color) { Color[Color["RED"] = 0] = "RED"; Color[Col
原创 webpack-bundle-analyzer 使用
安裝 # NPM npm install --save-dev webpack-bundle-analyzer # Yarn yarn add -D webpack-bundle-analyzer 配置 const Bund
原创 530 Please login with USER and PASS.
安裝 npm install --save hexo-deployer-ftpsync 配置 deploy: type: ftpsync host: xx.xx.xx.xx user: bxu123123 pas