FED

回想起来，大概是去年这个时候，Github宣布开始开发Atom,当时V2EX上到处都有人在求邀请码。因为Github并没有严格地限制下载和使用，所以虽然我当时没有邀请码，但也试用了一下Atom.当时的感觉是性能非常差，Bug非常多，非常难用，于是就放下了。后来2014年末，大概是听说Atom要发布1.0版本了（虽然到现在仍未发布），于是又下载试用了一个月左右，发现已经很少遇到Bug了，于是彻底从WebStorm迁移到了Atom,后来几个月变成了Atom的脑残粉。...

所谓“过滤器”，只是一个概念，可以理解是一个路由，也可以理解为一个中间件。原理非常简单，就是利用匹配规则，让其有限匹配在正常的路由前面处理就行了。比如有如下路由访问根目录就能看到index。在前面加上一个路由，封锁全部请求...

SublimeText快捷键...

发现最近大家都在关注有关前端开发的薪资问题，不同地方各有差异，今天我就总结一下发出来方便大家的查阅。根据你掌握的技能程度，薪水是不一样的。div+css，js会套用效果的4k到6k，新手熟悉切图，工作效率高的5k左右。有两年工作经验的，会ajax，可以手写代码，就是指常用的单词不用靠编辑器，了解一门后台语言（最好是php），不低于8k。对原生js有非常深入的研究，开发组件，框架库之类的，12k+，最低10k。最近比较流行移动终端，会这些的可能会更高一点的。...

谷歌浏览器如今是Web开发者们所使用的最流行的网页浏览器。伴随每六个星期一次的发布周期和不断扩大的强大的开发功能，Chrome变成了一个必须掌握的工具。大多数前端开发者可能熟悉关于chorme的许多特点，例如使用console和debugger在线编辑CSS。在这篇文章中，我们将分享15个很酷的技巧，让你能够更好的改进工作流程。看完这些技巧你会惊奇而又兴奋的发现是不是很像SublimeText。如果SublimeText没有“Gotoanything”这个功能你不可能活下去。所以你会很高兴听到DevTools也有这个功能。当DevTools打开的时候，你可以按下Ctrl+P(在Mac上使用Cmd+P)来快速的寻找和打开你工程中的任意文件。...

今天就来说一说这个new。关于javascript的new关键字的内容上网搜一搜还真不少，大家都说new干了3件事：文字比较难懂，翻译成javascript：想想是这么回事哈，那就赶快试试：...

最近在找暑期实习，其中百度、网易游戏、阿里的面试都问到一些关于HTML5的东西，问题大多是这样开头的：“你用过什么HTML5的技术呀？”而后，每次都能扯到Cookie和localStorage有啥差别。这篇文章就旨在详细地阐述这部分内容，而具体WebStorageAPI的使用可以参考MDN的文档，就不在这篇文章中赘述了。Cookie是小甜饼的意思。顾名思义，cookie确实非常小，它的大小限制为4KB左右，是网景公司的前雇员LouMontulli在1993年3月的发明。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在Cookie中存入一段辨别用户身份的数据来实现的。...

#Gulp，新一代流行的任务自动管理工具Gulp与Grunt一样，也是一个自动任务运行器。它充分借鉴了Unix操作系统的管道（pipe）思想，很多人认为，在操作上，它要比Grunt简单。##安装...

通过这些服务，一个没有HTML/CSS知识的人，就能在55分钟内搭建一个跨浏览器的页面。这是为网页设计师准备的完美解决方案，已经有超过26000人在使用Webflow。只能免费创建两个项目，想要创建更多项目的收费也很合理。这个工具真的很酷。如果你和我一样是个不喜欢GUI的前端，就可以在Webflow上导出几个免费的响应式布局模板。我还想推荐responsivelayoutgenerator和ResponsivePatterns。...

这是很赞的预处理程序。Prepros能编译很多种语言(LESS,Sass,SCSS,Stylus,Jade,Slim,Coffeescript,LiveScript,Haml,Markdown)，实时压缩和连接JS，优化图片，当CSS或HTML变化时自动刷新浏览器，多设备测试。所以你不用购买Liverload和Ghostlab，Prepros是开源、免费的。类似的功能只能通过Grunt实现，但Prepros让事情变得简单。...

可能你发现了本站顶部的进度条，它是如何实现的呢？下面一起来看。页面进度条展示的是资源下载的进度，通常在页面上加上进度条，可以缓解用户的等待焦虑，也提升了网站的逼格。在前端，实现网页的进度条目前还没有一个比较精确的方案，都是一些模拟进度。即页面打开的时候是1%，然后定时器增加进度到99%，然后window.onload之后，进度跑到100%。...

jQ的api中有很多静态方法，但是小编是随着代码逐行进行阅读的,所以先介绍如下几个本篇主要来看下以下几个API：这个逻辑很简单，只是调用了系统原生的异常对象;这个也不用多解释了哦，逻辑清晰，不难理解【该解释的已做注释】...

前端开发有哪些静态资源：在进行依赖分析之前，会创建一个静态资源的版本对应关系（例MAP），然后在分析到html、css文件里包含静态资源的时候，会与MAP匹配，如果找到则使用MAP中的版本，否则去查找该静态资源。如，在html文件里，使用了以下静态资源...

极客学院wiki包含的文档比较丰富，下面摘录几个链接，详细还请看原网站。http://wiki.jikexueyuan.com/project/github-basics本套教程从GitHub的历史入手，介绍Git安装、创建仓库、Fork、社会化、命令行开发，到最后的图形化工具的使用。学习完本教程，将不仅掌握GitHub命令行使用方法，也会学会图形化使用方法。...

HTML文件是面向用户的主要页面，对它的构建也是非常有必要的。可能你的HTML文件在开发环境是这样的：coolie通过分析源代码，来进行资源分析：<!--coolie-->和<!--/coolie-->之间的link文件会被读取到，然后读取这些样式文件的资源进行分析（更多阅读：coolie能做的：CSS模块依赖分析、合并、压缩、版本管理）。...

#CSS实现垂直居中的5种方法利用CSS来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。使用CSS实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。(可以看看测试页面，有简短解释。)...

这么多年来，随着IE浏览器在功能和易用性方面和竞争对手的差距越来越大，甚至到了一种即便微软接连升级也难以弥补的程度，在网上“黑”IE浏览器就好像成了一种乐趣。现在，微软自己也要在Windows10中放弃IE品牌，转而搭载一款代号为ProjectSpartan的新浏览器。...

...

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

#Markdown简明语法#标题h1到h6由相应的#输出html:#水平线在html中<hr/>为水平线，在段元素中，在markdown中#重点（加粗）为了强调文本可以...