Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
基于 SeaJS 的调试实践
Search
lifesinger
September 17, 2012
Technology
19
1.6k
基于 SeaJS 的调试实践
lifesinger
September 17, 2012
Tweet
Share
More Decks by lifesinger
See All by lifesinger
前端的云时代
lifesinger
18
1.1k
SeaJS 与 Arale
lifesinger
12
1.3k
SeaJS 从入门到精通
lifesinger
44
7.5k
小脚本大世界
lifesinger
10
880
Other Decks in Technology
See All in Technology
ビジネスとコード品質の接合点 そしてコード品質がそこに及ぼす影響 / The Intersections of Business and Engineering, and The Impact of Code Quality There
mtx2s
10
1k
Autify Company Deck
autifyhq
1
30k
MongoDB Atlas Vectorsearchではじめる生成AIアプリ開発
chie8842
3
510
データマネジメントを支える武器としてのメタデータ管理
10xinc
2
830
AMLD 2024 - Build Your Own GPT
donlelef
1
260
オブジェクトのおしゃべり大失敗 メッセージングアンチパターン集 / messaging anti-pattern collection
ytake
0
330
8週連続ウェビナー_イチから学ぶFivetran
cmsuzu
0
170
KubeCon EU 2024 : Knative Maintainers Session
salaboy
0
370
大規模なアジャイル開発の現場と技術負債 / Technical Debt
yoshiitaka
21
4.1k
実務への応用例から考える 変更に強いオブジェクト指向設計 / 20240324-ooc2024
bengo4com
7
5.5k
技術イベントはなんとかひねり出す 日経の技術広報の取り組み/techpr3
nishiuma
0
230
LLMプロダクト事業の立ち上げにおける挑戦
layerx
PRO
7
1.5k
Featured
See All Featured
Building Your Own Lightsaber
phodgson
97
5.6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.2k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
355
22k
Creatively Recalculating Your Daily Design Routine
revolveconf
209
11k
Code Review Best Practice
trishagee
54
15k
Optimizing for Happiness
mojombo
369
69k
Adopting Sorbet at Scale
ufuk
66
8.5k
For a Future-Friendly Web
brad_frost
170
8.9k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
14
1.3k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
272
12k
Designing the Hi-DPI Web
ddemaree
275
33k
Transcript
基于 SeaJS 的调试实践 ⽟玉伯 2012.9.14 @沪JS Monday, September 17, 12
关于我 • ⺩王保平 / lifesinger / ⽟玉伯 • ⽀支付宝 -
前端开发部 • KISSY、SeaJS、Arale 2 …… • 微博:@⽟玉伯也叫射雕 Monday, September 17, 12
Topics I. 解 combo 和源码映射:map II. 让继承链清晰:class III. bug fix
与 mock:modify IV. 释放 F5 键:reload V. 原理 Monday, September 17, 12
Problem 1 1. 压缩导致难以调试 2. 合并导致难以定位到具体⽂文件 Monday, September 17, 12
Solution 1. 通过 ?seajs-debug 开启调试 2. 通过 map config 解
combo 并映射到本地⽂文件 Monday, September 17, 12
Result https://github.com/seajs/seajs/issues/270 Monday, September 17, 12
Problem 2 看不懂的继承信息 Monday, September 17, 12
Solution 1. 通过 aralejs/class 来创建类 2. ⾃自动与 seajs 打通,获取关联的模块信息 Monday,
September 17, 12
Result 继承信息⼀一⺫⽬目了然 Monday, September 17, 12
Problem 3 依赖服务接⼝口才能调试 Monday, September 17, 12
Solution 通过 modify 可以 mock 接⼝口 Monday, September 17, 12
Result 这个可以⽤用来骗 iPad .... Monday, September 17, 12
Bonus 不⽤用 F5 刷新了 Monday, September 17, 12
原理 • SeaJS 是⼀一个模块加载器 • 控制了⼊入⼝口和出⼝口 • So,随⼼心所欲 Monday, September
17, 12
http://seajs.org/ RequireJS is good, but SeaJS is better. Monday, September
17, 12
Q ? A : Thanks Monday, September 17, 12