随着前端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.js、Sea.js和Grunt,我们需要在Gruntfile.js中配置相应的插件,如`grunt-contrib-concat`用于合并文件,`grunt-contrib-uglify`用于压缩JavaScript,以及可能的`grunt-seajs-combo`插件来处理Sea.js的...
seajs-grunt 基于seajs的模块化方案,配合grunt构建配置 主要用到了grunt的grunt-cmd-transport、grunt-cmd-concat、grunt-contrib-uglify、grunt-contrib-copy 这几个模块,实现模块依赖分析,模块合并,代码压缩等...
**SeaJS** 是一个用于浏览器端的模块加载器,其设计灵感来源于Node.js的CommonJS规范。SeaJS的目标是让JavaScript模块化变得简单易用,提供了一种在浏览器环境中组织和管理代码的方式。通过SeaJS,我们可以按需加载...
seajs.use('./module.js', function(module) { // 在这里使用module模块 }); // module.js define(function(require, exports, module) { var dep1 = require('./dep1'); exports.doSomething = function() { /...
###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); ...
<script src="js/seajs.js"> ``` 2. **配置路径**:Seajs的模块路径是相对其自身的位置,因此需要配置基础路径,以便正确解析模块。可以使用`seajs.config()`方法进行配置: ```javascript seajs.config({ base...
seajs-css.js 用于seajs加载css文件,上课用的课件资源,大家有需要的可以随时下载。版本是非常好用的,作为一个学习模块化我们必须的知识插件
- **seajs-debug.js**:提供调试功能,通过设置环境变量`seajs.debug = true`,可以在浏览器中开启详细的加载日志,便于排查问题。 - **seajs-preload.js**:预加载插件,允许开发者指定一些模块提前加载,提高...
在浏览器中,我们通常会通过 `<script>` 标签引入 seajs 的核心文件 `seajs.js`: ```html <script src="path/to/seajs.js"> ``` #### 配置(config) Seajs 提供了 `seajs.config()` 方法来配置模块路径、别名、...
seajs js模块化的高富帅..有兴趣的朋友可以关注下.. jquery不说了 相关插件 Jquery powerFloat 浮动层插件 artDialog 4.1.2 个人修改版 加了最大最小化 smartMenu 右键 我先说说我研究到的层度 (不考虑IE系)...
<script src="path/to/seajs/sea.js" data-config="path/to/config.js"> ``` `data-config`属性用于指定配置文件,可选,通常用于设置基础路径或模块别名等。 **三、模块加载** Seajs使用`seajs.use`方法来加载...
在Seajs 2.2.0源码中,关键文件包括`sea.js`(主入口文件)和`util.js`、`data.js`、`request.js`、`event.js`等工具类文件。这些文件协同工作,实现了模块的定位、加载、执行和依赖管理等功能。 - `sea.js`:Seajs...
2. **与Sea.js插件的配合**:如seajs-data和seajs-style,可以加载JSON数据和CSS样式,扩展了Seajs的功能。 3. **与构建工具的集成**:如Gulp、Grunt等,可以结合seajs-combo插件进行模块合并和压缩,提高生产环境...
在这个特定的项目中,我们看到“vue+seajs”被用来构建一个按路由来异步加载模板和组件的架构。Vue.js是一款轻量级的前端JavaScript框架,以其易用性和高性能而广受欢迎;Sea.js则是一款模块加载器,它遵循CommonJS...
**SeaJS 和 RequireJS 是两种广泛使用的 JavaScript 模块加载器和依赖管理工具,它们的主要目的是解决 JavaScript 在浏览器端的...通过学习和实践 SeaJS&Require JS 示例,可以深入理解这两种技术并掌握它们的用法。
经过一个星期左右对backbonejs的学习和尝试,本着不动手做项目不能掌握的精神,所以用nodejs的express框架+backbonejs搭建了一个nba数据的例子。希望有兴趣的同学可以参与进来。 后台使用nodejs的express框架 使用...