FED

先进的你，可能现在还是这么做的：用了css预编译工具，用了grunt、gulp。在上线的时候，执行grunttask或者gulptask，做的非常好。css被合并、压缩（或者你使用了YUI等压缩工具实时监听处理？）了，并且生成了带有版本号的样式文件，并且还替换了页面上的css引用，因此你的css文件目录可能是这样的：在home.css和detail.css里写了各种import，自我感觉不错。...

假设现在要做一台计算机，coolie是帮你这样做到的：coolie就这么漂亮的完成了你分配给它的任务，任劳任怨。本文将从JS模块依赖分析、合并、压缩、版本管理开始讲讲coolie到底能做什么，值得作者这么牛气哄哄的推荐他。我想前端JS目前需要做的事情也就这些了吧，这也是我为什么不遗余力的推荐的一个理由。...

buildsuccess、coverage100%是否让你羡慕不已？作为程序员不要再low了，开始启动单元测试吧。文章标题陈列了一共7个英文单词。除了webstorm是在之前的文章已经介绍过的，下面分别介绍下其他几个单词：karma的中文意思是“因果报应”。...

在计算机网络中，反向代理是代理服务器的一种。它根据客户端的请求，从后端的服务器上获取资源，然后再将这些资源返回给客户端。与前向代理不同，前向代理作为一个媒介将互联网上获取的资源返回给相关联的客户端，而反向代理是在服务器端作为代理使用，而不是客户端。...

跨域指的是，__请求的页面与请求服务器__之间发生跨域行为。跨域不仅仅是不同的域名，还包括了协议、端口、子域名。因此在以下情况下都表示了发生跨域行为：正因为前端会出现上述的跨域情况，所以有了同源策略（详见：JavaScript的同源策略）一说。因为JavaScript有读取浏览器cookie的能力，而如果没有同源策略的话，那么你页面上嵌入的第三方脚本将会读取在用户浏览器你的网站所留下的cookie信息。举个栗子，你嵌入了一个百度的JS文件，而该JS文件可以读取你网站的cookie，后果会怎样？（经小秦读者反馈，该段文字描述有误）...

接下来的几天，你一直在搜索如何将jQuery拆分掉，最后你看到了jQuery模块化。满脸泪水、一脸憔悴的你，感叹到，卧槽，这就是我想要的啊。开发环境：...

之前使用的域名是favicon.ydr.me，请及时更换。现在采用了更短的域名f.ydr.me。不得攻击、滥用接口。...

那些总是拿webstorm的身材和其他文本编辑器来比较的筒子们，总是说webstorm的体积如何如何大，启动如何如何慢，性能如何如何差。来看看官网如何定义webstorm的：ThesmartestJavaScriptIDE...

在认识npm之前，你必须对nodejs有一定的了解。Node包管理器（NodePackageManager）。它是一个javascript的软件套件管理系统，预设环境为Node.js，从Node.js0.6.3版本开始，npm被自动附带在安装包中。npm运行在命令行下，并用于管理相依性套件，npm也允许使用者安装在npmregistry上的Node.js应用程序。npm由IsaacZ.Schlueter开发[1]，为了符合CommonJS的规范，如PHP之于(PEAR)、Perl之于(CPAN)，进而开发出npm。...

这次好好聊聊如何借助DevTools来进行前端的性能分析，这也是我找了很久，非常想了解的使用技巧！应该算是DevTools的进阶篇吧~记忆中倒是看到过有前辈写过这方面的文章，不过总是看的不够过瘾，一部分原因是因为可能当时对前端的了解并不够充分，还可能是因为那些文章省去了一些我觉得比较重要的知识点，导致读者看完以后并没能很好的顿悟！...

GoogleChrome浏览器提供了非常强大的JS调试工具，HeapProfiling便是其中一个。HeapProfiling可以记录当前的堆内存（heap）快照，并生成对象的描述文件，该描述文件给出了当时JS运行所用到的所有对象，以及这些对象所占用的内存大小、引用的层级关系等等。这些描述文件为内存泄漏的排查提供了非常有用的信息。注意：本文里的所有例子均基于GoogleChrome浏览器。...

在工作中，我们经常需要用到图标素材。你也许能搜到很多的图标资源网站，但要找到免费的高质量图标却很难，这就是为什么我今天要与大家分享这些优秀的免费质量图标搜索引擎，相信在这些网站你能找到你要的东西。如果你知道更多更好的网站，欢迎与我们分享！FindIcons...

chromedevtools中Elementspanel是审查dom元素和css的,可以实时修改dom/css.节点右键,如下图,可以:除了右键,还可以:...

这是一款集成了格式化（美化）html、css、js三种文件类型的插件。插件依赖于nodejs，因此需要事先安装nodejs，然后才可以正常运行。插件安装完成后，快捷键ctrl+shift+H完成当前文件的美化操作。插件对html、css文件的美化不是非常满意，但还可以，后面将说明如何修改css美化脚本，此为后话。...

在写代码的时候，尤其是写脚本，最需要注释了。目前脚本、样式的注释格式都有一个已经成文的约定规范（这些约定规范最初是YUICompressor制定的，详见参考资料）了，如下：其中说到这里说到的压缩工具有YUICompressor、GoogleClosureCompiler、gulp-uglify、grunt-contrib-uglify等，这些压缩工具都支持以上的压缩约定。常常把文件的关键信息放在第2种注释内容里，如文件名称、版本号、作者等。...

作为函数式编程来说，流程控制和函数库是必不可少的（应该吧）。下面我们介绍两个常用的库。lodash：完整的api请参阅，https://lodash.com/docs。这里我们只演示几个简单的例子。安装...

Nginx+Node.js+Java的软件栈部署实践关于前后端分享的思考，我们已经有五篇文章阐述思路与设计。本文介绍淘宝网收藏夹将Node.js引入传统技术栈的具体实践。淘宝网线上应用的传统软件栈结构为Nginx+Velocity+Java，即：...

基于前后端分离的多终端适配近年来各站点基于Web的多终端适配进行得如火如荼，行业间也发展出依赖各种技术的解决方案。有如基于浏览器原生CSS3MediaQuery的响应式设计、基于云端智能重排的「云适配」方案等。本文则主要探讨在前后端分离基础下的多终端适配方案。关于前后端分离...

前后端分离模式下的安全解决方案在前后端分离的开发模式中，从开发的角色和职能上来讲，一个最明显的变化就是：以往传统中，只负责浏览器环境中开发的前端同学，需要涉猎到服务端层面，编写服务端代码。而摆在面前的一个基础性问题就是如何保障Web安全？本文就在前后端分离模式的架构下，针对前端在Web开发中，所遇到的安全问题以及应对措施和注意事项，并提出解决方案。...

使用Node做前后端分离的开发模式带来了一些性能及开发流程上的优势(见《前后端分离的思考与实践一》),但同时也面临不少挑战。在淘宝复杂的业务及技术架构下，后端必须依赖Java搭建基础架构，同时提供相关业务接口供前端使用。Node在整个环境中最重要的工作之一就是代理这些业务接口，以方便前端(Node端和浏览器端)整合数据做页面渲染。如何做好代理工作，使得前后端开发分离之后，仍然可以在流程上无缝衔接，是我们需要考虑的问题。本文将就该问题做相关探讨，并提出解决方案。...