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.2k
SeaJS 与 Arale
lifesinger
12
1.3k
SeaJS 从入门到精通
lifesinger
44
7.6k
小脚本大世界
lifesinger
10
890
Other Decks in Technology
See All in Technology
【NW X Security JAWS#3】L3-4:AWS環境のIPv6移行に向けて知っておきたいこと
shotashiratori
1
630
チームでロジカルシンキングに改めて向き合っている話 〜学習環境と実践⽅法〜
sansantech
PRO
3
3.3k
VSCodeの拡張機能を作っている話
ebarakazuhiro
1
800
アクセス制御にまつわる改善 / Improving access control
itkq
0
590
EM完全に理解した と思ったけど、 やっぱり何も分からなかった話 / EM Night Fukuoka #1
hirutas
0
280
Cloud Service Mesh に触れ合う
phaya72
1
200
Handling focus in 2024
tahia910
0
220
ExaDB-D dbaascli で出来ること
oracle4engineer
PRO
0
2.1k
成長をサポートするピープルマネジメントのやり方
sioncojp
9
1.1k
Babylon.js JAPAN活動紹介 (2024/4)
limes2018
1
120
Building Dashboards as a Hobby
egmc
0
370
コードファーストの考え方。 Amplify Gen2から学ぶAWS次世代のWeb開発体験
yoshiitaka
2
360
Featured
See All Featured
BBQ
matthewcrist
80
8.8k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Designing Experiences People Love
moore
136
23k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
Being A Developer After 40
akosma
66
580k
No one is an island. Learnings from fostering a developers community.
thoeni
16
2.1k
Building Effective Engineering Teams - LeadDev
addyosmani
32
1.9k
Rails Girls Zürich Keynote
gr2m
91
13k
Building an army of robots
kneath
300
41k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
323
20k
Into the Great Unknown - MozCon
thekraken
14
1k
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