Web rebuild
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Web rebuild

on

  • 5,702 views

 

Statistics

Views

Total Views
5,702
Views on SlideShare
1,612
Embed Views
4,090

Actions

Likes
2
Downloads
62
Comments
0

13 Embeds 4,090

http://www.d2forum.org 4064
http://cache.baidu.com 8
http://www.itfeed.cn 7
http://reader.youdao.com 2
http://www.d2forum.org} {1273362750|||pingback 1
http://www.d2forum.org} {583976841|||pingback 1
http://www.d2forum.org} {264819687|||pingback 1
http://www.d2forum.org} {1628036702|||pingback 1
http://www.d2forum.org} {952565491|||pingback 1
http://www.d2forum.org} {2191831297|||pingback 1
http://xianguo.com 1
http://hi.baidu.com 1
http://www.chengxuyuans.com 1
More...

Accessibility

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

Web rebuild Presentation Transcript

  • 1. Web 前端开发实用工具 Qzone 产品中心 yunishi
  • 2. About yuni
    • 爱生活
    • 爱旅游
    • 爱折腾
    • 爱复制
    • 爱分享
    • 爱前端
    [email_address] t.qq.com/yunishi
  • 3. Fiddler
  • 4. Willow
  • 5. 适用范围
    • Window 平台, Mac 平台 *
    • 需要 .NET 2.0 环境
    • 所有的浏览器
  • 6. 项目开发过程
  • 7.
  • 8. 预研阶段
    • 你需要个榜样,标杆。
  • 9. 他
  • 10. 还是他?
  • 11. SNS 网站
  • 12.  
  • 13.
    • HOW
  • 14. 常规方法
  • 15. 技巧一:智能保存文件 选择目标文件夹 需要启用自动解码功能
  • 16. 智能保存文件 文件按照 url 地址的组织保存
  • 17.
    • WHY
  • 18. 开发阶段
    • XHR 跨域
    • 文件合并
    • 后台接口
  • 19.
    • HOW
  • 20. 文件夹替换
    • Match 中的 URL 必须以“ / ” 结尾,同时 Action 中的 Path 必须以“ ” 结尾
  • 21. 约定后台接口
  • 22. 智能文件合并 支持 qzmin , willow 格式的合并文件
  • 23. 智能文件合并 表明此文件是合并后生成的
  • 24. 智能文件合并 合并后的文件 Willow 会检测文件的更改,根据需要生成合并文件
  • 25. Qzmin 格式
  • 26. 联调阶段
    • HOST 切换
    • 数据不符合规范
  • 27.
    • HOW
  • 28. 右键菜单 选中 HOST ,点击右键
  • 29. 管理 Host 支持一对多
  • 30. 支持通配符 支持 * ?通配符
  • 31. JSON Viewer 支持 Unicode 编码( uxxxx )
  • 32. Table 视图 数组结构 Table 形式显示
  • 33. Table 对象链接 双击链接到对象节点
  • 34. JSON Viewer
    • 后台接口开发完成,先自测
    • 使用 JSON Viewer 来检查接口数据
  • 35. 测试阶段
    • 为啥总是有外网投诉?
    • 我在公司就无法重现?
  • 36.
    • WHY
  • 37. 模拟低网速
  • 38. 自定义限制网速 请求延时: k/s 响应延时: k/s
  • 39. 发布阶段
  • 40. SOS 紧急 BUG
  • 41. 格式化文件
    • 目前支持格式化 HTML , CSS , JavaScript
    • 基于 JSBeautifier ( http://jsbeautifier.org/ )
  • 42. 其他技巧
    • 清理缓存
    • 图片 base64 编码
    • BOM 检查
    • HTTP 协议校验
  • 43.
    • Ctrl
    • Shift
    • X
    + +
  • 44.
    • base64
  • 45. base64 vs CSS sprites
    • 缺点:
      • +33.33%
      • 部分浏览器不支持 *
    • 优点:
      • gzip
      • 无颜色种类限制
      • 更少的请求数
      • 本地存储
      • 内存和 cpu
  • 46. HOW
  • 47.
    • BOM
  • 48.
  • 49. Willow 提示
  • 50. HOW
  • 51.
    • HTTP
  • 52.
  • 53.
  • 54. Fiddler 提示
  • 55. HOW
  • 56. 欢迎联系
    • [email_address]
    • t.qq.com/yunishi