@ecmascript-6 / 博客 RSS 訂閱

Dec 16 2019

前端熟練工 - require VS import VS import() 對比分析(史上最詳細)

前置知識-幾種模塊化方案 require 屬於 commonJS 規範，想了解詳細的，戳我; 靜態 import,動態 import() 屬於 ES6 規範； require 用法 require 可以引用 JS、json 等； // test.js module.exports = { a: "china", b: function() { console.log("b");

ecmascript-6 , 同步 , 緩存 , require , import

收藏 評論

Jan 20 2020

wupengyu - react核心

react核心思想 簡單來説，就是virtual dom react diff。 我們都知道在前端開發中，js運行很快，dom操作很慢，而react充分利用了這個前提。在react中render的執行結果是樹形結構的javascript對象，當數據(state || props)發生變化時，會生成一個新的樹形結構的javascript對象，這兩個javascript對象我們可以稱之為vir

react , ecmascript-6 , virtual-dom , diff , 前端

收藏 評論

Jun 17 2020

前端向後 - ES6 Proxy 在 Immer 中的妙用

寫在前面 Immer結合 Copy-on-write 機制與 ES6 Proxy 特性，提供了一種異常簡潔的不可變數據操作方式： const myStructure = { a: [1, 2, 3], b: 0 }; const copy = produce(myStructure, () = { // nothings to do }); const modified = produ

ecmascript-6 , 代理 , immutable-js , 代理模式

收藏 評論