Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

石玉磊 Web rebuild

3,957 views

Published on

Published in: Technology
  • Be the first to comment

石玉磊 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

×