给本身挖个坑,最先去开辟javascript富运用框架

为何要框架

跟着电脑运算才能的不停提拔,越来越多的网站最先将一些数据处置惩罚,简朴的营业逻辑交予前端。因而前端,迥殊是所谓的 Webapp 中,涌现了大批的数据处置惩罚以及营业逻辑,前端的javascript代码已不再是简朴的推断用户输入那末简朴。和后端开辟一样,当人们不能容忍php一个页面内里写下一切的营业逻辑和HTML代码的时刻,他们便会去找一款MVC的框架。前端如今也须要。

我明白的富运用有两个优点,首先会完整将前端和服务器端的开辟自力开来,行将服务器端的V完整交予前端职员开辟,因而便可以在前期计划完API后举行自力开辟。再者就是用户体验,不会涌现传统网页上面的页面全局革新跳转的状况,如许就更像软件的体验(假如须要运用 webkit 打包便可以成为某种意义上的软件)。

现有的框架

本身打仗过的框架有 BackboneJS,EmberJS,AngularJS,三个都是不错的框架。

  • BackboneJS 是三个内里唯一一个已仔细读完源码的框架,代码写的很不错,而且这个框架也被国内包含豆瓣,百度模拟了。他侧重点是写了一套不错的Event的机制,当你定义的Model变化的时刻,会触发响应的事宜,题目就是那些”会触发的事宜“都要你本身去定义,因而你须要手动更新DOM,会去写许多代码。

  • EmberJS 运用的第一觉得就是他的双向绑定很惬意,不须要再像BackboneJS一样去手写许多代码。然则EmberJS实在是太大了,而且写代码前总要不停去设想Model,给我本身的觉得就是不够的自在。而且当你的背景不能满足 restful 的时刻,本身写要求然后处置惩罚的时刻,会发明很贫苦。

  • AngularJS 是现在项目中正在用的框架。运用的时刻觉得很迥殊,你可以经由过程directive去定义许多本身的HTML元素属性。开辟的时刻你不须要去过量的关注Dom怎样变化,你只需专注的处置惩罚你的数据。然则 AngularJS 内里运用了太多的新东西,迥殊是Form处置惩罚的时刻,数据的处置惩罚完整依托HTML5的内容。Angularjs 内里大批的用了 ng-xxx 的属性,在HTML5内里自定义属性引荐为 data-xx 的花样。另有就是 AngularJS 的速率和机能都不很抱负。

以上都是个人观点,不足以成为人人不去尝试的来由。固然另有一些很不错的框架,比方 Knockout。

我为何要挖一个坑

作为一个前端的新人,愿望可以去给本身挖一个耐久的坑。在方才最先学编程(方才最先是PHP)的时刻,一个尊长就和我说我的PHP只是处在入门的级别,想要继承提拔发起去本身保护一个框架。然则这个框架一定是要本身延续在用的,要不然你保护不好。如今前端这块再次到了如许的瓶颈,所以决议本身最先开辟和保护本身的一个框架。

现有的开源更多是代码的开源,然后勉励人人一同去供应代码。我想,除了挖一个代码的坑之外,在这里延续的更新项目正在写或许方才写完的模块的主意。有题目迎接指出议论,在代码还在设想的时刻可以获得纠正。

我想挖的坑的也许模样

  • 双向绑定:虽然有人说这个不太好,然则这个确实可以削减许多代码。
  • 同时支撑占位符和正则的路由。
  • 支撑用户登录权限认证,响应url须要登录时将会一致跳转。
  • 支撑自定义html属性增加,轻易插件模块化。
  • promise 作风的支撑。
  • 简朴的模板言语支撑,主要以自定义属性的情势来处置惩罚模板。
  • Form 表单的一致考证处置惩罚。
  • 不强迫绑定restful,然则会制订其他划定规矩来防止用户手动要求。
  • 内建相似 BackboneJS 的Model,Collection,依据服务器返回内容自定竖立,并绑定到模板。
  • 让前端事情可以只须要关注模板和数据管理,其他只管都自动完成。

项目现在完成板块:事宜绑定及触法、地点处置惩罚以及路由处置惩罚。今后会一一更新。(停止至2013年9月24日)

项目现在地点: https://github.com/HaiyiYun/VintJS

    原文作者:丁文森
    原文地址: https://segmentfault.com/a/1190000000311587
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞