atitit.React 优缺点 相比angular react是最靠谱的web ui组件化方案了
2016-04-10 21:18
471 查看
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组件化方案了。
转载请注明来源: http://blog.csdn.net/attilax
这类可视化Html ide的支持的是必须的。。
改进建议:使用html文件作为组件,小型组件可以使用ajax读取载入,这样组件可以方便dw的设计。。大型组件可以使用ajax载入,也可以iframe方式载入。。
标签使用常用的class
增加一个特点的oocss class来表明一个组件的类型,以及复合组件,或者可增加一个扩展属性。。
浏览器重绘网页的频率是60FPS(即16毫秒/帧),JavaScript做不到在16毫秒内完成DOM操作,因此产生了跳帧。用户体验上的不流畅、不连贯就源于此。
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方便好用
作者:: ★(attilax)>>> 绰号:老哇的爪子 ( 全名::Attilax Akbar Al Rapanui 阿提拉克斯 阿克巴 阿尔 拉帕努伊 ) 汉字名:艾龙, EMAIL:1466519819@qq.com转载请注明来源: http://blog.csdn.net/attilax
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操作,因此产生了跳帧。用户体验上的不流畅、不连贯就源于此。
相关文章推荐
- atitit.React 优缺点 相比angular react是最靠谱的web ui组件化方案了
- atitit.React 优缺点 相比angular react是最靠谱的web ui组件化方案了
- Thinking in React(翻译)
- 基于JVM使用React.js和Spring Boot建立同构的Web应用
- iOS ReactiveCocoa简单使用笔记
- React-native Redux 干货分享实践
- react native 开发环境的配置
- Python中reactor,factory,protocol
- 在手机上运行React Native
- React Native 介绍
- codeforce 608C Chain Reaction
- React:纯属性(pure prop),受控属性(controlled prop),半受控属性(half-controlled prop),一次性属性(onetime-prop)
- RN(react native)入坑指南-02,一个登录示例
- RN(react native)入坑指南-01,Hello RN,Windows下的环境搭建
- ReactiveCocoa
- ReactNative植入原生应用(windows)
- 【转】【React Native开发】
- 【REACT NATIVE 跨平台应用开发】环境搭建问题记录&&XCODE7模拟器上COMMAND+R失效的几种替换方法...
- 【REACT NATIVE 跨平台应用开发】环境搭建问题记录&&XCODE7模拟器上COMMAND+R失效的几种替换方法
- react-native-AsyncStorage<持久化数据存储>