石玉磊 Web rebuild

3,926 views

Published on

Published in: Technology
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,926
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
137
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

石玉磊 Web rebuild

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

×