seajs实例

Vue.js + Seajs 实例（包含vue-router使用）

这个Demo 相关JS: Sea.js : Version 2.3.0 seajs-text : Version 2.3.0 vue.js : Version 1.0.24 vue-router: Version 0.7.10 jquery: Version 1.0.24 特别是 seaj-text,一定需要引用,否则,require 相关HTML文件会报错. 结构图如下: index.html 核心代码如下 <div id="app"> <menu> <…

点击文本改变: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>seajs demo</title> <script src="js/jquery-1.3.2.min.js"></script> </head> <body> <di…

折腾一两天，终于学会使用grunt压缩合并混淆JS脚本，小激动，特意记录一下+spm一点意外收获

很长时间没有更新博客了,实在是太忙啦...0.0 ,以下的东西纯粹是记录,不是我原创,放到收藏夹还担心不够,这个以后常用,想来想去,还是放到这里吧,,丢不了..最后一句废话,网上搜集也好原创也罢,能解决问题不糊弄人才是真道理! 反正我的问题解决啦!!!哈哈哈!! 安装grunt 原文:www.bluesdream.com/blog/windows-installs-the-grunt-and-instructions.html 怕这个网址打不开,记录下: 安装Grunt:如果你之前安装过老的0.…

最近学习工作流推荐一个activiti 的教程文档

全文地址:http://www.mossle.com/docs/activiti/ Activiti 5.15 用户手册 Table of Contents 1. 简介协议下载源码必要的软件 JDK 6+ Eclipse Indigo 和 Juno 报告问题试验性功能内部实现类 2. 开始学习一分钟入门安装Activiti 安装Activiti数据库引入Activiti jar和依赖下一步 3. 配置创建ProcessEngine ProcessEngineConfigur…

Seajs使用实例入门介绍

seaJS简介和完整实例

什么是 seaJS ? 和requireJS相似的,seaJS 也是用JavaScript编写的JS框架,主要功能是可以按不同的先后依赖关系对 JavaScript 等文件的进行加载工作,可简单理解为JS文件的加载器,它非常适合在浏览器中使用,它可以确保所依赖的JS文件加载完成之后再加载当前的JS文件,这在大量使用JS文件的项目中可确保各个JS文件的先后加载顺序,确保避免了以前因某些原因某个文件加载慢而导致其它加载快的文件需要依赖其某些功能而出现某函数或某变量找不到的问题,这点非常有用,也是 s…

SeaJS项目完整实例【转】

index.html——主页面. sea.js——SeaJS脚本. init.js——init模块,入口模块,依赖data.jquery.style三个模块.由主页面载入. data.js——data模块,纯json数据模块,由init载入. jquery.js——jquery模块,对 jQuery库的模块化封装,由init载入. style.css——CSS样式表,作为style模块由init载入. sea.js和jquery.js的代码属于库代码,就不赘述,这里只给出自己编写的文件的代码.…

初学seaJs模块化开发，利用grunt打包，减少http请求

原文地址:初学seaJs模块化开发,利用grunt打包,减少http请求未压缩合并的演示地址:demo2 学习seaJs的模块化开发,适合对seajs基础有所了解的同学看,目录结构 js — —dist //压缩后的目标文件夹 —lib //各个模块 —drag //拖拽模块 —scale //缩放模块 —seajs //seajs库 —seajs_drag //入口的主文件main.js —main.js /*——————————————————————————…

JS模块化开发：使用SeaJs高效构建页面

一.扯淡部分很久很久以前,也就是刚开始接触前端的那会儿,脑袋里压根没有什么架构.重构.性能这些概念,天真地以为前端===好看的页面,甚至把js都划分到除了用来写一些美美的特效别无它用的阴暗角落里,就更别说会知道js还有面向对象,设计模式,MVC,MVVM,模块化,构建工具等等这些高大上的概念了.现在想想还真是Too young too naive.前两天某大神在群里分享他招聘前端的心得的时候就说,就是那些以为能写两个页面就可以自称前端的人拉低了行业水平.这样看来前两年我还真的扯了不少后腿呢………

seajs实现JavaScript 的模块开发及按模块加载

seajs实现了JavaScript 的模块开发及按模块加载.用来解决繁琐的js命名冲突,文件依赖等问题,其主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载. 官方文档:http://seajs.org/docs/#docs 首先看看seajs是怎么进行模块开发的.使用seajs基本上只有一个函数"define" fn.define = function(id, deps, factory) { //code of function- } 使用define函数来进行定…

seajs的CMD模式的优势以及使用

之前有一篇博客非常详细的介绍了sea.js的加载流程,以及源代码实现,链接地址:http://www.cnblogs.com/chaojidan/p/4123980.html 这篇博客我主要讲下sea.js的介绍和使用. 首先,先介绍下sea.js的CMD规范,以及跟其他规范的区别. CommonJS 原来叫 ServerJS,推出 Modules/1.0 规范后,在 Node.js 等环境下取得了很不错的实践. 09年下半年这帮充满干劲的小伙子们想把 ServerJS 的成功经验进一步推广到浏…

Seajs是什么及sea.js 由来，特点以及优势

Seajs是什么及sea.js 由来,特点以及优势这篇文章主要介绍了Seajs的相关知识和和学习心得,适合刚接触SeaJS的同学,需要的朋友可以参考下,有更好的新手教程或文档,欢迎推荐.分享 1.Seajs简介 Seajs,一个Web模块加载框架,追求简单.自然的代码书写和组织方式,:Sea.js 遵循 CMD 规范,模块化JS代码.依赖的自动加载.配置的简洁清晰,可以让程序员更多地专注编码. 2.Seajs优缺点优点: 1).提高可维护性. 2).模块化编程. 3).动态加…

seajs模块加载与执行原理小记

本文仅讨论具名模块的情况,即通过spm打包出来的模块. 想起ID与路径统一原则,详见https://github.com/seajs/seajs/issues/930 今天又研究了下seajs源码,源码中并没有显式的判断id与路径相不相等,即没有类似如下的代码 if(id == uri){ mod.exec(); } 假定被加载的模块为a.js step1:在加载a.js前,就创建并缓存了a.js的module实例A,key值为a.js的全路径,暂定为uriA step2:定义好onload事件…

自学了三天的SeaJs学习，解决了前端的一些问题，与小伙伴们一起分享一下！

我为什么学习SeaJs? [第一]:为了解决项目中资源文件版本号的问题,以及打包压缩合并等问题. [第二]:好奇心和求知欲.[我发现很多知名网站也都在使用(qq空间, msn, 淘宝等等),而且 SeaJs 也得到了很好的推广与应用]. [第三]:经过了解得知淘宝的玉伯是湖南炎陵人,觉得他很牛X. [强烈]给小伙伴们推荐一个玉伯的讲的 SeaJs PDF 学习资料,下载地址:http://pan.baidu.com/s/1CCz4C 第一步 [版本号问题的解决]:首先大家可以到 s…

spm使用之三spm应用实例

spm 的init实际上是调用了grunt这个工具来实现一些交互式的提问和数据的获取. 看看npm就知道, npm有个命令叫init, 就是一样的交互式提问获取你要创建的nodejs的模块信息. spm从这个角度一看就是抄袭npm的方式, 当然, 说抄袭难听了点, 叫借鉴吧, 也是, 秀才摸得, 我和尚难道摸不得? spm init 这个命令, 实际上就是将 C:\Documents and Settings\Administrator\.spm\init\cmd\root 和 C:\Docum…

seajs 和spm的使用简介

说实话, 前端开发是一个令人头痛的事情. nodejs出现了很久了, 一直不是很习惯用nodejs, 当初刚出来的时候, 就下载了express, 想搭建个网站, 结果不是我的菜, 愣是用的不习惯,也就搁置了很久. 直到发现了kissy, aliceui.org, 淘宝支付宝系的前端js框架和css解决方案. 先说kissy, 这东西用在淘宝上, 实际上就是淘宝自己的jQuery+css框架, 功能已经有目共睹了, 淘宝的页面在各种浏览器上显示还是挺一致的. 再说aliceui, 其实应该叫做a…

seajs教程之seajs学习笔记 seajs.use用法

seajs.use 用来在页面中加载模块.通过 use 方法,可以在页面中加载任意模块. 实例地址:http://www.android100.org/html/201405/23/12807.html 实例中有BUG,修复后的代码见附件附件下载地址 --------------------------------------------------- 关于seajs.use的用法如下: SeaJS之use函数原文地址:http://www.cnblogs.com/ada-zheng/p…

seajs + easyui [转]

* *content seajs+easyui使用 */ /** * 首先来看看在seajs中jquery和jquery插件如何使用 */ 1.jquery.js define(function(require,exports,module)){ //原jquery.js代码 module.exports = $.noConflict(true); } 2.jquery.combobox.js 依赖关系如下: jquery.combobox.js 依赖 jquery.combo.js jquer…

转: seajs手册与文档之--模块定义

模块定义 define id dependencies factory exports require require.async require.resolve require.load require.constructor module module.id module.dependencies module.exports module.constructor 模块定义在 SeaJS 中,所有 JavaScript 文件都应该用模块的形式来书写,并且一个文件只包含一个模块. defin…

前端模块化——seaJS

1.seaJS手记一:Bower获取要安装bower Npm install -g bower Bower install seajs 二:Use方法是整个项目的入口方法,通常一个项目中只调用一次即可方法接受两个参数第一个参数表示引入模块的路径可以是一个字符串,此时引入一个文件也可以是一个数组,每个成员表示一个文件地址第二个参数是一个回调函数作用是全局作用域回调中的参数个数与前面加载的模块一一对应三:Seajs中根目录就是seajs所在的目录: 在使用seajs时候,要将se…

CMD和seaJS

前面的话 CMD(Common Module Definition)表示通用模块定义,该规范是国内发展出来的,由阿里的玉伯提出.就像AMD有个requireJS,CMD有个浏览器的实现SeaJS,SeaJS和requireJS一样,都是javascript的模块化解决方案.本文将详细介绍CMD和seaJS CMD 在Sea.js中,所有JavaScript模块都遵循CMD(Common Module Definition)模块定义规范.该规范明确了模块的基本书写格式和基本交互规则 AMD规范简单…

seajs源码

/*** Sea.js 3.0.0 | seajs.org/LICENSE.md 中文注释由李祥威添加,为个人对细节的理解,官方解释很详细的地方就不说了难免有错漏,联系我: chuangweili@163.com*/(function(global, undefined) { // Avoid conflicting when `sea.js` is loaded multiple times//global指的是当前环境全局变量,浏览器上是window,nodejs是globalif (…

seaJS 模块加载过程分析

先看一个seajs的官方example, 以下以seajs.use('main')为例, 解析加载mod main的过程 //app.html seajs.use("main"); //main.js define(function(require) { var Spinning = require('./spinning'); var s = new Spinning('#container'); s.render(); }); //spinning.js define(funct…

seajs 使用文档

// seajs 的简单配置seajs.config({ base: "/scripts/", alias: { "jquery": "jquery.js" }}) //情况一.如果定义和调用在同一个文件//实例一:define.use//必须声明模板标识define("user", function () { alert("用户信息");});// 加载入口模块sea…

SeaJS简介一：由来，特点以及优势

由来: 在软件开发过程中,模块化编程思想已经习以为常了,模块化编程不仅仅给开发团队带来效率方面上的好处,还能够让开发的项目或者产品维护成本大大降低. 那么,在WEB开发过程中JS脚本语言已经不可或缺了,通过JS脚本语言能够带来更加舒适的人机交互和用户体验.但是,JS脚本的使用过程中也会有出现引用依赖的混乱,那么JS脚本语言的模块化思想势必会得到大家广泛的认可,在这样的一个背景下,淘宝前端工程师玉伯带来了SeaJS脚本语言,让模块化编程思想进入到JS脚本的世界里. 特点: SeaJS是一个遵循Co…

【seajs实例】的更多相关文章