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操作,因此产生了跳帧。用户体验上的不流畅、不连贯就源于此。