Tancy's Blog

Charles 之SSL 更新篇

本片是Charles 之SSL 的更新篇,根据最新版本的SSL配置变化做了重新的梳理。
Read more »

CDN 图片组件规范

由于目前各个前端团队都有自己的开发框架,业务组件,各自的依赖,导致各个团队都有自己的CDN图片组件,为了更好的性能和体验,我们制定图片组件规范,罗列必须要有的功能和特性。
Read more »

性能优化之 SPDY&SSL

提供SPDY协议的底层支持,从而完成多路复用的加密全双工通道,显著提升非wifi环境下的网络体验。
Read more »

性能优化之 IconFont

iconfont对于前端来说有很多优点:自由变化大小 矢量不失真、自由修改颜色、可以添加一些视觉效果如 阴影、旋转、透明度、兼容IE6。
Read more »

性能优化之Sprite图片

Sprite图片(又称:雪碧图)被运用在众多使用了很多小图标的网站上。相对于把每张小图标以单个文件的形式引用到页面上,Sprite图片会只要请求一张图片就够了,减少了请求数提升了加载性能,还有就是方便图标管理。但在移动互联网时代在使用Sprite图片需要合理利用,不然反对性能造成影响。
Read more »

性能优化之webP图片格式

WebP(发音 weppy,项目主页),是一种支持有损压缩和无损压缩的图片文件格式,派生自图像编码格式 VP8。根据 Google 官方的数据,无损压缩后的 WebP 比 PNG 文件少了 26% 的文件大小,有损压缩在具有同等SSIM索引的情况下WebP 比 JPEG 文件少25-34%的文件大小。WebP支持无损透明度(也叫做alpha通道),图片大小增加22%。支持动画格式Animated WebP 。
Read more »

性能 CheckList v1.0

性能CheckList是手淘对无线H5页面性能的最佳实践。
Read more »

Remote Virtual Interface

Remote Virtual Interface 可以直接将iOS设备映射成为Mac上的一块网卡。在Mac上,便可以使用常用的流量监控工具对这块虚拟网卡的流量进行监控.
Read more »

Alimf

一款为前端开发同学量身定做的分析网页性能的工具让你可以直观的观看手机App中H5页面的性能问题.
Read more »

图解Git

Git已经是当前最流行的版本控制软件之一了。全世界的程序员都在使用它。它出自linus大神之手,现在被用于内核的版本控制。在最流行的代码托管软件github,你几乎可以找到所有开源项目的代码。
Read more »