Yeoman 前端自动化开发

Author : luckyGirl

每接到一个前端项目,都会考虑以下问题: 项目目录该如何规划? 使用什么库来完成系统开发? 开发环境怎么搭建? 编译环境怎么搭建? 开发完成后如何打包部署? 难道每次开发,都要如上进行一次,然后还要将相应的代码库拷贝到相应环境中,好累呀。。。 寻寻觅觅,最近找到一个不错的东东 — Yeoman,能够轻松构建前端项目的骨架,完善工作流、提高了前端工程师的效率同时使项目更加规范化。 Yeoman 简介 Yeoman通过整合运用3大工具来构建项目骨架,并融合一些最佳实践来帮助你开发更加强大完善的web应用,让Web开发工作流更加自动化,先来看看这3大工具吧: yo:Yeoman核心工具,搭建骨架,编译配置及依赖的工具 grunt:前端构建工具,可轻松完成代码编译、单元测试、代码校验等重复性工作 bower:前端开发的包管理器,专注于CSS、JavaScript、图像等相关内容的管理 Yeoman 简单使用 作为初学者,按照官网的codelab用Yeoman搭建了个web应用,首先在安装Yeoman前,还需要安装: NodeJS v0.10.x+ npm v1.3.7+ Git 偶首[Read More]

standard

Backbone分页简介

Author : lovecicy

先来看看model和collection的parse方法: parse:model.parse(response, options) 每次通过fetch和save方法获取model数据从server返回时,parse方法会被调用。parse方法会收到一个原始的后台返回数据response,parse方法的返回值将被填入model。默认的实现仅返回原始的数据。 假设有这样一个model: var person = Backbone.Model.extend({     defaults:{        name:”,           age:0     } }); server端返回的数据如果是 {name:’James’,age:20} 则获取成功,但是如果返回 {person:{name:’James’,age:20}} 则获取失败,也就是如果要获取server返回的除model以外的数据,使用默认的parse方法是不行的。 这时需要修改parse方法: var person = Backbone.Model.extend({     defaults:{        na[Read More]

standard

12种JavaScript MVC框架之比较

Author : luckyGirl

转载来源: http://www.infoq.com/cn/news/2012/05/js-mvc-framework Gordon L. Hempton是西雅图的一位黑客和设计师,他花费了几个月的时间研究和比较了12种流行的JavaScript MVC框架,并在博客中总结了每种框架的优缺点,最终的结果是,Ember.js胜出。 此次比较针对的特性标准有四种,分别是: UI绑定(UI Bindings) 复合视图(Composed Views) Web表现层(Web Presentation Layer) 与其他框架良好协作(Plays Nicely with Others) 对于各种JavaScript MVC框架,Gordon都总结了优缺点: Backbone.js——优点:强大的社区,强劲的势头;缺点:抽象较弱,很多功能亟待增加。 SproutCore——优点:对绑定的支持,可靠的社区,大量特性;缺点:过度规范,难以和不需要的特性解耦。 Sammy.js——优点:易于学习,更容易和现存的服务端应用程序整合;缺点:过于简单,无法应用于大型应用程序中。 Spine.js——优点:轻量[Read More]

standard