雨浣潇湘

最近发现知乎的图片改成了渐进式的，和常见的懒加载一样使用小图片来占位，然后替换成渐进式大图。体验链接：https://www.zhihu.com/question/19647535 在网络中，我们常见的图片是从上到下一条一条逐渐加载的，这种JPEG叫做Baseline JPEG，压缩模式为顺序式编码（Sequential Encoding），当图片较大时要等待图片逐行加载很久我们才能对图片有... 阅读全文…

在浏览器中，图片（img标签）是不受同源策略限制的，因此，我们可以利用这一点来进行跨域通信，这就是图像Ping技术。 图像Ping的实现123456789<script> var img = new Image(); img.onload = img.onerror = function(){ console.log(new Date().g... 阅读全文…

作用 NPM 命令 Yarn 命令 安装 npm install yarn 安装某个包 npm install xxx –save yarn add xxx 删除某个包 npm uninstall xxx –save yarn remove xxx 开发模式下安装某个包 npm install xxx –save-dev yarn add xxx –dev 更新... 阅读全文…

转自 腾讯Alloyteam Blog， 原文链接 Web App的概念逐渐被业界认可，各大互联网公司也纷纷推出Web App开发大赛，积极引入到他们的开放平台，比较著名类似facebook农场，qzone偷菜之类的。Web开发逐渐从Web Page的进入到Web App的时代，想详细了解的话，可以看下超叔在D2上分享的分享《开放时代：从Web Page到Web APP》视频、Slid... 阅读全文…

转自 腾讯Alloyteam Blog， 原文链接 随着现代浏览器的推动，Flash放弃对移动端的支持，HTML5无疑成为当前Web前端炙手可热的话题。各大游戏开发商、App开发商纷纷投入人力进行研究和技术储备。相信不久的将来，HTML5会迎来一个快速发展和普及的春天。那么，HTML5这个新一代的标准，又给我们带来哪些缓存机制呢？ HTML5 之离线应用Manifest我们知道，使用传... 阅读全文…

转自 腾讯Alloyteam Blog， 原文链接 前面了解了Web缓存的运行机制极其重要性之后，我们可以从以下这些方面去努力改善我们的站点，保证缓存被最有效的利用，达到最佳的性能。 同一个资源保证URL的稳定性URL是浏览器缓存机制的基础，所以如果一个资源需要在多个地方被引用，尽量保证URL是固定的。同时，比较推荐使用公共类库，比如Google Ajax Library等，有利于最大... 阅读全文…

转自 腾讯Alloyteam Blog， 原文链接 Web缓存的工作原理所有的缓存都是基于一套规则来帮助他们决定什么时候使用缓存中的副本提供服务（假设有副本可用的情况下，未被销毁回收或者未被删除修改）。这些规则有的在协议中有定义（如HTTP协议1.0和1.1），有的则是由缓存的管理员设置（如DBA、浏览器的用户、代理服务器管理员或者应用开发者）。 浏览器端的缓存规则对于浏览器端的缓存来... 阅读全文…

转自 腾讯Alloyteam Blog， 原文链接 本文从Web缓存的定义、作用、分类、工作机制等方面介绍了目前常用的Web缓存及其原理，并给出如何构建有效利用Web缓存的站点。最后探讨了在HTML5和Web App、Web Game逐渐盛行的今天，现代浏览器给我们提供哪些有利于Web缓存、提高访问效率的机制，前端的代码架构又能从哪些方面进行调整，更好的利用Web缓存等问题。 什么是W... 阅读全文…

今天遇到一个需求，要求在XXX条件下隐藏掉一个用directive生成的DOM。directive部分如下： 12345678app.directive("incNav", function() { return { scope:{ XXXXX }, template: '<div>我是要被隐藏掉的DOM<... 阅读全文…

众所周知 Atom安装插件经常失败，全局SS也没什么用。终于找到了两个可靠的方法，分享一下。 第一种以Linter为例，到Atom官方插件库中搜索出Linter，点击插件详情页中的Repo，进入该插件的Github仓库，clone该项目到你的Atom插件目录（Win： C:\Users\你的用户名\.atom\packages，Mac： ~/.atom/packages），然后cd到该插件目... 阅读全文…