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
強化されたAmazon Location Serviceによる新機能と開発者体験
dayjournal
3
230
JEDAI Databricks Free Editionもくもく会
taka_aki
1
100
CursorによるPMO業務の代替 / Automating PMO Tasks with Cursor
motoyoshi_kakaku
0
360
Tech-Verse 2025 Keynote
lycorptech_jp
PRO
0
570
PHPでWebブラウザのレンダリングエンジンを実装する
dip_tech
PRO
0
210
解析の定理証明実践@Lean 4
dec9ue
0
180
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
26k
Javaで作る RAGを活用した Q&Aアプリケーション
recruitengineers
PRO
1
120
Amazon Bedrockで実現する 新たな学習体験
kzkmaeda
2
610
mrubyと micro-ROSが繋ぐロボットの世界
kishima
2
350
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
itohiro73
1
290
Model Mondays S2E03: SLMs & Reasoning
nitya
0
100
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Cult of Friendly URLs
andyhume
79
6.5k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Producing Creativity
orderedlist
PRO
346
40k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Fireside Chat
paigeccino
37
3.5k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Unsuck your backbone
ammeep
671
58k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
710
How STYLIGHT went responsive
nonsquared
100
5.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