• 首页

  • 归档

  • 分类

  • 标签

  • 朋友圈

  • 更多
    • 电影
    • 相册
    • 公众号
    • Instag
    • GitHub
    • Twitter

  • 搜索
  • ?人在线
Hi, Kainy
Hi, Kainy

Kainy Guo

碰到的事因你而生遇见的人为你而来

02月
13
学习笔记 建站❤编程

静态资源(JS、CSS)的版本化、优化及增量部署

发表于 2013-02-13 • 字数统计 1714 • 阅读次数

版本化

Web前端性能优化中很重要的一个部分是文件加载的优化,静态文件在客户端缓存的做法可减少请求量,减小服务器和带宽压力的同时让页面加载更顺畅,提升浏览体验。

所以在服务环境中(产品上线后),一般会通过header允许浏览器缓存,并设置一个过期时间(Expires)。但若在Expires期内对资源文件做修改,客户端仍由缓存读取旧版文件而非从服务器加载,则可能造成样式破坏或脚本报错等问题。这就要求我们在开启缓存的同时,在文件更新后通知客户端更新缓存文件,也就是这里要说的“版本化”——对静态文件uri中加入版本信息,每次文件改动的同时更新版本信息,告知浏览器文件版本,从而确保始终调用最新的资源文件。

阅读全文 »
02月
12
学习笔记 建站❤编程 JavaScript

一个闭包还是三个闭包?

发表于 2013-02-12 • 字数统计 286 • 阅读次数

2013-01-24_133245

截自:http://coolshell.cn/articles/6731.html[
](http://blog.kainy.cn/wp-content/uploads/2013/01/2013-01-24_133156.png)

阅读全文 »
02月
11
学习笔记 建站❤编程 HTML

用Navigation Timing API测试前端性能

发表于 2013-02-11 • 字数统计 517 • 阅读次数

Navigation Timing 接口为我们提供了监控网站性能所需的数据。相比于以往基于JS的监测机制,此接口提供的数据更为准确和全面。

JS中通过 window.performance 调用数据,该特性在IE9、最新的Firefox和Chrome中都已实现(http://caniuse.com/nav-timing)

具体的介绍已经有人做了详尽总结 http://www.cnblogs.com/mrsunny/archive/2012/09/04/2670727.html

为了方便理解和测试,对图片稍稍加工为网页,把各时间节点和区间(差值)计算结果标注在旁边,有兴趣的可以访问:http://github.kainy.cn/NavigationTiming/

阅读全文 »
02月
10
东写西读 生活点滴

龙年流水帐(总结2012)

发表于 2013-02-10 • 字数统计 990 • 阅读次数

据说本命年里会比较不走运,回首这一年里虽然确实遇到诸多不顺却还不算太糟 ,也许是拜年初在云岩寺求的中平签所赐吧,签文如下:

素怀坦坦步康庄 才德温良恭谦良

谦敬持身邀后福 纵然遇险也无妨

_解曰_

怀忠信步康庄 谦处世莫逞强

刚自负必有伤 名未遂利西方

阅读全文 »

01月
17
学习笔记 建站❤编程 JavaScript

移动设备浏览当前页

发表于 2013-01-17 • 字数统计 932 • 阅读次数

这是一个用于移动设备(手机/pad)访问桌面设备(台式机/笔记本)正在浏览网页的书签栏工具。如果你还在通过电子邮件向自己发送链接,以便在另一台设备上打开,推荐你试试这个小工具。

由来

受Chrome“发送标签页到移动设备”功能的启发,有了让手机能够访问到电脑浏览器正在浏览的网页这个想法。最开始的实践是在博客文章页右边栏添加了“移动设备上浏览本页”挂件,但我这样一个门可罗雀的小博客受众实在有限;于是考虑以bookmarklet的形式,借助JavaScript这种为浏览器广泛支持的脚本语言,生成网址二维码来实现浏览网页的设备间同步,最终完成此工具。

阅读全文 »
1…3940414243…120
Kainy Guo

网友Kainy

关♥生活,关注互联网。

Email 订阅 RSS 订阅
596 日志
28 分类
Creative Commons

博客已萌萌哒运行(●'◡'●)ノ♥

跨时空APP下载 jsDelivr 提供 CDN 加速 Google Analytics 提供网站统计服务 SpeedTracker 前端性能监控。

© 2026 Hi, Kainy 由 Hexo 强力驱动 Theme By Sagiri v0.0.2 站点地图 闽ICP备10011360号

Made with by Kainy Guo