Your SlideShare is downloading. ×
  • Like
【第一季第一期】开发的前端之痛 by 银环
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

【第一季第一期】开发的前端之痛 by 银环

  • 931 views
Published

 

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
931
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
16
Comments
0
Likes
5

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. 开发的前端之痛
  • 2. 但是很麻烦 前端很简单
  • 3. w3c 标准 浏览器 兼容 html/css/js 语义 图片 flash/ as
  • 4. 调试是个关键 !
  • 5. 调试 前端 后台 工具 编写 查看
  • 6. 工具太多,如何选取?
  • 7. 工具 firebug fiddler web developer http watch
  • 8. 工具 firebug fiddler web developer http watch
  • 9. 为什么推荐使用 firebug ?
    • ❖ 很容易查出 html 结构错误 , 而不用一行行地看 html 代码
    • ❖ 样式上的错误也是如此,可以很方便的和 demo 对照
    • ❖ firefox 下 js 错误定位要比 ie 下准确
  • 10. firebug & 开发常见问题
  • 11. 常见的 HTML+CSS 问题 为什么页面 全乱了? 这一块样式不对啊 , 怎么回事? 莫名其妙多了几个像素 / 样式怎么改也不对啊 页面有乱码
  • 12.
    • 文件引用错误
    • 标签的嵌套引起结构错乱
    • 非法标签
    • 乱码 / 转义
    • 样式名不正确
    常见的 HTML+CSS 问题
  • 13. 查看文件的引用
  • 14. 查看 html 及 css
  • 15.
    • 保文件引用正确
    • 检查 html 结构是否正确
    • 检查标识是否缺失
    html+css 错误自查
  • 16. 常见的 HTML+CSS 问题 如何使用 tbra/kissy 里的组件? js 错如何调试? 如何判断错在哪里? 如何看 ajax/jsonp 的返回数据? js 没效果怎么回事?
  • 17. 如何调用 yui/tbra 等?
  • 18. 调试 js
  • 19. 调试 js
  • 20. 查看 ajax/ 网络状况
  • 21.
    • 有明确错误直接调试
    • 文件引用是否正确
    • 检查标识是否缺失
    • 是否和样式有关
    • 调试
    html+css 错误自查
  • 22.
    • Yui 官方文档: http://developer.yahoo.com/yui/
    • 前端 DPL 文档: http://assets.taobaocdn.com/tbra/dpl/
    • Tbra1.0 示例: http://assets.taobaocdn.com/tbra/1.0/examples/
    • Firebug 使用文档: http://wenku.baidu.com/view/72ce9f0ef12d2af90242e635.html
    更多资料
  • 23. Thanks