require(jquery); 内部处理是先替换 alias, 再替换 paths, 1) require('jquery') 当前解析为 jquer...
本周跟大家分享6月1日在深圳举办的腾讯大讲堂【Sea.js与前端技术平台梦】讲座视频。...下面为本期主讲嘉宾 支付宝前端基础技术负责人王保平（玉伯）的主题分享：《Sea.js 与前端技术平台梦》 视频内容
SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架。...本文给大家分享sea.js知识总结,感兴趣的朋友一起学习吧 http://reactjs.cn/ http://reactjs.cn/react/docs/getting-started-zh-CN.html
配置 可以对 Sea.js 进行配置，让模块编写、开发调试更方便。 ---- seajs.config seajs.config(options) 用来进行配置的方法。...'' : 'json' ], // 调试模式 debug: true, // Sea.js 的基础路径 base: 'http://example.com/path/to/base...base String Sea.js 在解析顶级标识时，会相对 base 路径来解析。详情请参阅 模块标识 注意：一般请不要配置 base 路径，把 sea.js 放在合适的路径往往更简单一致。...插件的配置 插件可以给 Sea.js 添加配置项，请查看具体插件了解相关配置。 配置文件 配置可以直接写在 html 页面上，也可以独立出来成为一个文件。
SeaJS 是一个遵循 CMD 规范的模块化加载框架 CommonJS，CMD，AMD等规范后文会提到，这里主要先了解如何在代码中使用。 如果你有使用过nodejs ，那么理解起来就容易多了。...我们通过sea.js来加载我们定义的模块（这会儿遵循CMD规范）并使用相应的数据。...首先，当然是要下载sea.js,可以直接去 http://seajs.org/docs/#downloads 直接下载代码包，解压后 在 /dist/目录下可以 找到 sea.js CMD规范是懒加载，...index.html: 首先包含资源sea.js ，再包含主模块，这里因为要执行主模块中返回的数据，所以使用了回调函数的处理 //加载入口文件main.js，默认后缀js自动匹配 seajs.use('.
本文将从实际项目中遇到的问题出发，讲述模块化能解决哪些问题，以及如何使用 Sea.js 进行前端的模块化开发。 恼人的命名冲突 我们从一个简单的习惯出发。...文件的依赖，目前在绝大部分类库框架里，比如国外的 YUI3 框架、国内的 KISSY 等类库，目前是通过配置的方式来解决。...为了方便描述，我们使用 Sea.js 来作为模块化开发框架。 使用 Sea.js 来解决 Sea.js 是一个成熟的开源项目，核心目标是给前端开发提供简单、极致的模块化开发体验。...*/); }); 首先要在页面中引入 sea.js 文件，这一般通过页头全局把控，也方便更新维护。...Sea.js 还提供了 nocache、debug 等插件，拥有在线调试等功能，能比较明显地提升效率。前端性能优化。Sea.js 通过异步加载模块，这对页面性能非常有益。
先看问题： <!doctype html> <html> <head> <meta charset="UTF-8"> <title>变量作用域问题</title...
有的推荐第三方框架，比如 In.js、requrieJS、sea.js、lab.js等。这个开阔了眼界，以前只知道sea.js，省去了自己搜索的麻烦。...主要看的是sea.js，目前简单的理解是：一个加载js的机制 + 模块化编程(CMD规范)的理念。这个是淘宝用的，肯定很强大、很结实了。那么我是不是拿来用呢？...这时候可以考虑使用第三方框架，当然也可以自己写。因为我可以用boot.js来确保加载哪些文件，以及加载最新的文件。在第二步就需要确定一个解决方案。我的想法就是做一个js文件服务。
v=20170215:61) t.exec (sea.js:2) t.use.e.callback (sea.js:2) t.onload (sea.js:2) t.load (sea.js:2...) d (sea.js:2) onload (seajs-css.js:110) ==== line:6272, [http://tmisc.home.news.cn/search/...v=20170215] , [] line:2, [http://tmisc.home.news.cn/search/font/js/base/sea.js] , [t.exec] line:2,.../search/font/js/base/sea.js] , [t.onload] line:2, [http://tmisc.home.news.cn/search/font/js/base/sea.js...] , [t.load] line:2, [http://tmisc.home.news.cn/search/font/js/base/sea.js] , [d] line:143, [http:/
（正在考虑要不要使用sea.js） 5、 Js服务加载的js文件，不需要做任何修改。当然也不负责各个文件里的函数名称是否冲突。 Sea.js追求自然编程，代码要写的自然。...很是巧合我也推崇自然编程，我写的框架就叫做“自然框架”。只是在加载js这块和sea.js的思路有点不同。 ...看了sea.js的介绍，里面也提到了命名空间的方式，是yahoo用过。Sea.js并不推荐，因为使用的时候要记住长长的命名空间。但是我觉得这个不算事呀。
参考seajs快速入门 一、前端模块化的价值 解决命名冲突 摆脱文件依赖 性能优化 提高可维护性 seajs.use方法调用 通过exports暴露接口 通过require引入依赖 二、Sea.js...的常用 API seajs.config base string Sea.js 在解析顶级标识时，会相对 base 路径来解析 seajs.use 用来在页面中加载模块 require...顶级标识：顶级标识不以点（.）或斜线（/）开始， 会相对模块系统的基础路径（即 Sea.js 的 base 路径）来解析 四、 使用步骤 引入sea.js文件（方法与引用jQuery相同） 配置信息 在...'' : 'json' 29 ], 30 31 // 调试模式 32 debug: true, 33 34 // Sea.js 的基础路径 35 base: 'http://example.com.../path/to/base/', 36 37 // 文件编码 38 charset: 'utf-8' 39 }); 配置sea.js的基础路径 及加载模块 1 通过 use 方法，可以在页面中加载任意模块
如果大家有什么工具，框架，库觉得可以推荐的，欢迎在评论区提点，让大家相互进步，学习！...一下就是，如果js基础好，学习框架会比较容易上手。如果极端得不学js，直接上手框架，会很吃力，很容易懵。 人工智能和大数据 人工智能和大数据，不是一门技术，而是一个领域，最近两年都很火，也不止于前端。...sea.js sea.js由国人开发，当时使用的时候还满心欢喜，终于有国人的东西登上舞台了。sea.js凭借简单，轻量等优势火极一时。...但是有了es6的模块化之后，就连sea.js的作者玉伯也在微博发言：应该给 Sea.js 和 KISSY 也树一块墓碑了。...也觉得在前端这一方面，没有什么最好的工具，框架，库等，只有最适合自己的。 最后，如果大家有什么工具，框架，库或者其它的技术，欢迎在评论区内指点提出。让大家相互学习，相互进步！
回顾 之前也写了几篇关于javascript模块的博客，链接如下： 回头再看JS模块化编程[2] 回头再看JS模块化编程之AMD[3] sea.js的同步魔法[4] 近几天准备总结一下javascript...factory()) } else if (typeof define === 'function' && define.cmd) { console.log('是CMD模块规范，如sea.js...给个sea.js调用UMD的效果页面链接，sea.js调用UMD模块[9] 而nodejs调用UMD模块需要执行node命令， node umd-simple-used-by-nodejs 效果如下：...'我调用了依赖模块', depModule) // ...省略了一些代码，去代码仓库看吧 return { name: '我自己是一个umd模块' } })) 给个sea.js...的同步魔法: http://hexo.wbjiang.cn/sea.js%E7%9A%84%E5%90%8C%E6%AD%A5%E9%AD%94%E6%B3%95.html [5] Git仓库: https
框架 简介 官网 gulp 流式前端构建工具 http://www.gulpjs.com.cn/ grunt 基于node.js，可用于自动化构建，测试，生成文档的项目管理工具 http://gruntjs.com...t=http://vuejs.org/&h=1000&c=&n=vuejs Sea.js 模块化js http://seajs.org/docs/#intro Angular.js 为了克服HTML在构建应用上的不足而设计...www.apjs.net/ React Facebook 推出的一个用来构建用户界面的 JavaScript 库 http://facebook.github.io/react/ Kissy 模块化高扩展性的前端框架...Javascript 代码 Sass 一个功能丰富，用途很广的 CSS 预处理器 http://www.w3cplus.com/sassguide/ Bootstrap HTML、CSS 和 JS 框架
如果大家有什么工具，框架，库觉得可以推荐的，欢迎在评论区提点，让大家相互进步，学习！...一下就是，如果js基础好，学习框架会比较容易上手。如果极端得不学js，直接上手框架，会很吃力，很容易懵。...sea.js sea.js由国人开发，当时使用的时候还满心欢喜，终于有国人的东西登上舞台了。sea.js凭借简单，轻量等优势火极一时。...但是有了es6的模块化之后，就连sea.js的作者玉伯也在微博发言：应该给 Sea.js 和 KISSY 也树一块墓碑了。...也觉得在前端这一方面，没有什么最好的工具，框架，库等，只有最适合自己的。 最后，如果大家有什么工具，框架，库或者其它的技术，欢迎在评论区内指点提出。让大家相互学习，相互进步！
}, { "id": 2 }, { "id": 3 } ] } Sea.js...(CMD) 因为 Sea.js 社区尚未提供 webpack 插件，所以 Mock.js 暂不完整支持通过 Sea.js 加载。...一种变通的方式是，依然通过 Sea.js 配置和加载 Mock.js，然后访问全局变量 Mock。
模块系统 Sea.js 是一个适用于 Web 浏览器端的模块加载器。在 Sea.js 里，一切皆是模块，所有模块协同构建成模块系统。Sea.js 首要要解决的是模块系统的基本问题： 模块是什么？...在 Sea.js 里，我们专注于 JS 模块（其他类型的模块可以转换为 JS 模块）： 模块是一段 JavaScript 代码，具有统一的基本书写格式。模块之间通过基本交互规则，能彼此引用，协同工作。...Sea.js 遵循的是 CMD 规范，会在接下来的文档中详细阐述。 延伸阅读 function / bind 的救赎 继承与混合，略谈系统的构建方式
如果大家有什么工具，框架，库觉得可以推荐的，欢迎在评论区提点，让大家相互进步，学习！...一下就是，如果js基础好，学习框架会比较容易上手。如果极端得不学js，直接上手框架，会很吃力，很容易懵。...sea.js sea.js由国人开发，当时使用的时候还满心欢喜，终于有国人的东西登上舞台了。sea.js凭借简单，轻量等优势火极一时。...但是有了es6的模块化之后，就连sea.js的作者玉伯也在微博发言：应该给 Sea.js 和 KISSY 也树一块墓碑了。...也觉得在前端这一方面，没有什么最好的工具，框架，库等，只有最适合自己的。 最后，如果大家有什么工具，框架，库或者其它的技术，欢迎在评论区内指点提出。让大家相互学习，相互进步！ |
Sea.js 则专注于 Web 浏览器端，同时通过 Node 扩展的方式可以很方便跑在 Node 环境中。 遵循的规范不同。...RequireJS 遵循 AMD（异步模块定义）规范，Sea.js 遵循 CMD （通用模块定义）规范。规范的不同，导致了两者 API 不同。...Sea.js 更贴近 CommonJS Modules/1.1 和 Node Modules 规范。 推广理念有差异。...Sea.js 不强推，采用自主封装的方式来“海纳百川”，目前已有较成熟的封装策略。 对开发调试的支持有差异。...Sea.js 采取的是通用事件机制，插件类型更丰富。 总之，如果说 RequireJS 是 Prototype 类库的话，则 Sea.js 致力于成为 jQuery 类库。
模块化 seajs API 参考 首先说明一下，这个已经是老框架了，不建议使用，只是当做了解一下过去的知识，或者学习一下源代码，知道过去的模块化开发是什么样的，模块化开发的好处，API 快速参考 该页面列举了...Sea.js 的常用 API。...Sea.js 推崇一个模块一个文件，遵循统一的写法： // 比如创建 a.js define(function(require, exports, module) { // 模块代码 });
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
