SlideShare ist ein Scribd-Unternehmen logo
1 von 46
Downloaden Sie, um offline zu lesen
SeaJS -

          2011.04
1.
YUI3
Apple
JavaScript
2. CommonJS
JavaScript
ECMAScript, W3C
JSON...


Modules, Packages,
JSGI, Promises...
CommonJS:   JavaScript
CommonJS Modules/1.1.1 Sample Code
CommonJS
Wes Garland: Modules/2.0 - BravoJS
James Burke: Modules/AMD - RequireJS
Kevin H. Smith: Modules/Wrappings - FlyScript
...
+
or
3. SeaJS
3.1 SeaJS
Mustache   : KISS
最好的设计不是再也没有什么东西可以添加了,
而是再也没有什么东西可以去掉。

                   via 《大教堂与集市》
W3C   :
有了约定好办事。
           via 至理名言
DRY - Don’t Repeat Yourself

              SRP - Single Responsibility Principal

 CoC - Convention over Configuration

                  SoC...

         http://www.iteye.com/news/20930
SeaJS
3.2 SeaJS
SeaJS
SeaJS

    CommonJS
Modules/Wrappings
  define

             http://
seajs.com/docs/guide/
hello-seajs.html
Module Authoring Format




http://seajs.com/docs/api/module-authoring-format.html
Bootstrap




   http://seajs.com/docs/api/seajs-bootstrap.html
http://seajs.com/docs/
SeaJS
SeaJS
SeaJS
世界上有很多聪明人,很多事情已经做得非常棒。有太
多更需要投入的地方,的确不应该在别人已经做得很好
的地方浪费时间了。

               via 《大教堂与集市》
SeaJS




 google
module loader
+
recommended modules
+
best practices
=
SeaJS
3.3 SeaJS
+


+
Bonus: JSONM




404
4. NO-LIBRARY
    LIBRARY
FAQ

    http://lifesinger.org/
     http://seajs.com/
http://twitter.com/lifesinger

Weitere ähnliche Inhalte

Was ist angesagt?

開發的效能與效率-twMVC#15
開發的效能與效率-twMVC#15開發的效能與效率-twMVC#15
開發的效能與效率-twMVC#15twMVC
 
Node.js 進攻桌面開發
Node.js 進攻桌面開發Node.js 進攻桌面開發
Node.js 進攻桌面開發Fred Chien
 
Knockout 從零開始,實戰教學 twMVC#10
Knockout 從零開始,實戰教學 twMVC#10Knockout 從零開始,實戰教學 twMVC#10
Knockout 從零開始,實戰教學 twMVC#10twMVC
 
MVC實戰分享 分頁與排序相關技巧-tw mvc#13
MVC實戰分享 分頁與排序相關技巧-tw mvc#13MVC實戰分享 分頁與排序相關技巧-tw mvc#13
MVC實戰分享 分頁與排序相關技巧-tw mvc#13twMVC
 
輕鬆上手Asp.net web api 2.1-twMVC#14
輕鬆上手Asp.net web api 2.1-twMVC#14輕鬆上手Asp.net web api 2.1-twMVC#14
輕鬆上手Asp.net web api 2.1-twMVC#14twMVC
 
Rwd開發小工具
Rwd開發小工具Rwd開發小工具
Rwd開發小工具翔宇 蘇
 

Was ist angesagt? (7)

xss實戰
xss實戰xss實戰
xss實戰
 
開發的效能與效率-twMVC#15
開發的效能與效率-twMVC#15開發的效能與效率-twMVC#15
開發的效能與效率-twMVC#15
 
Node.js 進攻桌面開發
Node.js 進攻桌面開發Node.js 進攻桌面開發
Node.js 進攻桌面開發
 
Knockout 從零開始,實戰教學 twMVC#10
Knockout 從零開始,實戰教學 twMVC#10Knockout 從零開始,實戰教學 twMVC#10
Knockout 從零開始,實戰教學 twMVC#10
 
MVC實戰分享 分頁與排序相關技巧-tw mvc#13
MVC實戰分享 分頁與排序相關技巧-tw mvc#13MVC實戰分享 分頁與排序相關技巧-tw mvc#13
MVC實戰分享 分頁與排序相關技巧-tw mvc#13
 
輕鬆上手Asp.net web api 2.1-twMVC#14
輕鬆上手Asp.net web api 2.1-twMVC#14輕鬆上手Asp.net web api 2.1-twMVC#14
輕鬆上手Asp.net web api 2.1-twMVC#14
 
Rwd開發小工具
Rwd開發小工具Rwd開發小工具
Rwd開發小工具
 

Ähnlich wie seaJs—不仅仅是脚本加载器

Intro-to-SeaJS
Intro-to-SeaJSIntro-to-SeaJS
Intro-to-SeaJSlifesinger
 
建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)Joseph Chiang
 
SeaJS 那些事儿
SeaJS 那些事儿SeaJS 那些事儿
SeaJS 那些事儿lifesinger
 
更好的文件组织
更好的文件组织更好的文件组织
更好的文件组织Kejun Zhang
 
Kissy design
Kissy designKissy design
Kissy designyiming he
 
面向开发的前端性能优化
面向开发的前端性能优化面向开发的前端性能优化
面向开发的前端性能优化li qiang
 
SeaJS - 前端模块化开发探索与网站性能优化实践
SeaJS - 前端模块化开发探索与网站性能优化实践SeaJS - 前端模块化开发探索与网站性能优化实践
SeaJS - 前端模块化开发探索与网站性能优化实践lifesinger
 
不一樣的Web server... coServ
不一樣的Web server... coServ不一樣的Web server... coServ
不一樣的Web server... coServBen Lue
 
模块加载策略 - 2012 SDCC, 北京
模块加载策略 - 2012 SDCC, 北京模块加载策略 - 2012 SDCC, 北京
模块加载策略 - 2012 SDCC, 北京Joseph Chiang
 
July.2011.w3ctech
July.2011.w3ctechJuly.2011.w3ctech
July.2011.w3ctechKai Cui
 
Modern Web with CSS and CSS Grid (image with links inside)
Modern Web with CSS and CSS Grid (image with links inside)Modern Web with CSS and CSS Grid (image with links inside)
Modern Web with CSS and CSS Grid (image with links inside)百範 陳
 
Sun jdk 1.6内存管理 -使用篇
Sun jdk 1.6内存管理 -使用篇Sun jdk 1.6内存管理 -使用篇
Sun jdk 1.6内存管理 -使用篇bluedavy lin
 
前端性能优化和自动化
前端性能优化和自动化前端性能优化和自动化
前端性能优化和自动化kaven yan
 
Android -汇博
Android -汇博Android -汇博
Android -汇博dlqingxi
 
淘宝网前端开发面试题
淘宝网前端开发面试题 淘宝网前端开发面试题
淘宝网前端开发面试题 Lumend
 
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型裕波 周
 
Huangjing renren
Huangjing renrenHuangjing renren
Huangjing renrend0nn9n
 
學習JavaScript_Dom
學習JavaScript_Dom學習JavaScript_Dom
學習JavaScript_Dom俊彬 李
 
恶意网页分析实战
恶意网页分析实战恶意网页分析实战
恶意网页分析实战Huang Toby
 
基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映heyfluke
 

Ähnlich wie seaJs—不仅仅是脚本加载器 (20)

Intro-to-SeaJS
Intro-to-SeaJSIntro-to-SeaJS
Intro-to-SeaJS
 
建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)
 
SeaJS 那些事儿
SeaJS 那些事儿SeaJS 那些事儿
SeaJS 那些事儿
 
更好的文件组织
更好的文件组织更好的文件组织
更好的文件组织
 
Kissy design
Kissy designKissy design
Kissy design
 
面向开发的前端性能优化
面向开发的前端性能优化面向开发的前端性能优化
面向开发的前端性能优化
 
SeaJS - 前端模块化开发探索与网站性能优化实践
SeaJS - 前端模块化开发探索与网站性能优化实践SeaJS - 前端模块化开发探索与网站性能优化实践
SeaJS - 前端模块化开发探索与网站性能优化实践
 
不一樣的Web server... coServ
不一樣的Web server... coServ不一樣的Web server... coServ
不一樣的Web server... coServ
 
模块加载策略 - 2012 SDCC, 北京
模块加载策略 - 2012 SDCC, 北京模块加载策略 - 2012 SDCC, 北京
模块加载策略 - 2012 SDCC, 北京
 
July.2011.w3ctech
July.2011.w3ctechJuly.2011.w3ctech
July.2011.w3ctech
 
Modern Web with CSS and CSS Grid (image with links inside)
Modern Web with CSS and CSS Grid (image with links inside)Modern Web with CSS and CSS Grid (image with links inside)
Modern Web with CSS and CSS Grid (image with links inside)
 
Sun jdk 1.6内存管理 -使用篇
Sun jdk 1.6内存管理 -使用篇Sun jdk 1.6内存管理 -使用篇
Sun jdk 1.6内存管理 -使用篇
 
前端性能优化和自动化
前端性能优化和自动化前端性能优化和自动化
前端性能优化和自动化
 
Android -汇博
Android -汇博Android -汇博
Android -汇博
 
淘宝网前端开发面试题
淘宝网前端开发面试题 淘宝网前端开发面试题
淘宝网前端开发面试题
 
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
从无阻塞并行脚本加载(Lab.js)到浏览器消息模型
 
Huangjing renren
Huangjing renrenHuangjing renren
Huangjing renren
 
學習JavaScript_Dom
學習JavaScript_Dom學習JavaScript_Dom
學習JavaScript_Dom
 
恶意网页分析实战
恶意网页分析实战恶意网页分析实战
恶意网页分析实战
 
基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映基于Android ndk的软件开发简介 放映
基于Android ndk的软件开发简介 放映
 

Mehr von Alipay

Javascrpt arale
Javascrpt araleJavascrpt arale
Javascrpt araleAlipay
 
Javascript 基础
Javascript 基础Javascript 基础
Javascript 基础Alipay
 
Css101
Css101Css101
Css101Alipay
 
Html&Browser
Html&BrowserHtml&Browser
Html&BrowserAlipay
 
Web encoding 元则
Web encoding 元则Web encoding 元则
Web encoding 元则Alipay
 
学会站在设计的角度做开发
学会站在设计的角度做开发学会站在设计的角度做开发
学会站在设计的角度做开发Alipay
 
洞察、创造与想象
洞察、创造与想象洞察、创造与想象
洞察、创造与想象Alipay
 
从小书签到浏览器扩展的应用
从小书签到浏览器扩展的应用从小书签到浏览器扩展的应用
从小书签到浏览器扩展的应用Alipay
 
谈谈Javascript设计
谈谈Javascript设计谈谈Javascript设计
谈谈Javascript设计Alipay
 
行为化体验度量
行为化体验度量行为化体验度量
行为化体验度量Alipay
 
Html基础
Html基础Html基础
Html基础Alipay
 
前端本地环境初探
前端本地环境初探前端本地环境初探
前端本地环境初探Alipay
 
前端本地环境初探
前端本地环境初探前端本地环境初探
前端本地环境初探Alipay
 
重构用户体验
重构用户体验重构用户体验
重构用户体验Alipay
 
Js in js
Js in jsJs in js
Js in jsAlipay
 

Mehr von Alipay (15)

Javascrpt arale
Javascrpt araleJavascrpt arale
Javascrpt arale
 
Javascript 基础
Javascript 基础Javascript 基础
Javascript 基础
 
Css101
Css101Css101
Css101
 
Html&Browser
Html&BrowserHtml&Browser
Html&Browser
 
Web encoding 元则
Web encoding 元则Web encoding 元则
Web encoding 元则
 
学会站在设计的角度做开发
学会站在设计的角度做开发学会站在设计的角度做开发
学会站在设计的角度做开发
 
洞察、创造与想象
洞察、创造与想象洞察、创造与想象
洞察、创造与想象
 
从小书签到浏览器扩展的应用
从小书签到浏览器扩展的应用从小书签到浏览器扩展的应用
从小书签到浏览器扩展的应用
 
谈谈Javascript设计
谈谈Javascript设计谈谈Javascript设计
谈谈Javascript设计
 
行为化体验度量
行为化体验度量行为化体验度量
行为化体验度量
 
Html基础
Html基础Html基础
Html基础
 
前端本地环境初探
前端本地环境初探前端本地环境初探
前端本地环境初探
 
前端本地环境初探
前端本地环境初探前端本地环境初探
前端本地环境初探
 
重构用户体验
重构用户体验重构用户体验
重构用户体验
 
Js in js
Js in jsJs in js
Js in js
 

seaJs—不仅仅是脚本加载器