`
linleizi
  • 浏览: 229090 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

seajs + backbonejs + doTjs

阅读更多
随着前端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的终极排班管理系统

    基于 JFinal2.0 + Bootstrap + SeaJS + FullC的终极排班管理系统对人员信息的维护,增删改查等,对人员进行分组,对不同的任务或者部门人员分组来管理排班,分组支持增删改查等,排班班次设置,支持自定义班次名称、...

    毕业设计,基于SpringBoot+seajs+MySql开发的毕业设计管理系统,内含Java完整源代码,数据库脚本

    毕业设计,基于SpringBoot+seajs+MySql开发的毕业设计管理系统,内含Java完整源代码,数据库脚本 本系统采用了B/S架构,即浏览器/服务器模式(Brower/Server),通过浏览器和服务器进行交互,浏览器对数据进行处理...

    node+seajs+grunt标准资源

    为了整合Node.js、Sea.js和Grunt,我们需要在Gruntfile.js中配置相应的插件,如`grunt-contrib-concat`用于合并文件,`grunt-contrib-uglify`用于压缩JavaScript,以及可能的`grunt-seajs-combo`插件来处理Sea.js的...

    seajs-grunt:seajs+grunt的构建脚手架

    seajs-grunt 基于seajs的模块化方案,配合grunt构建配置 主要用到了grunt的grunt-cmd-transport、grunt-cmd-concat、grunt-contrib-uglify、grunt-contrib-copy 这几个模块,实现模块依赖分析,模块合并,代码压缩等...

    mohe-widget:seajs + jquery 简单的widget开发

    **SeaJS** 是一个用于浏览器端的模块加载器,其设计灵感来源于Node.js的CommonJS规范。SeaJS的目标是让JavaScript模块化变得简单易用,提供了一种在浏览器环境中组织和管理代码的方式。通过SeaJS,我们可以按需加载...

    seajs js 模块加载器

    seajs.use('./module.js', function(module) { // 在这里使用module模块 }); // module.js define(function(require, exports, module) { var dep1 = require('./dep1'); exports.doSomething = function() { /...

    ChatApp:nodejs express+ socket.io + angularjs + seajs实时聊天

    ###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简单应用的课程设计,主要运用多种简单js,知识点:JavaScript+jQuery+Ajax+正则表达式+面向对象+js插件+代码性能优化+github+seaJs+requireJs+gulp 通过学习JavaScript基础变量、运算符、数据类型,函数,DOM...

    ngSea:AngularJS + SeaJS 路由加载

    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下载以及规范

    <script src="js/seajs.js"> ``` 2. **配置路径**:Seajs的模块路径是相对其自身的位置,因此需要配置基础路径,以便正确解析模块。可以使用`seajs.config()`方法进行配置: ```javascript seajs.config({ base...

    seajs-css.js

    seajs-css.js 用于seajs加载css文件,上课用的课件资源,大家有需要的可以随时下载。版本是非常好用的,作为一个学习模块化我们必须的知识插件

    CMD规范之seajs

    - **seajs-debug.js**:提供调试功能,通过设置环境变量`seajs.debug = true`,可以在浏览器中开启详细的加载日志,便于排查问题。 - **seajs-preload.js**:预加载插件,允许开发者指定一些模块提前加载,提高...

    seajs官方小实例

    在浏览器中,我们通常会通过 `<script>` 标签引入 seajs 的核心文件 `seajs.js`: ```html <script src="path/to/seajs.js"> ``` #### 配置(config) Seajs 提供了 `seajs.config()` 方法来配置模块路径、别名、...

    07FLY-WEB桌面应用框架

    seajs js模块化的高富帅..有兴趣的朋友可以关注下.. jquery不说了 相关插件 Jquery powerFloat 浮动层插件 artDialog 4.1.2 个人修改版 加了最大最小化 smartMenu 右键 我先说说我研究到的层度 (不考虑IE系)...

    seajs-5分钟上手

    <script src="path/to/seajs/sea.js" data-config="path/to/config.js"> ``` `data-config`属性用于指定配置文件,可选,通常用于设置基础路径或模块别名等。 **三、模块加载** Seajs使用`seajs.use`方法来加载...

    seajs-2.2.0源码

    在Seajs 2.2.0源码中,关键文件包括`sea.js`(主入口文件)和`util.js`、`data.js`、`request.js`、`event.js`等工具类文件。这些文件协同工作,实现了模块的定位、加载、执行和依赖管理等功能。 - `sea.js`:Seajs...

    seajs-2.3.0.zip

    2. **与Sea.js插件的配合**:如seajs-data和seajs-style,可以加载JSON数据和CSS样式,扩展了Seajs的功能。 3. **与构建工具的集成**:如Gulp、Grunt等,可以结合seajs-combo插件进行模块合并和压缩,提高生产环境...

    vue+seajs实现按路由来异步按需加载模板和组件架构

    在这个特定的项目中,我们看到“vue+seajs”被用来构建一个按路由来异步加载模板和组件的架构。Vue.js是一款轻量级的前端JavaScript框架,以其易用性和高性能而广受欢迎;Sea.js则是一款模块加载器,它遵循CommonJS...

    SeaJS与RequireJS区别

    **SeaJS 和 RequireJS 是两种广泛使用的 JavaScript 模块加载器和依赖管理工具,它们的主要目的是解决 JavaScript 在浏览器端的...通过学习和实践 SeaJS&Require JS 示例,可以深入理解这两种技术并掌握它们的用法。

    express_backbone_nba:Express + Backbone应用程序的简单

    经过一个星期左右对backbonejs的学习和尝试,本着不动手做项目不能掌握的精神,所以用nodejs的express框架+backbonejs搭建了一个nba数据的例子。希望有兴趣的同学可以参与进来。 后台使用nodejs的express框架 使用...

Global site tag (gtag.js) - Google Analytics