amazeui+doT.js+sea.js项目开发总结

最近在做一个银联商务的移动web项目,并不是一个跨平台的h5app而是一个跨终端移动web吧。因为如果做h5app我是不会选择这三个框架支持的哈哈。那样会选择sencha或是dojo吧。这里简单介绍下我使用的经验分享吧。

先说一下amazeui 轻量级高性能 它对于初试h5开发的人很有帮助,丰富的js组建,css组件,web组件很好。几乎都是页面里面能用到的。解决不少工作量,记得js组件可以很好的搭配ui使用,可以很好的把一个界面分成几个部分开发,做到真正类似app 的界面模块化开发,让繁重的界面结构更清晰,代码更独立,复用性更强,维护型好。

官方网址:http://amazeui.org/1.x/

再说一下doT.js 相信做前端开发的对于js模版引擎都很熟悉,不了解的可以度娘一下了,这里使用doT.js做模版引擎,轻量级,方便使用的语法结构,便于界面缓存,ui与业务分割独立化,对于页面渲染和加载做更好的支持,特点真就是快,不信你可以试试。

参考博客:http://www.cnblogs.com/kuikui/p/3505768.html

最后的大头当然是sea.js 它是阿里的一个工程师写的库,它用途是模块化加载,使页面,js包括css做到按需加载,而不是在头文件繁重的做js引用,这样解决大的效率问题,简单的定义模式,每个模块可对外提供接口,做到前端开发的mvc模式,这也是软件工程的思想。可能有更好的其他的一些,这里我做个推荐而已哈哈。

参考文档:http://seajs.org/docs/#docs

这里是初试,后面的项目经验会再续博客。

时间: 2024-11-05 13:47:02

amazeui+doT.js+sea.js项目开发总结的相关文章

使用Vue.js初次真正项目开发-2018/07/14

一.组件化 使用Vue.js进行开发,按照MVVM模式,围绕数据为核心,进行开发. 开发过程根据业务和功能组件化,组件化一方面让我们开发思路更加清晰,另一方面对于数据的处理和控制变得更加简单,毕竟一个大功能交给一个组件去实现,总是会显得很复杂,但是将大功能进行细分,交给多个人,每个人负责不同的小功能,就会变得清晰简单. 1. 父子组件数据交互通过prop和事件来实现双向数据绑定. 父组件传递到子组件的prop数据,需要在子组件的props属性中进行注册,意为预期传入的数据. 然后子组件不能直接在

sea.js 个人入门

头顶 美工.切图仔 头衔的我 出去面试时面试官必问的一题: 用过 seajs.requirejs 么? 答案当然是否定的,然后面试官就是鲁迅先生的前半句诗"横眉冷对千夫指 "看我. 所以就看看看了看API 玉伯 : http://weibo.com/lifesinger?noscale_head=1#_0 说这两个JS 必须提到AMD.commonjs两种不同的规范: 奇舞团:http://www.75team.com/archives/882 知乎:http://www.zhihu.

sea.js demo

index.html <script type="text/javascript" src="js/sea.js"></script> <script type="text/javascript"> // seajs 的简单配置 seajs.config({ base: "./js/", alias: { "jquery": "jquery-1.11.1.min

JS利用 Sea.js 实现模块化:拖拽、缩放及范围限制

知识点总结: Sea.js的使用:define.export.seajs.use.require等方法:   参考:http://seajs.org/docs/ Sea.js与require.js的区别: 鼠标事件及位置的使用:mousedown.mousemove.mouseup.ev.clientX.ev.clientY: 初始化模块.拖拽模块.缩放模块.范围限制模块的实现. 一.index页面 <!DOCTYPE html> <html lang="en">

node.js项目开发问题集锦(不定期更新,随时把开发过程中遇到的问题加上)

1.用express开发站点时,怎么定义通用的头部和尾部 方案1:用类似asp时代的include添加,如ejs模板: <% include ../header.ejs %> <h1 class="page-header"> 这里是内容. 注:..表示header.ejs在上一级目录,ejs扩展名可以去掉,直接写:include ../header </h1> <% include ../footer %> 方案2:用类似于MVC的lay

模块化开发--sea.js

当你的网站开发越来越复杂的时候,会经常遇到一下问题吗?1.冲突2.性能3.依赖如果在多人开发或者是复杂的开发过程中会经常遇到这些问 题,就可以用模块化开发来解决.以上问题是如何产生的?1.冲突:如果你写了一个commen.js,这个JS文件主要是写一些 公用的方法,比如选项卡tab,拖拽等等...当你写好这些JS之后 可能交给同事用.同事首先引入这个JS文件,有可能这个页面又 交给新同事开发,这个同事写了一个function,名为tab,这时这 个tab就和你写的公用JS文件里的tab方法起了冲

r.js压缩打包(require + backbone)项目开发文件

最近项目稳定了一点,之前一直没空关注的开发文件压缩打包问题也有时间来解决了 AMD模块化开发中的代码压缩打包工具——r.js 环境搭建基于nodejs:用于AMD模块化开发中的项目文件压缩打包,不是AMD模式也是可以的 javascript部分 压缩javascript项目开发文件夹 build.js压缩打包配置文件,文件名可随意 ({ appDir : './', //基于build,根目录 baseUrl : './project', //基于appDir,项目目录 dir : './pro

Sea.js 提供简单、极致的模块化开发体验

http://seajs.org/docs/#intro 为什么使用 Sea.js ? Sea.js 追求简单.自然的代码书写和组织方式,具有以下核心特性: 简单友好的模块定义规范:Sea.js 遵循 CMD 规范,可以像 Node.js 一般书写模块代码. 自然直观的代码组织方式:依赖的自动加载.配置的简洁清晰,可以让我们更多地享受编码的乐趣. Sea.js 还提供常用插件,非常有助于开发调试和性能优化,并具有丰富的可扩展接口. 兼容性 Sea.js 具备完善的测试用例,兼容所有主流浏览器:

Sea.js提供简单、极致的模块化开发体验

为什么使用 Sea.js ? Sea.js 追求简单.自然的代码书写和组织方式,具有以下核心特性: 简单友好的模块定义规范:Sea.js 遵循 CMD 规范,可以像 Node.js 一般书写模块代码. 自然直观的代码组织方式:依赖的自动加载.配置的简洁清晰,可以让我们更多地享受编码的乐趣. Sea.js 还提供常用插件,非常有助于开发调试和性能优化,并具有丰富的可扩展接口. 兼容性 Sea.js 具备完善的测试用例,兼容所有主流浏览器: Chrome 3+ ? Firefox 2+ ? Safa