国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

ImmutableJS

沈儉 / 2911人閱讀

摘要：持久化數(shù)據(jù)提供可修改的，這些不在原地更新數(shù)據(jù)，而是產(chǎn)生新的更新后的數(shù)據(jù)。提供了很多持久化不可變數(shù)據(jù)結(jié)構(gòu)，包括以及。也提供了惰性允許有效的方法鏈?zhǔn)讲僮鳎绾停挥脛?chuàng)建中介變量。

簡介 　JavaScript中的不可變集合

不可變數(shù)據(jù)一旦創(chuàng)建就不能改變，這樣可簡化應(yīng)用開發(fā)、無防御復(fù)制、啟用更先進(jìn)的內(nèi)存方案，以及使用更簡單的邏輯檢查更新。持久化數(shù)據(jù)提供可修改的API，這些API不在原地更新數(shù)據(jù)，而是產(chǎn)生新的更新后的數(shù)據(jù)。

Immutable.js提供了很多持久化不可變數(shù)據(jù)結(jié)構(gòu)，包括： List, Stack, Map, OrderedMap, Set, OrderedSet以及Record。

這些數(shù)據(jù)結(jié)構(gòu)在現(xiàn)代JavaScript虛擬機(jī)都非常高效的，使用的是通過hash映射以及向量嘗試，和Clojure和Scala中流行的那些一樣，最小化需要拷貝和緩存的數(shù)據(jù)。

Immutable.js也提供了惰性Seq, 允許有效的方法鏈?zhǔn)讲僮鳎鏼ap和filter，不用創(chuàng)建中介變量。使用Range和Repeat創(chuàng)建一些Seq。

更多的信息，可參閱Immutable.js官網(wǎng)。

以上是從官網(wǎng)上翻譯過來的一段描述文字。下面將從代碼的層面進(jìn)行簡單剖析。

　Immutable.js源碼分析

源碼地址為：https://github.com/facebook/i...。 對于JavaScript包來說，首先我們可以先看看package.json文件，看看構(gòu)建相關(guān)的腳本命令以及做了哪些操作。

...
  "main": "dist/immutable.js",
  "typings": "dist/immutable-nonambient.d.ts",
  "typescript": {
    "definition": "dist/immutable.d.ts"
  },
  "scripts": {
    "build": "run-s build:*",
    "build:dist": "run-s clean:dist bundle:dist copy:dist stats:dist",
    "build:pages": "gulp --gulpfile gulpfile.js default",
    "stats:dist": "node ./resources/dist-stats.js",
    "clean:dist": "rimraf dist",
    "bundle:dist": "rollup -c ./resources/rollup-config.js",
...

通過npm install immutable安裝這個(gè)包之后，我們在引入這個(gè)包的時(shí)候，實(shí)際上定位的文件是dist/immutable.js, 如果使用TypeScript定義信息，對應(yīng)于dist/immutable.d.ts。

然后看看scripts部分，可以看到build是構(gòu)建目標(biāo)代碼的命令， 這里使用了run-s build:*。

這里我們使用的是npm-run-all。 這里我們只需要知道，這個(gè)命令可以并行或串行的運(yùn)行一系列的npm腳本就行了。 更詳細(xì)的介紹，直接進(jìn)它里邊的github頁面進(jìn)行查看即可。

npm run build執(zhí)行三件事，打包源代碼到dist/immutable.js中， 復(fù)制TS定義到dist/immutable.t.ds, 最后還做了dist-stats。

其中構(gòu)建目標(biāo)代碼這塊使用的rollup打包工具實(shí)現(xiàn)的， 暫時(shí)不深入rollup的詳細(xì)信息， 感興趣的可以參考后面的連接。

這里我們是將src中的源代碼Immutable.js打包到dist/immutable.js中去。

src項(xiàng)目結(jié)構(gòu) 
+-- utils 工具包
|-- Collection.js    Collection數(shù)據(jù)結(jié)構(gòu)
|-- CollectionImpl.js    
|-- Hash.js    
|-- Immutable.js  該包的主文件
|-- Iterator.js    
|-- List.js
|-- Map.js
|-- Math.js
|-- Operations.js
|-- OrderedMap.js
|-- OrderedSet.js
|-- Predicates.js
|-- Range.js
|-- Record.js
|-- Repeat.js
|-- Seq.js
|-- Set.js
|-- Stack.js
|-- TrieUtils.js
|-- fromJS.js
|-- is.js
　關(guān)鍵詞

不可變數(shù)據(jù): Immutable Data

無防護(hù)數(shù)據(jù)拷貝: no defensive copy

先進(jìn)內(nèi)存方案: advanced memoization

檢測更新技術(shù): change detection techniques

未完待續(xù)...... 參考鏈接

Immutable詳解及React中實(shí)踐

Immutable.js

rollup

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/82981.html

相關(guān)文章

  • React 的性能優(yōu)化（一）當(dāng) PureComponent 遇上 ImmutableJS

    摘要：四是在年出的持久性數(shù)據(jù)結(jié)構(gòu)的庫，持久性指的是數(shù)據(jù)一旦創(chuàng)建，就不能再被更改，任何修改或添加刪除操作都會返回一個(gè)新的對象。避免大量使用操作，這樣會浪費(fèi)性能。盡量將設(shè)計(jì)成扁平狀的。 一、痛點(diǎn) 在我們的印象中，React 好像就意味著組件化、高性能，我們永遠(yuǎn)只需要關(guān)心數(shù)據(jù)整體，兩次數(shù)據(jù)之間的 UI 如何變化，則完全交給 React Virtual Dom 的 Diff 算法 去做。以至于我們很...

    plus2047 評論0 收藏0

  • 【騰訊Bugly干貨分享】React 移動 web 極致優(yōu)化

    摘要：數(shù)據(jù)管理及性能優(yōu)化統(tǒng)一管理數(shù)據(jù)這一部份算是重頭戲吧。重復(fù)渲染導(dǎo)致卡頓這套的東西在家校群頁面上用得很歡樂，以至于不用怎么寫都沒遇到過什么性能問題。但放到移動端上，我們在列表頁重構(gòu)的時(shí)候就馬上遇到卡頓的問題了。列表頁目前的處理辦法是將值換成。 本文來自于騰訊bugly開發(fā)者社區(qū)，非經(jīng)作者同意，請勿轉(zhuǎn)載，原文地址：http://dev.qq.com/topic/57908... 最近一個(gè)季度...

    suosuopuo 評論0 收藏0

  • 精讀《React 的多態(tài)性》

    摘要：引言本周精讀的文章是，看看作者是如何解釋這個(gè)多態(tài)性含義的。讀完文章才發(fā)現(xiàn)，文章標(biāo)題改為的多態(tài)性更妥當(dāng)，因?yàn)檎恼露荚谡f，而使用場景不局限于。更多討論討論地址是精讀的多態(tài)性如果你想?yún)⑴c討論，請點(diǎn)擊這里，每周都有新的主題，周末或周一發(fā)布。 1 引言 本周精讀的文章是：surprising-polymorphism-in-react-applications，看看作者是如何解釋這個(gè)多態(tài)性含...

    tabalt 評論0 收藏0

  • 看redux的一些筆記

    摘要：不只為組件提供中的數(shù)據(jù)及擴(kuò)展方法，它還為定義的組件添加了一系列事件操作，這些事件的核心點(diǎn)就是，然后可以在自己定義的組件內(nèi)獲得。行為功能是對目的功能和有用行為的一種抽象。下一個(gè)中間件函數(shù)通常由名為的變量來表示。 redux 這個(gè)是好久之前寫的，一直忘記粘過來，里面有一些是寫作格式是我自己定義的，所以和segmentfault的markdown語法有出入，圖片也不能加載，所以原文效果可以在...

    el09xccxy 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<