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方便好用

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

最新文章

  1. DDD 领域驱动设计-Value Object(值对象)如何使用 EF 进行正确映射
  2. 谁也无法挡住我访问Google---使用Nginx反向代理攻略
  3. 1.多线程-NSThread
  4. [THINKING IN JAVA]初始化和清理
  5. tableView主从表在storyboard连线是 Selcetion Segue和Accessory Action的区别
  6. 发送SMS短信(JSON) 转载
  7. java Timer类
  8. 1176. Hyperchannels(欧拉回路)
  9. 新花生壳内网版2.3 + Tomcat7 搭建自己的网站(2015.01.21)
  10. andriod 开发记录apidemos 错误解决
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">的含义
  12. 一天搞定CSS: 浮动(float)及文档流--10
  13. 【转】支持向量机(SVM)
  14. Pocket Gem OA: Log Parser
  15. Ubuntu安装TensorFlow
  16. xpath获取一个标签下的多个同级标签
  17. IDC:电源系统
  18. HyperServer 中的 SSL 支持
  19. C++ OCCI API数据库操作之连接、返回查询结果集为json格式
  20. 如何启动一个Vue3.x项目

热门文章

  1. 【转】Geary's C
  2. http请求及缓存框架 GalHttprequest
  3. openwrt web管理luci界面修改
  4. JQUERY中的事件处理:RETURN FALSE、阻止默认行为、阻止冒泡以及兼容性问题
  5. XSD-学习总结
  6. eclipse package explorer视图中怎么让default package不显示?
  7. Git的状态转换
  8. linux mysql 更改MySQL数据库目录位置
  9. Less is better than never
  10. Android avd XDM authorization key matches an existing client