清华课程-web 前端工具
DESCRIPTION
Tsinghua University Front-End courseTRANSCRIPT
Web 开发⼯工具rank @ FEX
- 刘平川,⺴⽹网名 rank;- 8 年开发经验;- 08 年⼊入职百度,现任 FEX 总负责⼈人;- 关注前端技术、电商、及新兴产品;- 喜欢旅⾏行,有摄影爱好;
关于我- http://rank.im- [email protected] t.sina.com/rank
- 开发标配 - dev tools 简介 - 其他⼯工具
Roadmap
选择合适的⼯工具
by d o l f i
不⽤用 webkit / blink 就⽼老了。
与时俱进,不⽤用⼤大屏就 out 了。
标配:双显+Chrome
dev tools 做的事
- JavaScript Debugging - DOM Inspector - Profi゙ling & Timeline - HTTP Request/Response - Emulate Environment
by J Trav
- 找到 JavaScript 资源⽂文件 - 断点 Debugging - Console & 运⾏行脚本
JavaScript Debugging
- 找到 DOM Element - CSS 调试 - 外链调试 LiveStyle
DOM Inspector
- 查看页⾯面性能 - 找出性能瓶颈
Profi゙ling & Timeline
Network
Emulate Environment- Device - Screen - User Agent - Sensors
- Vim & Emacs - Sublime Text & EditPlus & Coda - WebStorm & DreamWeaver
Coding Tools
- LiveReload - CodeRunner - CodeKit
其他的...
知⾏行合⼀一
by tbaatar
Thanks All.