atitit.React   优缺点 相比angularreact是最靠谱的web ui组件化方案了

1. React的组件化才是web ui部件的正确方向1

1.1. 组件化集成html ,css,js自我包含一体化,方便复用。1

1.2. 相比angularJs方便好用1

2. React的问题与改进:2

2.1. 可视化模板不容易得到dw的支持。。2

2.2. 组件的htmljs的集成是以js为基础的2

2.3. 组件的属性以js为主2

说实话,目前react是最靠谱的web ui组件化方案了。

1.React的组件化才是web ui部件的正确方向

1.1.组件化集成html ,css,js自我包含一体化,方便复用。

不鼓励使用mvc模式。或者组件内部使用mvc来分离uijs,但整个page页面是不提倡mvc的。。

1.2.相比angularJs方便好用

作者::  ★(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.组件的htmljs的集成是以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组件化方案了相关推荐

  1. 移动web端的react.js组件化方案

     背景: 随着互联网世界的兴起,web前端开发的方式越来越多,出现了很多种场景开发的前端架构体系,也对前端的要求日益增高,早已经不是靠一个JQuery.js来做前端页面的时代了,而今移动端变化最大,近 ...

  2. client高性能组件化框架React简单介绍、特点、环境搭建及经常使用语法

    [本文源址:http://blog.csdn.net/q1056843325/article/details/54729657 转载请加入该地址] 明天就是除夕了 预祝大家新春快乐 [ ]~( ̄▽ ̄) ...

  3. RxJS/Cycle.js 与 React/Vue 相比更适用于什么样的应用场景?

    RxJS/Cycle.js 与 React/Vue 相比更适用于什么样的应用场景? RxJS/Cycle.js 与 React/Vue 相比更适用于什么样的应用场景? - 知乎 https://www ...

  4. Jerry的碎碎念:SAPUI5, Angular, React和Vue

    2019独角兽企业重金招聘Python工程师标准>>> 去年我去一个国内客户现场时,曾经和他们IT部门的一位架构师聊到关于在SAP平台上进行UI应用的二次开发时,UI框架是选用UI5 ...

  5. [react] 说说你喜欢react的原因是什么?它有什么优缺点?

    [react] 说说你喜欢react的原因是什么?它有什么优缺点? 原因: All in JS,没有过多的语法糖.API等,核心思想就是props.state.生命周期.hooks,使用JS的技能就能 ...

  6. Vue(MVVM)、React(MVVM)、Angular(MVC)对比

    前言 昨天阿里内推电面一面,面试官了解到项目中用过Vue,就问为什么前端框架使用Vue而不适用其他的框架,当时就懵了.因为只用过Vue,不了解其他两个框架,今天就赶紧去了解一下他们之间的区别.大家发现 ...

  7. 前端三大框架Angular React Vue

    前端三大框架:Angular[Google]:一套框架,多种平台移动端 & 桌面端.学会用Angular构建应用,然后把这些代码和能力复用在多种多种不同平台的应用上 -- Web.移动 Web ...

  8. angular/react/vue/un-app

    web前端三大主流框架分别是什么?-群英 (qycn.com) web前端三大主流框架:1.Angular,是一种用于创建单一应用程序界面的前端框架,具有模块功能强大,拥有自定义命令等优点:2.rea ...

  9. react中使用angular组件,react中使用定时器

    react native 可以使用typescript开发吗 最近在公司正在用Spacemacs+TypeScript写ReactNative.总体来讲依靠各种补全和纠错,效率还是比不用TypeScr ...

  10. 什么是React为什么使用React什么时候使用React

    什么是React? (What is React?) React.js often referred to as React or ReactJS is a JavaScript library re ...

最新文章

  1. 网络编程2_网络通讯协议, socket(tcp, udp)
  2. 数据结构源码笔记(C语言):二叉树遍历
  3. linux控制台界面编程,控制台窗口界面的编程控制(二)
  4. c++ windows获得当前工作目录文件_使用命令行修改当前工作目录
  5. @Repository , @Service , @Controller 和 @Component
  6. java反射po转vo_Java项目的(PO,VO,TO,BO,DAO,POJO)解释(转)
  7. Bootstrap3 按钮组插件
  8. Ubuntu服务器修复,ubuntu – 服务器攻击,如何修复它
  9. MySQL 5.7安装
  10. 分布式存储 FastDFS-5.0.5线上搭建
  11. 计算机科学与技术如何创新,计算机科学与技术专业创新能力的培养途径
  12. 计算机编码骂人,问吧骂人专用代码
  13. C++ 类型A支持强制转换类型B的写法
  14. 【hackerrank】World CodeSprint 11 T6
  15. MIPI DSI协议
  16. The World's 100 Greatest Classical Composers
  17. 可乐瓶游戏c语言,小班体育游戏《玩可乐瓶》教案
  18. 腾讯汤道生:上云赋智的终极价值是服务于人
  19. Android自定义成长值、等级、积分进度条(带属性动画)
  20. n个数组实现排列组合

热门文章

  1. @param注解什么意思_你对Java注解真的理解吗?
  2. 学生网上评教系统php,学生评教系统设计与实现.doc
  3. python文本交换_有没有办法用python交换文本文件中的两行文本?
  4. BOOST库介绍(八)——deadline_timer
  5. Mysql高性能总结
  6. 浅谈前后端路由与前后端渲染
  7. JDBC更新10W级以上数据性能优化
  8. MEF 编程指南(二):定义可组合部件和契约
  9. 最短路径顶点算法:最短路径之迪杰斯特拉(Dijkstra)算法Strut2教程-java教程
  10. 斯坦福大学的Gss Audio Codec 调试分析