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.7k
基于 SeaJS 的调试实践
lifesinger
September 17, 2012
Tweet
Share
More Decks by lifesinger
See All by lifesinger
前端的云时代
lifesinger
18
1.3k
SeaJS 与 Arale
lifesinger
12
1.4k
SeaJS 从入门到精通
lifesinger
44
7.7k
小脚本大世界
lifesinger
10
920
Other Decks in Technology
See All in Technology
Firestore → Spanner 移行 を成功させた段階的移行プロセス
athug
1
420
Agile PBL at New Grads Trainings
kawaguti
PRO
1
380
開発者を支える Internal Developer Portal のイマとコレカラ / To-day and To-morrow of Internal Developer Portals: Supporting Developers
aoto
PRO
1
430
Obsidian応用活用術
onikun94
1
440
allow_retry と Arel.sql / allow_retry and Arel.sql
euglena1215
1
160
roppongirb_20250911
igaiga
0
190
La gouvernance territoriale des données grâce à la plateforme Terreze
bluehats
0
150
自作JSエンジンに推しプロポーザルを実装したい!
sajikix
1
170
下手な強制、ダメ!絶対! 「ガードレール」を「檻」にさせない"ガバナンス"の取り方とは?
tsukaman
2
420
2025年夏 コーディングエージェントを統べる者
nwiizo
0
130
AI開発ツールCreateがAnythingになったよ
tendasato
0
120
Terraformで構築する セルフサービス型データプラットフォーム / terraform-self-service-data-platform
pei0804
1
120
Featured
See All Featured
Being A Developer After 40
akosma
90
590k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
840
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Embracing the Ebb and Flow
colly
87
4.8k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
Navigating Team Friction
lara
189
15k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
Statistics for Hackers
jakevdp
799
220k
Optimizing for Happiness
mojombo
379
70k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
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