資訊專欄INFORMATION COLUMN
摘要：本周在支持機(jī)票的項(xiàng)目中對(duì)做了大量改進(jìn)，包括性能上與結(jié)構(gòu)上的改進(jìn)。但通過一些簡(jiǎn)化改改良，代碼的可靠性大大提高了。此外，還有周邊的優(yōu)化在目錄下提供一個(gè)，用于在舊式中替換。改善，里面內(nèi)置了一個(gè)補(bǔ)丁，也是用于改善性能，或中的性能好差。
本周在支持機(jī)票的項(xiàng)目中對(duì)anujs做了大量改進(jìn)，包括性能上與結(jié)構(gòu)上的改進(jìn)。與1.1.3一樣，還是差一個(gè)組件就完全兼容阿里的antd UI庫(kù)。
框架本身的改進(jìn)有：
修正flushUpdaters中updater對(duì)象的泄露問題（需要clearArray一下）
優(yōu)化diffChildren的邏輯，防止出現(xiàn)parentNode等于null的情況（比如為文本節(jié)點(diǎn)取firstChild）
簡(jiǎn)化ControlledComponent與dispose模塊
處理updateElement方法中兩個(gè)虛擬DOM的引用一樣時(shí)，調(diào)用flattenChildren時(shí)，舊的vchildren丟失的情況
移除Refs中的createStringRef，createInsanceRef，添加fireRef,
重構(gòu)detachRef,clearRefs,cloneElement,createElement有關(guān)ref的部分，盡量減少閉包的應(yīng)用
將updateQueue移出所有diff方法的傳參列表，合并到調(diào)度器中
新添React16的createPortal API
上面什么修正內(nèi)存泄露與減少閉包，都是在IE下才發(fā)現(xiàn)的問題，在chrome下一點(diǎn)事都沒有。但通過一些簡(jiǎn)化改改良，代碼的可靠性大大提高了。
此外，還有周邊的優(yōu)化
在lib目錄下提供一個(gè)ReduxIE.js，用于在舊式IE中替換redux。因?yàn)楣俜絩edux里面用到了一個(gè)isPlainObject方法，這個(gè)方法是由lodash庫(kù)提供的，而這個(gè)方法的源碼本身是來源于jQuery3.x，沒有針對(duì)IE進(jìn)行處理，性能很差。我將它替換為jQuery1.x的isPlainObject，就很正常運(yùn)作了。
改善ReactIE.js，里面內(nèi)置了一個(gè)Object.keys補(bǔ)丁，也是用于改善性能，es5shim.js或babel polyfill中的Object.keys性能好差。
function needFix(fn) {
return !/native code/.test(fn);
}
function keysPolyfill() {//解決IE下Object.keys的性能問題
if (needFix(Object.keys)) {
Object.keys = function(obj) {
var a = [];
for(var k in obj) {
if (obj.hasOwnProperty(k)) {
a.push(k);
}
}
return a;
};
}
}
keysPolyfill();
setTimeout(keysPolyfill, 0);
setTimeout(keysPolyfill, 100);
使用
npm i anujs
或者使用架手架 https://github.com/Levan-Du/a...
npm i -g anu-cli
webpack.config中如何代替原來用React編寫的項(xiàng)目
resolve: {
alias: {
"react": "anujs",
"react-dom": "anujs",
// 若要兼容 IE 請(qǐng)使用以下配置
// "react": "qreact/dist/ReactIE",
// "react-dom": "qreact/dist/ReactIE",
// 如果引用了 prop-types 或 create-react-class
// 需要添加如下別名
"prop-types": "qreact/lib/ReactPropTypes",
"create-react-class": "qreact/lib/createClass"
//如果你在移動(dòng)端用到了onTouchTap事件
"react-tap-event-plugin": "anujs/lib/injectTapEventPlugin",
}
},
歡迎大家為anujs加星星與試用?。?！
https://github.com/RubyLouvre...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/89199.html
摘要：是一款高性能框架，是目前世界上對(duì)兼容最好的迷你庫(kù)。自起，相繼推出，與等新，表明官方正積極由純庫(kù)向大而全的框架演變，它將會(huì)越來越好用。一些迷你庫(kù)可能跟不上步伐，現(xiàn)在也只有有這實(shí)力跟進(jìn)。 anujs1.3.0是一款高性能React-like框架，是目前世界上對(duì)React16兼容最好的迷你庫(kù)。 自React16起，相繼推出createContext，createPortal, createR...
摘要：現(xiàn)在只差一個(gè)組件就完全支持阿里的庫(kù)了。一共跑通個(gè)測(cè)試應(yīng)該是全世界最接近官方的迷你框架了。以后的工作就是把的一些新特性支持了，包括組件返回?cái)?shù)字字符串?dāng)?shù)組，鉤子與。隨著代碼的增加，我會(huì)將一些廢棄的方法拆分出來。在打包時(shí)，根據(jù)你們的喜好進(jìn)行選擇。 anujs現(xiàn)在只差一個(gè)組件（mention）就完全支持阿里的antd UI庫(kù)了。一共跑通346個(gè)測(cè)試, 應(yīng)該是全世界最接近官方React的迷你框架...
摘要：這次更新主要是改善了對(duì)焦點(diǎn)的處理及的語(yǔ)法糖的支持優(yōu)化的性能，將原方法內(nèi)部用到函數(shù)與對(duì)象提到全局上來，這就比官方的對(duì)象池技術(shù)更能提升性能。 anu1.2.1這次更新主要是改善了對(duì)焦點(diǎn)的處理及react16.2的Fragment語(yǔ)法糖的支持 優(yōu)化fiberizeChildren的性能，將原方法內(nèi)部用到函數(shù)與對(duì)象提到全局上來，這就比官方的對(duì)象池技術(shù)更能提升性能。 修復(fù)受控組件在textar...
摘要：本版本主要是對(duì)的組件進(jìn)行最后一次修復(fù)工作，除了組件，都支持了。其次它是市場(chǎng)上唯一支持特征的庫(kù)。明年也會(huì)搞一個(gè)狀態(tài)庫(kù)，對(duì)異步渲染友好。路由，狀態(tài)庫(kù)，等一套東西與一起配合使用。 本版本主要是對(duì)antd3的組件進(jìn)行最后一次修復(fù)工作，除了mention組件，都支持了。 明年的精力就集中異步渲染與后端渲染上。anujs的體積經(jīng)過幾個(gè)版本的迭代，體積有所增大24kb(沒有壓縮的情況)，但還是遠(yuǎn)遠(yuǎn)少...
摘要：在兼容官方比以往更進(jìn)一步，一共跑通套測(cè)試，其中套是官方的測(cè)試。在機(jī)制，機(jī)制，虛擬更新機(jī)制，傳遞機(jī)制，生成策略上大大重構(gòu)。是有史以來最多的更新級(jí)。但工作還沒有完成，只是怕更新太多做了一次短暫的休整。 anujs1.1.2在兼容官方React比以往更進(jìn)一步，一共跑通293套測(cè)試，其中179套是官方React的測(cè)試。 在ref機(jī)制，owner機(jī)制，虛擬DOM更新機(jī)制，context傳遞機(jī)制，...
閱讀 2489·2021-11-17 09:33
閱讀 928·2021-10-13 09:40
閱讀 656·2019-08-30 15:54
閱讀 851·2019-08-29 15:38
閱讀 2491·2019-08-28 18:15
閱讀 2543·2019-08-26 13:38
閱讀 1901·2019-08-26 13:36
閱讀 2209·2019-08-26 11:36
