• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
【第一期】开发的前端之痛 by 银环
 

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

on

  • 775 views

 

Statistics

Views

Total Views
775
Views on SlideShare
775
Embed Views
0

Actions

Likes
2
Downloads
10
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

    • 开发的前端之痛
    • 但是很麻烦 前端很简单
    • w3c 标准 浏览器 兼容 html/css/js 语义 图片 flash/ as
    • 调试是个关键 !
    • 调试 前端 后台 工具 编写 查看
    • 工具太多,如何选取?
    • 工具 firebug fiddler web developer http watch
    • 工具 firebug fiddler web developer http watch
    • 为什么推荐使用 firebug ?
      • ❖ 很容易查出 html 结构错误 , 而不用一行行地看 html 代码
      • ❖ 样式上的错误也是如此,可以很方便的和 demo 对照
      • ❖ firefox 下 js 错误定位要比 ie 下准确
    • firebug & 开发常见问题
    • 常见的 HTML+CSS 问题 为什么页面 全乱了? 这一块样式不对啊 , 怎么回事? 莫名其妙多了几个像素 / 样式怎么改也不对啊 页面有乱码
      • 文件引用错误
      • 标签的嵌套引起结构错乱
      • 非法标签
      • 乱码 / 转义
      • 样式名不正确
      常见的 HTML+CSS 问题
    • 查看文件的引用
    • 查看 html 及 css
      • 保文件引用正确
      • 检查 html 结构是否正确
      • 检查标识是否缺失
      html+css 错误自查
    • 常见的 HTML+CSS 问题 如何使用 tbra/kissy 里的组件? js 错如何调试? 如何判断错在哪里? 如何看 ajax/jsonp 的返回数据? js 没效果怎么回事?
    • 如何调用 yui/tbra 等?
    • 调试 js
    • 调试 js
    • 查看 ajax/ 网络状况
      • 有明确错误直接调试
      • 文件引用是否正确
      • 检查标识是否缺失
      • 是否和样式有关
      • 调试
      html+css 错误自查
      • 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
      更多资料
    • Thanks