Web rebuild
Upcoming SlideShare
Loading in...5
×
 

Web rebuild

on

  • 5,595 views

 

Statistics

Views

Total Views
5,595
Views on SlideShare
1,505
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 Web rebuild Presentation Transcript

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