随着前端js应用的不断发展,js越来越重要,对于项目里用到js的地方也越来越多,但是对于js代码存在着特别混乱的使用,代码的调理不够清晰,维护起来非常困难。
基于上述问题,我们项目组决定引入一些框架,使用JS的MVC模式,来解决上述问题。
1. 代码的规范
代码规范这里准备使用seajs的模块加载。
seajs是国内玉伯写的一套基于CommonJS规范的框架。使用起来感觉还行。
按需加载,并且语法也比较简单。
但是seajs对于文件都是异步加载,有些地方文件加载可能需要使用顺序加载。我们又引入了LABjs框架。
2. Backbone.js是JS的MVC框架。
它将代码做了划分,Backbone的功能挺多,但是在我们的项目里,我们主要用到了它的Model和View。画面的显示只和View相关,画面的数据通过View和Model绑定。当Model改变时,会触发View里绑定的chang事件,重新渲染画面。
我个人觉得使用Backbone的好处是将代码分离,维护更加容易。
3. JS模板
关于模板框架挺多,我们使用了doTjs,感觉它的性能比较高。并且语法也非常简单。
关于这几个框架里边的具体技术,今后有时间也许会补充,大家如果感觉有问题可以随时交流。
分享到:
相关推荐
基于 JFinal2.0 + Bootstrap + SeaJS + FullC的终极排班管理系统对人员信息的维护,增删改查等,对人员进行分组,对不同的任务或者部门人员分组来管理排班,分组支持增删改查等,排班班次设置,支持自定义班次名称、...
毕业设计,基于SpringBoot+seajs+MySql开发的毕业设计管理系统,内含Java完整源代码,数据库脚本 本系统采用了B/S架构,即浏览器/服务器模式(Brower/Server),通过浏览器和服务器进行交互,浏览器对数据进行处理...
主要是做了一个基于node环境中,seajs的配置以及一些实例和利用grunt进行资源的打包压缩合并的构建
widget seajs + jquery 简单的widget开发
seajs-grunt 基于seajs的模块化方案,配合grunt构建配置 主要用到了grunt的grunt-cmd-transport、grunt-cmd-concat、grunt-contrib-uglify、grunt-contrib-copy 这几个模块,实现模块依赖分析,模块合并,代码压缩等...
SeaJS Web 端的js 模块加载器
终极排班管理系统,改变传统的排班模式! 使用技术: JFinal2.0 + Bootstrap + SeaJS + FullCalender.js(源码修改二次开发) 数据库:MySQL
###nodejs express+ socket.io + angularjs + seajs + android or ios实时聊天 测试:karma angular-scenario e2e 构建:yeoman grunt和bower user: uploadImage regUser updateUser login logout contact listUser ...
js简单应用的课程设计,主要运用多种简单js,知识点:JavaScript+jQuery+Ajax+正则表达式+面向对象+js插件+代码性能优化+github+seaJs+requireJs+gulp 通过学习JavaScript基础变量、运算符、数据类型,函数,DOM...
IE8 + Angularjs 1.2.* + Seajs +ng-route DEMO angular 1.2.7 支持IE8+ 如需支持IE7 需要关闭 $sceProvider angular.module('ie7support', []).config(function($sceProvider) { $sceProvider.enabled(false); ...
seajs-css.js 用于seajs加载css文件,上课用的课件资源,大家有需要的可以随时下载。版本是非常好用的,作为一个学习模块化我们必须的知识插件
vue+seajs实现按路由来异步按需加载模板和组件架构
seajs js模块化的高富帅..有兴趣的朋友可以关注下.. jquery不说了 相关插件 Jquery powerFloat 浮动层插件 artDialog 4.1.2 个人修改版 加了最大最小化 smartMenu 右键 我先说说我研究到的层度 (不考虑IE系)...
经过一个星期左右对backbonejs的学习和尝试,本着不动手做项目不能掌握的精神,所以用nodejs的express框架+backbonejs搭建了一个nba数据的例子。希望有兴趣的同学可以参与进来。 后台使用nodejs的express框架 使用...
seajs常见配置解析和常见插件的使用。sea.js,seajs-css.js,seajs-debug.js,seajs-preload.js,seajs-log.js等
seajs下载,包含自己总结的用法和规范
用于seajs的预加载使用,有需要的小伙伴可以免费下载使用。方便大家多多分享免费的资源,有问题随时给我们留言。希望能帮助大家解决更多的问题
seajs-2.2.0源码
knockout seajs .net中实战应用
seajs-2.3.0.zip