【转】MVVM大比拼小结

目前完成4篇源码分析文章:

  • MVVM大比拼之knockout.js源码精析
  • MVVM大比拼之avalon.js源码精析
  • MVVM大比拼之vue.js源码精析
  • MVVM大比拼之AngularJS源码精析

分析所关注的点集中在 :双工绑定的实现机制、视图编译等几个关键点。建议读者从knockout开始按顺序阅读。 关于性能测试,vue的作者已经做过了,在这里。

之后的文章将关注一下各个框架在repeat指令下的实现。另外准备再深入介绍一下bacon.js,从另外一个角度看数据与视图。

 

zerojs! 造出最好的 CMS 轮子

zerojs是一个基于nodejs、angularjs、git的CMS。在它之上可以继续开发出博客、论坛、wiki等类似的内容管理型系统。

  • 拥抱开发者和社区
    • 层次清晰,高度解耦。前后端即使分开也都是完全可独立运行的系统。
    • 每一个层次都是用当前业界最流行的工具和方法作为底层,对开发者来说几乎无学习成本。
    • 模块、主题、套件体系简单成熟,二次开发没有坑。

后端架构

zerojs 底层基于 sails。继承了 sails 三大优势:

  • 强大的 Model 层。sails实现了自己的ORM,接口几乎和 mongoose 完全一致,简单易用。配合上社区统一的数据库驱动,可完美支持mongo、mysql、redis、postgreSQL等等数据库。ORM封装完善,设置可以对单个model指定使用的数据库。
  • 为model提供全自动的RESTful接口。实现声明即可用。
  • controller 和 view 完全基于express实现,无附加学习成本。

zerojs 的核心层包含了CMS最通用的功能,特点有三:

  • 内容管理功能强大。zerojs为"内容节点","分类与标签"等核心概念建立了统一的抽象,为继承者统一提供索引、摘要等功能。同时系统仍然非常开放,允许开发者声明普通的model,然后通过mixin的方式使用部分功能。
  • 系统可扩展性高。几乎在每个流程的关键动作处都使用了hook来支持扩展。例如“增、删、改、查”的前前后后。同时在系统操作(例如记录统计数据)处都采用了选择driver的方式来支持适合开发者的需求。
  • 对前端前无古人的友好。原生支持传统模板渲染、前端MVVM框架渲染及混合渲染等多种方式。系统默认提供一整套angular模块(包括登陆、注册、节点增删改查等)给开发者随意组合使用,可实现几乎 0 代码的情况下将前端变成单页应用。工程化问题(如静态资源的压缩打包)由系统自动根据当前环境完成。

zerojs 的扩展层基于git实现,优势:

  • 代码安全有保障,不会搞挂系统。
  • 一键即可在当前开发环境打包自己开发的新功能。无需手动整理。

 

以下是一个基于zerojs打造的博客系统基础模块示意图:

 

前端架构

前面已经提到 zerojs 对前端提供的全部都是标准的 REST 接口,并且在 view 的渲染上支持多种方式。意味着前端完全可以自主开发,甚至完全抛弃掉服务器端的view层,不在同一环境也可以。这里讲的前端架构,主要是指zerojs默认提供的angular的前端架构。下面分三个前端最关心的问题来讲:

一、如何使用默认前模块?

zerojs 为"用户、节点、标签、统计"等每一个主要功能都提供了一整套完善的angular模块,并且都有默认的controller。很多时候,例如新增一种节点类型如“日记”,开发者需要做的仅仅是非常简单的三步:

  1. 在后端声明一下这个类型。
  2. 前端引入文件,
  3. 然后写前端的模板文件就够了。

即使要增加字段,都只要写模板就够了。默认模块已经经过了各种场景的锤炼,功能非常完善。如果你真是遇到非常特别,一定要自己手动处理的地方,那你仍然可以大量复用默认模块的service、filter等等。几乎所有功能都被封装到了service里。 非常值得注意的时,这些默认模块和zerojs的后端没有任何耦合!这意味着即使你要完全换成自己的后端,只要接口标准,那么这些模块也都是可用的。

二、如何处理预加载的数据?

在做单页应用的时候,常常为了节省请求、加速第一屏显示速度而把让服务器端提前把一些数据直接渲染在页面上,例如"当前用户的基本信息","第一屏数据"等。zerojs在处理view的时候,遇到"渲染单个节点"、"渲染节点列表"都会默认将节点内容直接渲染到页面上,在angular中,引入系统默认提供的preload模块即可获取到这些数据。不过仍然不用太操心,系统提供的节点增删改查、列表渲染、单个节点渲染等默认angular模块都已经自动支持使用preload数据了。开发者还是只要正常写模板就好。

三、前端脚本的模块依赖、打包压缩等如何处理?

这些问题都是工程问题,zerojs在生产环境会分析模板然后统一打包再注入到模板中。未来在view层可能会推出CDN模块,对前端更友好!

 

 下面是一个基于zerojs打造的博客系统,当然,毫不客气地说要成为博客中的王者。

http://www.cnblogs.com/sskyy/p/3918299.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/437503.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Idea Maven报错找不到程序包

程序本来可以运行的好好的,突然不知道什么原因就不行了,两次了 网上找各种方法式,最终两次的解决办法都是同一个,但是什么原因造成的目前并不知道 1.打开Maven 点击Lifecycle下的clean然后点击install 2. 在控制台输入 mvn idea…

【转】C#中StreamWriter与BinaryWriter的区别兼谈编码。

参考: 1. 《C#高级编程》第六版 2. 文件流和数据流-C#程序设计教程 2010-7-11补充: 发现了一篇讲编码的深入而全面的好文章http://www.cnblogs.com/KevinYang/archive/2010/06/18/1760597.html 向文件写入非字符类型数据 当向文件中写入非字符类型的…

WebStrom里设置angular提示,可以在html中提示ts文件的内容

下面这样就是可以提示到 在settings->languages&frameworks->javaScript->Libraries 下把你的工程添加进去 这是我添加进来的,Type类型为project 我改了中文

【转】关于字符编码,你所需要知道的

字符编码的问题看似很小,经常被技术人员忽视,但是很容易导致一些莫名其妙的问题。这里总结了一下字符编码的一些普及性的知识,希望对大家有所帮助。 还是得从ASCII码说起 说到字符编码,不得不说ASCII码的简史。计算机一开始发明…

SuperSet连接Hive失败(客户端报日志拒绝连接)

先上报错,百度无数SuperSet的解决办法整了三四天无果后,打了两天游戏突然想到了个找问题的办法 INFO:thrift.transport.TSocket:Could not connect to (192.168.228.131, 10000) Traceback (most recent call last):File "/opt/module/miniconda3/…

【转】谈谈Unicode编码,简要解释UCS、UTF、BMP、BOM等名词

这是一篇程序员写给程序员的趣味读物。所谓趣味是指可以比较轻松地了解一些原来不清楚的概念,增进知识,类似于打RPG游戏的升级。整理这篇文章的动机是两个问题: 问题一: 使用Windows记事本的“另存为”,可以在GBK、U…

angular8实现对象数组根据某个属性排序(多个也可以)

代码中col是传进来的对象的属性名 toLowerCase()将字符串转换为小写。 arrayInfos是数组,存储的是对象 这里我是配上一个上下切换的箭头使用的,点击切换上下方向并且排序 sort方法排序操作的是原始数组 如果在属性相等的情况下,想根据另…

【转】刨根究底字符编码之一——关键术语解释(上)

声明:本系列文章参考了网上的大量资料,除了少部分资料由于未作大量修改(但基本也有少量修改,因为网上文章随意性较大,如若不改反而让人迷糊)而标明了出处之外,其余由于已作了大量改写,因此没有再一一说明&a…

angular8多选框实现点击整行任意位置<tr>就可以选中多选框

代码&#xff1a; <tr *ngFor"let d of EnergyUseInfos" (click)"selectEnergyUses(d)"><td style"text-align: left"><input type"checkbox" style"margin: auto" name"{{d}}" [(ngModel)]"…

【转】刨根究底字符编码之零——前言

前言 一、 字符编码是计算机世界里最基础、最重要的一个主题之一。不过&#xff0c;在计算机教材中却往往浮光掠影般地草草带过&#xff0c;甚至连一本专门进行深入介绍的著作都找不到&#xff08;对这一点我一直很困惑&#xff0c;为什么就没有哪位大牛对这个如此基础、重要…

JAVA使用ByteArrayOutputStream、ByteArrayInputStream将对象序列化反序列化,通过JAVA socket实现对象在网络中传输

1.序列化和反序列化&#xff1a; 序列化是对象(类的实例)转换成字节数组或者字符串通过网络传输或者存储到本地文件。反序列化&#xff1a;就是将字节数组或字符串在转换成对象实例的过程。&#xff08;因为在网络中传输或者写本地文件&#xff0c;是不能使用对象的&#xff0…

【转】刨根究底字符编码之二——关键术语解释(下)

关键术语解释(下) 如前所述&#xff0c;现代字符编码模型共分为5层&#xff0c;下面分层进行简要介绍。 一、第1层 抽象字符表ACR (Abstract Character Repertoire抽象字符清单)&#xff1a;明确字符的范围(即确定支持哪些字符) 1. 抽象字符表ACR是一个编码系统支持的所有抽…

正则表达式来判断Sql语句中Select到from之间使用了*而不是字段名

正则&#xff1a;这里大小写转换用的java的toLowerCase()方法&#xff0c;或者自己改一改正则也可以。 \bselect\b((?!\bfrom\b).)*?\*.*?\bfrom\b主要就是用来判断select到from之间是不是用了*而不是使用字段名来进行查询&#xff0c;以此来规范Sql语句&#xff01; publ…

【转】刨根究底字符编码之三——字符编码的由来

字符编码的由来 一、为什么需要对字符进行编码 1. 计算机一开始发明出来时是用来解决数字计算问题的&#xff0c;后来人们发现&#xff0c;计算机还可以做更多的事&#xff0c;例如文本处理。 但计算机其实挺“笨”的&#xff0c;它只“认识”010110111000…这样由0和1两个数…

SpringMVC配置没问题却却找不到页面,页面显示404

在Artifacts下此工程下新建一个lib文件夹&#xff0c;存放jar包&#xff0c;因为idea新建modules的时候不是直接创建的web项目&#xff1a; 选中lib点加号把jar导入进去&#xff0c;然后重启tomcat

【转】刨根究底字符编码之四——EASCII及ISO 8859字符编码方案

1. 计算机出现之后&#xff0c;首先逐渐从美国发展到了欧洲。由于欧洲很多国家所用到的字符中&#xff0c;除了基本的、美国也用的那128个ASCII字符之外&#xff0c;还有很多衍生的拉丁字母等字符。比如&#xff0c;在法语中&#xff0c;字母上方有注音符号&#xff1b;而欧洲…

tomcat乱码问题解决

tomcat安装目录下conf文件夹下的logging.properties文件&#xff0c;将java.util.logging.ConsoleHandler.encoding编码为GBK&#xff0c;如图&#xff1a;

【转】HMAC哈希消息认证码及算法原理

HMAC算法原理 HMAC算法是一种基于密钥的报文完整性的验证方法 &#xff0c;其安全性是建立在Hash加密算法基础上的。它要求通信双方共享密钥、约定算法、对报文进行Hash运算&#xff0c;形成固定长度的认证码。通信双方通过认证码的校验来确定报文的合法性。 HMAC算法可以用来…

RestFul风格学习

传统的url是这样的 RestFul是这样的

【转】c#快捷键

CTRL SHIFT B生成解决方案 CTRL F7 生成编译 CTRL O 打开文件 CTRL SHIFT O打开项目 CTRL SHIFT C显示类视图窗口 F4 显示属性窗口 SHIFT F4显示项目属性窗口 CTRL SHIFT E显示资源视图 F12 转到定义 CTRL F12转到声明 CTRL ALT J对象浏览 CTRL ALT …