atitit.React 优缺点 相比angular react是最靠谱的web ui组件化方案了
1.React的组件化才是web ui部件的正确方向1
1.1.组件化集成html ,css,js自我包含一体化,方便复用。1
1.2.相比angular。Js方便好用1
2.React的问题与改进:2
2.1.可视化模板不容易得到dw的支持。。2
2.2.组件的html与js的集成是以js为基础的2
2.3.组件的属性以js为主2
说实话,目前react是最靠谱的web ui组件化方案了。
1. React的组件化才是web ui部件的正确方向1.1. 组件化集成html ,css,js自我包含一体化,方便复用。
不鼓励使用mvc模式。或者组件内部使用mvc来分离ui与js,但整个page页面是不提倡mvc的。。
1.2. 相比angular。Js方便好用
2. React的问题与改进:
2.1. 可视化模板不容易得到dw的支持。。
作为模版,得到类似dw这类可视化Html ide的支持的是必须的。。
改进建议:使用html文件作为组件,小型组件可以使用ajax读取载入,这样组件可以方便dw的设计。。大型组件可以使用ajax载入,也可以iframe方式载入。。
2.2. 组件的html与js的集成是以js为基础的
这导致了界面可视化设计极差。。应该以html dom为基础,在html的基础上内嵌js。。Js本身就是代码,可视化要求相对较低。。Dom标签使用常用的class 增加一个特点的oocss class来表明一个组件的类型,以及复合组件,或者可增加一个扩展属性。。
2.3. 组件的属性以js为主
这带来查看属性值的调试的问题,如果可以在html标签上扩展属性,就方便调试,毕竟浏览器查看工具可以一目了然的查看属性的值
浏览器重绘网页的频率是60FPS(即16毫秒/帧),JavaScript做不到在16毫秒内完成DOM操作,因此产生了跳帧。用户体验上的不流畅、不连贯就源于此。