博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
高性能迷你React框架anujs1.1.2发布
阅读量:5935 次
发布时间:2019-06-19

本文共 1342 字,大约阅读时间需要 4 分钟。

anujs1.1.2在兼容官方React比以往更进一步,一共跑通293套测试,其中179套是官方React的测试。

在ref机制,owner机制,虚拟DOM更新机制,context传递机制,SVG生成策略上大大重构。是有史以来最多的更新级。但工作还没有完成,只是怕更新太多做了一次短暂的休整。

主要更新点:

  1. 修正 onChange 事件
  2. 重构 diffProps 模块的实现
  3. 支持组件的isMounted方法
  4. 添加beforePatch , afterPatch钩子
  5. 添加lib/ReactInputSelection.js
  6. 统一所有操作虚拟DOM的方法的参数(mountXXX, updateXXX, alignXXX系列)

1 第一个参数为旧真实DOM或旧虚拟DOM

2 第二个参数为新虚拟DOM
3 第三个参数为父虚拟DOM(可能不存在,那么后面直接跟第四,第五)
4 第四个参数为上下文对象
5 第五个参数为任务调度系系统的列队

  1. 使用全新的方式获取元素的命名空间
  2. 上线全新的节点排序算法(diffChildren)
  3. renderByAnu在全局渲染后应该置空CurrentOwner.cur, 防止影响其他虚拟DOM
  4. 完善createStringRef方法,应该能抛错与删除无用数据
  5. 上线全新的任务调度系统
  6. 重构unmountComponentAtNode方法
  7. 添加对两个虚拟DOM的引用都相同的情况下,检测子组件的contextType决定是否更新的策略
  8. 无状态组件支持模块模式(返回一个带生命周期钩子的纯对象,这些方法会像有状态组件那样被调用)
  9. 放松shouldComponentUpdate的限制,返回任何假值都阻止子孙更新
  10. 修正ref的更新方式
  11. shouldComponentUpdate返回假值时,当前的虚拟DOM应该吸纳旧虚拟DOM的有用信息

使用

npm i anujs

或者使用架手架

npm i -g anu-cli

webpack.config中如何代替原来用React编写的项目

resolve: {   alias: {      'react': 'anujs',      'react-dom': 'anujs',        // 若要兼容 IE 请使用以下配置        // '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'        //如果你在移动端用到了onTouchTap事件        'react-tap-event-plugin': 'anujs/lib/injectTapEventPlugin',     }},

欢迎大家为anujs加星星与试用!!!

转载地址:http://zpjtx.baihongyu.com/

你可能感兴趣的文章
空行line.separator
查看>>
I2C器件的从设备地址设置
查看>>
Linux下安装配置Nexus
查看>>
wxpython笔记
查看>>
elipse设置maven仓库
查看>>
广深的VR配件产业
查看>>
MTK 系统主题配置注意事项
查看>>
android警告——Buttons in button bars should be border
查看>>
我的友情链接
查看>>
DFS 编写 老鼠走迷宫(修改)
查看>>
tableView的属性总结
查看>>
XML含多个特殊字符处理
查看>>
我的友情链接
查看>>
vmware Horizon View 5.2初体验(五)——桌面池部署
查看>>
mvdom-基于node.js小型以DOM为中心的MVC框架
查看>>
《统一沟通-微软-培训》-2-部署-反向代理-5-创建-访问规则-测试
查看>>
Ubuntu网卡基本配置
查看>>
Python入门---基础介绍
查看>>
我的游戏引擎 Arctic
查看>>
我的友情链接
查看>>