seajs 笔记

seajs笔记

Amd和Cmd的区别有哪些? 1. 对于依赖的模块,AMD 是提前执行,CMD 是延迟执行.不过 RequireJS 从 2.0 开始,也改成可以延迟执行(根据写法不同,处理方式不同).CMD 推崇 as lazy as possible. 2. CMD 推崇依赖就近,AMD 推崇依赖前置.看代码: // CMDdefine(function(require, exports, module) { var a = require('./a') a.doSomething() // 此处略去 10…

第一步:全局配置的配置对象configseajs.config = function(configData)如:var configData = { base: 'path/lib/', alias: {}, charset: 'utf-8', timeout: 20000, debug: false} 第二步:定义模块函数defineModule.define = function (id, deps, factory) 1.id——id是一个模块的标识字符串,2…

seaJs学习笔记2 – seaJs组建库的使用

原文地址:seaJs学习笔记2 – seaJs组建库的使用我觉得学习新东西并不是会使用它就够了的,会使用仅仅代表你看懂了,理解了,二不代表你深入了,彻悟了它的精髓. 所以不断的学习将是源源不断. 最近在学习seaJs和AngualrJs的指令和服务,感觉angularjs实在太强大了,好吧,步入主题,今天在深入了解seaJs的时候发现了一款神器,不过这款神奇貌似没有更新和维护了,但我测试了一下,还是可以用的. 这款神奇就是SeaJS 组件库 ,Sea.js 是一个适用于 Web 浏览器端的模块…

seaJs学习笔记之javascript的依赖问题

之前分别为大家介绍了有关javascript中的冲突和性能问题,今天为大家介绍一下有关javascript中的依赖问题.我们将继续就之前javascript中性能问题继续介绍. 先来回顾一下性能问题的解决方法,那就是按需引入js文件.那么这样按需引入会不会存在问题呢?今天我们为大家继续揭晓答案.先看如下页面. 多文件HTML代码 <!doctype html> <html dir="ltr" lang="zh-CN"> <head>…

seajs 源码阅读笔记

代码概览 src目录文件列表如下: 代码以模块化的方式来组织,构建的时候会合并为一个js文件(sea.js 或 sea-debug.js),其中,intro.js和 outro.js 分别是这个js文件的头部和尾部. 如果习惯看一个文件的代码,可以直接阅读dist目录下的 sea-debug.js , 这个是所有模块合并后的代码 . sea.js 记录了当前的版本,“@VERSION”在构建的时候应该会被替换为具体的版本号. util 开头的文件是一些工具方法,比如路径的转换.语法的增强.事…

seajs学习笔记

seajs配置 seajs.config({ //别名配置 alias:{ 'es5-safe':'gallery/es5-safe/0.9.3/es5-safe', 'jquery':'jquery/jquery/1.10.1/jquery', 'json':'gallery/json/1.0.2/json', }, //配置路径 path:{ 'gallery':'https://a.alipayobjects.com/gallery' }, //变量配置 vars:{ 'locale':'…

SeaJS学习笔记(一) ./ 和 ../ 区别

最近要去实习,公司里使用sea.js进行模块化开发具体下载安装就不多说了,请参见SeaJS官网 <!DOCTYPE html> <html> <head> <title></title> </head> <body> <script type="text/javascript" src="sea.js"></script> <script type=&…

初尝seajs，只提供自己学习做笔记

(仅供自己使用,勿喷) 闲着无聊,尝试下seajs, 只是在公司项目上随便添加并测试了一下,做下记录, 方便以后自己使用更快的上手: 下载最新的sea.js, v- 3.0.0 新建seajsConfig.js,主要为seajs的配置,这里我只配置jquery /** * JS文件模块化 */ seajs.config({ base: "./js/lib/", alias: { "jquery": "jquery/jquery-1.12.4.min.js&…

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 学习笔记

seajs的作者是玉伯,具体好处优点等详见官方网址介绍 1 模块定义define define(function(require,exports,module){ //require 引入需要的模块如jquery等 //var $ = require('./jquery'); //exports可以把方法或属性暴露给外部 exports.name = 'hi'; exports.hi = function(){ alert('hello'); } //module提供了模块信息 }); 2 使…

seajs的模块化开发--实践笔记

2017-04-02 SeaJS是一个遵循CMD规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制.有效的解决复杂项目中命名冲突.依赖.性能等问题. SeaJS中使用define函数定义一个模块.define可以接收三个参数:require, exports, module. require--模块加载函数,用于记载依赖模块. exports--接口点,将数据或方法定义在其上则将其暴露给外部调用. module--模块的元数据. SeaJS的基本用法有以下…

angularJS1笔记-(20)-模块化加载机制seajs

SeaJS是一个遵循CMD规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制. 与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现JavaScript的模块化及按模块加载.SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载,将前端工程师从繁重的JavaScript文件及对象依赖处理中解放出来,可以专注于代码本身的逻辑.SeaJS可以与jQuery这类框架完美集成.使用SeaJS可以提高Java…

SeaJS结合javascript面向对象使用笔记（一）

Sea.JS Seajs结合javascript面向对象所需页面 /app/index.html /lib/factory.js /lib/sea.js /lib/constructor.js /js/init.js 代码 Index.html <!DOCTYPE html> <html> <head> <title>面向对象</title> <meta charset="utf-8" /> </head&…

CMD规范学习笔记——基于SEAJS实现

CMD(Common Module Definition):该规范明确了模块的书写格式和基本交互规则.通常一个模块就是一个JS文件. 通过define关键字来定义模块,最基本的格式为: define(factory);//这里的define是一个全局函数,factory可以是函数或者合法的值. 一.factory为对象: define({'foo':'foo'});//factory为对象,表示该模块的接口为对象. 例子: html <!DOCTYPE html> <html> &…

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

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

angular学习笔记，很乱哈哈。

1.鼠标悬浮出现的信息v-bind:title="message" 2.对该便签进行结果判断显示隐藏v-if=''控制台设置 app3.seen = false(消失).控制台设置 app3.seen = true(显示) 3.遍历数据动态生成列表v-for='属性 in data' 4.指令绑定一个监听事件用于调用v-on :click='执行函数' difine 第一 exports出口输出 require需求 seajs.use使用命令 config统一路径 alias简化路径…

seaJS学习资料参考

seajs官方文档:http://seajs.org/docs/#docs http://wenku.it168.com/d_000096482.shtml http://blog.codinglabs.org/articles/modularized-javascript-with-seajs.html 解决seajs和jquery(amd)冲突: http://www.xiaobai8.com/Blog/835.html https://github.com/seajs/seajs/issu…

seaJs组建库

seaJs组建库的使用原文地址:seaJs学习笔记2 – seaJs组建库的使用我觉得学习新东西并不是会使用它就够了的,会使用仅仅代表你看懂了,理解了,二不代表你深入了,彻悟了它的精髓. 所以不断的学习将是源源不断. 最近在学习seaJs和AngualrJs的指令和服务,感觉angularjs实在太强大了,好吧,步入主题,今天在深入了解seaJs的时候发现了一款神器,不过这款神奇貌似没有更新和维护了,但我测试了一下,还是可以用的. 这款神奇就是SeaJS 组件库 ,Sea.js 是一个适…

seajs 入门

最近想搞搞JS模块化, 读到了园子里的一篇好文: http://www.cnblogs.com/lvdabao/p/js-modules-develop.html 看里面讲seajs不错, 于是想学一下, 到官网一看, 5分钟入门, 真是好感度倍增, 万万没想到人家那教程, 是写给玩过nodejs, requirejs之类的高人看的, 咱这智商,50分钟都不够啊. 好容易找资料弄出个最最简单的东西, 记录一下: 1) 下载seajs. 不知道各个版本都有什么区别, 总之下载最新的…

Python全栈之jQuery笔记

jQuery runnoob网址: http://www.runoob.com/jquery/jquery-tutorial.html jQuery API手册: http://www.runoob.com/manual/jquery/ jQuery笔记笔记来源于: 传智播客的黑马程序员视频笔记. 菜鸟教程:http://www.runoob.com/ 自己的查询与整理. JS的不完美地方: 1. 代码比较麻烦,给多个元素添加事件需要遍历,可能还需要进行嵌套. 2. 找对象麻烦,方法少,还比较…

vue—你必须知道的 js数据类型前端学习 CSS 居中事件委托和this 让js调试更简单—console AMD && CMD 模式识别课程笔记（一） web攻击 web安全之XSS JSONP && CORS css 定位 react小结

vue—你必须知道的目录更多总结猛戳这里属性与方法语法计算属性特殊属性 vue 样式绑定 vue事件处理器表单控件绑定父子组件通信过渡效果 vue经验总结 javascript 经验总结更多总结猛戳这里属性与方法不要在实例属性或者回调函数中(例如,vm.$watch('a', newVal => this.myMethod())使用箭头函数.因为箭头函数会绑定父级上下文,所以 this 不会按照预期指向 Vue 实例,然后 this.myMethod 将是未定义.…

【seajs 笔记】的更多相关文章