FED

为什么有的缓存是200OK(fromcache)，有的缓存是304NotModified呢？很简单，看运维是否移除了EntityTag。移除了，就总是200OK(fromcache)。没有移除，就两者交替出现。最近在做百度云观测的nginx配置优化。从知乎上看到这个问题：“阿里云存储如何让浏览器始终以200(fromcache)缓存图片？”，提问者强调200OK(fromcache)和304NotModified的区别，有感而发。...

nextTick来源于nodejs，意思是将当前的callback放到队列的尾部。众所周知，setTimeout的超时时间是在当前队尾之后的4ms+（具体待考证），得益于MutationObserver和ie的onreadystatechange，可以实现更快的执行。...

现在jquery这么火，很多大公司也逐渐的“放弃”自己类库而使用jquery了，比如百度，360好搜（以下简称好搜）等，于是某天想看看他们用的哪个版本，百度源码里一搜，很明显的外链了jquery-1.10.2，而在360里源码居然没有找到，使我好奇心猛的上来了，于是我就查呀查。...

之前写过一篇我的前端工作流程但由于环境和变更和业务的变更，我又在之前的流程上细化了下，以下只是我对我工作流程的总结，不一定适合其他开发者和其他项目～当然这些前提是公司已经有自己的UE规范，前端代码规范，数据规范，交互规范每个项目初期都会进行评审，且在此之前都会跟参会人员发送一个"市场需求文档"（以下简称MRD），前端开发（以下简称FE）在拿到该文档后要对该文档里的内容进行审查，并把有疑惑的地方标记下来，以方便开发的时候询问并确认。...

jade类以及内嵌js通用前端规范#html规范#CSS规范--(likegoogle)#Javascript规范来看看下面的JavaScriptfor循环的例子......

cooliePKFIS，以小见大，从fis官网的一个例子开始。http://fis.baidu.com/FIS3是面向前端的工程构建工具。解决前端工程中性能优化、资源加载（异步、同步、按需、预加载、依赖管理、合并、内嵌）、模块化开发、自动化工具、开发规范、代码部署等问题。...

#自动补全如果你用的是Bashshell，可以试试看Git提供的自动补全脚本。下载Git的源代码，进入contrib/completion目录，会看到一个git-completion.bash文件。将此文件复制到你自己的用户主目录中（译注：按照下面的示例，还应改名加上点：cpgit-completion.bash~/.git-completion.bash），并把下面一行内容添加到你的.bashrc文件中：或者(find/-inamegit-completion.bash)...

解析url的各个部分：普通的方法是使用正则来进行匹配，而在前端可以这样：测试A标签的各个property包含了urlparse的结果信息。同样的，也可以创建一个空的iframe来操作它的contentWindow.location来实现。...

在这么一个高墙林立的地方，不会翻墙肯定是不行的，所以这次就来看看chromeextension如何简单的控制chrome代理的。这是文档里的方法，很简单，当然要控制代理，还得加一些东西，比如value对应的值config.mode表明使用的是pac_script，什么是pac_script，可以看看维基百科：代理自动配置，可以把它简单的理解为一个js函数:FindProxyForURL(url,host)，也就是pacScript.data对应的值。它虽然是一个js函数，但是是以字符串的形式传给它的。具体情况如下：...

chrome中的本地存储其实也是用的HTML5中localStorage，唯一区别是chrome扩展有自己的localStorage，它属于这个扩展，而不属于一个域名。得用这一点可以很好的处理扩展自己的一些数据，而不受访问网站和域名的影响。localStorage是HTML5特性，所以有些浏览器不一定支持，不过我们这里讲的是chrome扩展，所以完全不用担心这个问题。如果想在WEB页面上使用，那就要检查一下是不是支持它...

chrome在一次更新之后，出于安全考虑，完全的禁止了content_script从https向http发起ajax请求，即使正常情况下也会在console里给出提示。这对于WEB来讲是好事，但对于扩展来讲就是坏事。平时可以很容易的请求数据，现在就没那么容易了。好在chrome还提供了background_script，利用content_script和background_script之前的通信来实现ajax的请求，就跳过了chrome的这一限制。...

首先说明，chrome的扩展并不它的插件，网上很多说写插件，其实都是说的扩展。写扩展并不复杂，只要根据chrome提供的一系列的API进行就可以实现很多的功能。只是对API的学习是有代价的，加上国内访问chrome官网文档并不顺利。虽然360提供了一个翻译文档，而且有不少例子，但它的内容还是太少，有些问题它仍然没有涉及。所以，如果是做一个简单的应用没有什么问题，但实际的项目开发往往得不到有用的介绍和解释。...

在HTML中，某些字符是预留的。在HTML中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在HTML源代码中使用字符实体（characterentities）。如需显示小于号，我们必须这样写：&lt;或&#60;或者&#x3c;;不同的表现格式是根据原始字符的ascii码来进行关联的。其中，<符号对应的十进制ascii为60，对应的十六进制为3c。...

JS判断数据类型，方法有很多，如typeof、constructor、toString等等，甚至可以使用jQuery内部的$.type都可以判断。其中typeof等的判断局限性都比较大，如typeof只能判断数据存储类型，constructor只能判断数据的原型，toString相对比较完整一点，但显示不够友好，在jQuery中对其做了一些修饰，正是Object.prototype.toString的功劳。...

大多数应用平台中会通过iframe的方式插入跨站的应用。大多数时候基本上能满足需求，但是如果遇到一些比较特殊的应用，他们的高度并不是固定的，会随着应用内容而变化。虽然会有滚动条的出现，但是这样从某种程度上会影响到页面的美观。于是乎，有没有一种方案可以让iframe的高度随着iframe内容而变化呢？通过javascript获取iframe的内容高度。设置iframe的告诉和内容高度相同。...

在进行类似微博墙之类的展示页面中，经常会遇到这样的需求：在固定大小的区域放入字数不定的文字，但是要求字体可以自动改变大小来自动填充这些区域。如下所示：遇到这种情况怎么办呢？...

又是倒霉的跨域TT,有多少人死在了“说出你知道的跨域解决方案，越多越好？”这个面试问题上。今天和大家说说，HTML5提供的一个跨域解决方案，Window.postMessage，它足够易学好用，会让你眼前一亮。但是往往大多数情况下，都不会让人一直笑下去，俗话说道高一尺魔高一丈，这个方法同样也会被HTTP的一些协议所限制着，比如X-Frame-Options:SAMEORIGIN，不过好在大多数情况下，情况不至于这么糟糕。下面进入正题：...

开始这个话题之前，我们先看一下下面的几个例子：结果有时候会让我大吃一惊，这是为什么呢？今天就和大家讨论一下JavaScript的对象转换。先让我们了解一下JavasScript转换的“原始类型(primitivevalue)”：...

前段时间在研究TF-IDF、杰卡德相似系数计算文本的相似度的时候（目前我的博客中部分文章底部的“猜你喜欢”推荐的文章就是用这种算法计算出来的），用到了中文分词的一些东西，由于当时精力有限，直接用了python的“结巴分词”来实现。恰巧听说老东家最近出了个算法大赛，题目就是就是对小说《三体》进行中文分词！闲下来简单的动手写了一个Node版的算法，100行代码，虽然还是很初级的，但是还是想写些东西“纪念”一下。...

本文翻译自AriyaHidayat的HardwareAcceleratedCSS:TheNicevsTheNaughty。感谢KyleHe帮助校对。每个人都痴迷于60桢每秒的顺滑动画。为了实现这个顺滑体验现在用的最流行的一个做法就是使用『CSS硬件加速』。在一些极端例子中，强制使用translate3d意味着大大提高应用程序的性能。...