Web App的零框架解决方案

标签: web | 发表时间:2015-01-23 13:43 | 作者:lolomaco
出处:http://segmentfault.com/blogs

MVC框架(尤其是大型框架)有一个严重的缺点,就是会产生用户的重度依赖。一旦框架本身出现问题或者停止更新,用户的处境就会很困难,维护和更新成本极高。

ES6的到来,使得JavaScript语言有了原生的模块解决方案。于是,开发者有了另一种选择,就是不使用MVC框架,只使用各种单一用途的模块库,组合完成一个项目。

下面是可供选择的各种用途的模块列表,摘自Andy Walpole的 《2015: The End of the Monolithic JavaScript Framework》

辅助功能库(Helper Libraries)

路由库(Routing)

Promise库

  • RSVP.js:ES6兼容的Promise库
  • ES6-Promise:RSVP.js的子集,但是全面兼容ES6
  • q:最常用的Promise库之一,AngularJS用了它的精简版
  • native-promise-only:严格符合ES6的Promise标准,同时兼容老式浏览器

通信库

  • fetch:实现window.fetch功能
  • qwest:支持XHR2和Promise的Ajax库
  • jQuery:jQuery 2.0支持按模块打包,因此可以创建一个纯Ajax功能库

动画库(Animation)

辅助开发库(Development Assistance)

  • LogJS:轻量级的logging功能库
  • UserTiming.js:支持老式浏览器的高精度时间戳库

流程控制和架构(Flow Control/Architecture)

数据绑定(Data-binding)

  • Object.observe():Chrome已经支持该方法,可以轻易实现双向数据绑定

模板库(Templating)

  • Mustache:大概是目前使用最广的不含逻辑的模板系统

微框架(Micro-Framework)

某些情况下,可以使用微型框架,作为项目开发的起点。

  • bottlejs:提供惰性加载、中间件钩子、装饰器等功能
  • Stapes.js:微型MVC框架
  • soma.js:提供一个松耦合、易测试的架构
  • knockout:最流行的微框架之一,主要关注UI

转自 https://github.com/ruanyf/articles/blob/master/2015/2015-01-16-zero-framework.md

相关 [web app 框架] 推荐:

Web App的零框架解决方案

- - SegmentFault 最新的文章
MVC框架(尤其是大型框架)有一个严重的缺点,就是会产生用户的重度依赖. 一旦框架本身出现问题或者停止更新,用户的处境就会很困难,维护和更新成本极高. ES6的到来,使得JavaScript语言有了原生的模块解决方案. 于是,开发者有了另一种选择,就是不使用MVC框架,只使用各种单一用途的模块库,组合完成一个项目.

Web App框架发展趋势及现状分析

- - 技术改变世界 创新驱动中国 - 《程序员》官网
摩尔定律作为指引PC发展最重要的定律,同样也在移动设备的发展上起着重要的作用. 国内某款按照互联网思路开发手机的大佬曾宣称:手机CPU的发展速度可能会超过PC的发展速度. 按照这个思路可以预见,手机的处理能力将会达到甚至超过PC的处理能力. 与此同时,手机浏览器的处理能力将会和PC浏览器能力不相上下.

Web App 框架选择之百度&腾讯

- - 标点符
GMU(Global Mobile UI)是百度前端通用组开发的移动端组件库,GMU是基于zepto的mobile UI组件库,提供webapp、pad端简单易用的UI组件. 具有代码体积小、简单、易用等特点,组件内部处理了很多移动端的bug,覆盖机型广,能大大减少开发交互型组件的工作量,非常适合移动端网站项目.

Chrome和Firefox联手开发跨浏览器Web App应用框架

- justjavac - cnBeta.COM
还记得Mozilla曾经计划发布一个开放的跨浏览器Web App Store吗. 现在,Chrome正和Firefox联手推进这项计划. 一个名为Web Intents的框架正在开发以帮助Web Apps更加顺畅地运行. Web Intents由Google的开发者Paul Kinlan提出,而现在Google Chromium以及Firefox的开发者们都在参与该计划.

创建Chrome Web app

- Hobbes - Marshal's Blog
编写了一个Chrome下使用的Web app. 点击这个应用,就可访问我的博客. 其实有它特殊的好处,直接访问网站,程序无法自动获取HTML5的权限,比如存储限制. 安装应用,相当于安装了一个配置文件,浏览器将打开必要的权限. 如果你也使用Chrome,可以通过这里下载安装. 开发这样的应用并不难,过程类似以前开发Chrome扩展(编写最简单的chrome扩展).

iOS Web App初步

- - 新浪UED
iOS Web App开发,配合HTML5,是目前比较热门的话题. 今天,先抛开HTML5,我们来尝试在PhoneGap框架上进行简单的开发. PhoneGap是一个使用HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台. 它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,Bada和Blackberry等智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能.

Web App和Native App 谁将是未来

- - 互联网旁观者
未来是Web App的天下,还是Native App的天下. 作为设计师,我们是应该努力把客户端的体验提升到最优,还是在网页应用层面上做更多的设计. 那么,我们首先应该立体的认识一下Web App和Native App. Web 无需安装,对设备碎片化的适应能力优于App,它只需要通过XHTML、CSS和JavaScript就可以在任意移动浏览器中执行.

Web app设计浅谈

- Jason - 网易用户体验设计中心博客
HTML5技术的强势发展,为互联网带来的最大改变就是: web从“已死”的预言中回过头来给Native app一记沉重的回马枪,web app成为举世瞩目的明星开始走在各大公司研发的时刻表中. Google 、微软、苹果三大巨头紧锣密鼓地在web app的研发产品领域圈地设岗,并试图建立以自己为中心的”云“服务平台,企图在web app时代到来的时候充当霸主.