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
PostgreSQL 18 cancel request key長の変更とRailsへの関連
yahonda
0
120
AIのAIによるAIのための出力評価と改善
chocoyama
2
550
プロダクトエンジニアリング組織への歩み、その現在地 / Our journey to becoming a product engineering organization
hiro_torii
0
130
初めてのAzure FunctionsをClaude Codeで作ってみた / My first Azure Functions using Claude Code
hideakiaoyagi
1
220
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 完全版 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming - Expanded
tomzoh
4
3.2k
Amazon S3標準/ S3 Tables/S3 Express One Zoneを使ったログ分析
shigeruoda
3
470
実践! AIエージェント導入記
1mono2prod
0
160
Oracle Cloud Infrastructure:2025年6月度サービス・アップデート
oracle4engineer
PRO
2
240
AWS テクニカルサポートとエンドカスタマーの中間地点から見えるより良いサポートの活用方法
kazzpapa3
2
530
ハノーバーメッセ2025座談会.pdf
iotcomjpadmin
0
160
25分で解説する「最小権限の原則」を実現するための AWS「ポリシー」大全 / 20250625-aws-summit-aws-policy
opelab
9
1.1k
“社内”だけで完結していた私が、AWS Community Builder になるまで
nagisa53
1
380
Featured
See All Featured
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
210
The Cost Of JavaScript in 2023
addyosmani
51
8.4k
For a Future-Friendly Web
brad_frost
179
9.8k
Thoughts on Productivity
jonyablonski
69
4.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
How GitHub (no longer) Works
holman
314
140k
A Modern Web Designer's Workflow
chriscoyier
694
190k
BBQ
matthewcrist
89
9.7k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
A Tale of Four Properties
chriscoyier
160
23k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.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