当前位置: 首页 > news >正文

Javascript MV framework 对比

Javascript 最近的framework笔记多,大致可分以下3类。


单向绑定
简单直接。ajax从service拿数据传递给viewtemplate进行绑定。当然这个过程也可以在服务器端来做,.net的 asp.net mvc 和python的flask框架都可以。
优势: 开发速度提高,单向数据流的页面可考虑使用。
劣势: view与model一对多容易乱,可一对一的话降低了可重用性。



双向绑定
和单向绑定不同之处是,model除了从service拿数据传递给view,view还要负责通知model UI的更新。
优势: 开发速度显著提高。
劣势: 大量使用,容易把代码写乱,可维护性会降低,每个双向绑定就是个观察者模式,有潜在性能问题。





组件思路
主要指的是ReactJS,目的是创建可重用的UI组件,这种做法的任务是维持组件的高内聚性。
优势: 通过提高局部的内聚性来降低软件整体的耦合。可维护性强。
劣势: 一开始开发速度上不如绑定的方式快。页面组件过多会有潜在性能问题。



结论:
凡是考虑双向绑定的场景可考虑使用组件(reactjs)代替。简单页面单向绑定(handlebarjs,knockoutjs),也可以定义一些可重用的UI组件。
UI总体上技术设计是搞定单向绑定+组件。至于用不用jquery,很多因素(技术总架构选择,团队背景等等)而定。总之只要能够维持组件的高内聚,用也无妨。

相关文章:

  • 基于LWUIT实现全局按键控制(快捷键)
  • azure 架构选择
  • Swift 3 点击屏幕任意位置隐藏键盘
  • 成为优秀的程序员真不简单
  • Swift 保存pdf并在webview显示
  • jQuery:收集一些基于jQuery框架开发的控件/jquery插件。(1)
  • Swift显示alert和promp confirmation
  • Winforms: 为什么Graphics.DpiX/DpiY总是返回96
  • Swift 无操作时自动登出
  • SQL 死锁进程查看与处理
  • SQL Server进程阻塞的检查和解决办法
  • Azure 软件架构选择
  • Flex与.NET互操作(十二):FluorineFx.Net的及时通信应用(Remote Shared Objects)(三)
  • 简单说说什么是Restful
  • Flex与.NET互操作(十三):FluorineFx.Net实现视频录制与视频回放
  • 自己简单写的 事件订阅机制
  • 【159天】尚学堂高琪Java300集视频精华笔记(128)
  • 【译】理解JavaScript:new 关键字
  • Android 架构优化~MVP 架构改造
  • es6(二):字符串的扩展
  • iOS 颜色设置看我就够了
  • Iterator 和 for...of 循环
  • k个最大的数及变种小结
  • Magento 1.x 中文订单打印乱码
  • Mysql数据库的条件查询语句
  • Nacos系列:Nacos的Java SDK使用
  • python 装饰器(一)
  • React-redux的原理以及使用
  • Redis中的lru算法实现
  • SAP云平台里Global Account和Sub Account的关系
  • springboot_database项目介绍
  • 彻底搞懂浏览器Event-loop
  • 对超线程几个不同角度的解释
  • 工作手记之html2canvas使用概述
  • 基于组件的设计工作流与界面抽象
  • 力扣(LeetCode)965
  • 模仿 Go Sort 排序接口实现的自定义排序
  • 如何使用Mybatis第三方插件--PageHelper实现分页操作
  • 小程序测试方案初探
  • 阿里云API、SDK和CLI应用实践方案
  • ​DB-Engines 11月数据库排名:PostgreSQL坐稳同期涨幅榜冠军宝座
  • # 深度解析 Socket 与 WebSocket:原理、区别与应用
  • (3)选择元素——(17)练习(Exercises)
  • (动手学习深度学习)第13章 计算机视觉---图像增广与微调
  • (二)JAVA使用POI操作excel
  • (附源码)springboot优课在线教学系统 毕业设计 081251
  • (十) 初识 Docker file
  • (四)图像的%2线性拉伸
  • (一)kafka实战——kafka源码编译启动
  • (一)Linux+Windows下安装ffmpeg
  • (幽默漫画)有个程序员老公,是怎样的体验?
  • (转)微软牛津计划介绍——屌爆了的自然数据处理解决方案(人脸/语音识别,计算机视觉与语言理解)...
  • (转)真正的中国天气api接口xml,json(求加精) ...
  • (转载)OpenStack Hacker养成指南
  • (轉貼) 蒼井そら挑戰筋肉擂台 (Misc)