FED

http协议是web前端开发的一块基石，对于大多数页面来说，它承载了全部的网络请求，其重要性不言而喻，但在平时的工作和面试中，发现很多从业者对其几乎不了解，在此为大家归纳总结出其中较为常见，与前端开发较为密切的http协议相关知识。一来免去大家翻看厚厚的协议书，二来也更有针对性。首先，http是在tcp/ip之上的一层网络数据传输协议，包括请求头和请求体，都是纯文本不加密传输的。...

正如前文说过的，coolie能做的事情：前端开发构建的点，目前来说也就上面4条。如果你觉得前端开发构建不足为事，那么你是否也遇到过这些典型问题：以上仅仅是简单的举例，前端开发构建，不仅能使生产环境的代码体积更小，也不容易被人为阅读，同时也提升了逼格。...

移动web开发，总避免不了1设备像素边框的问题。本文参考了half-pointcssborderinios一文。仅有Firefox和Safari8(introducedinOSXYosemite)支持。twitter有位哥们听到这个消息时，已经不知所云。...

组件需要重置时，只需在组件容器上重置即可：...

Node.js抓取非utf-8的中文网页时会出现乱码问题，比如网易的首页编码是gb2312，抓取时会出现乱码可以使用iconv-lite来解决安装同时我们顺带把user-agent修改一下，以防网站屏蔽：...

这几天手机不断被联通劫持，用知乎日报都会被插入联通的垃圾广告，更别说在微信中访问第三方网站了。于是关注了一下防止网站被运营商劫持的技术，这里推荐Fenng之前发的文章，在流氓无下限的运营商的手段下面，我们能做的其实并不多。而HTTPS和SPDY其实是更好的技术，不仅能保证不被运营商劫持，更能保护用户的数据安全。正好看到这篇关于HTTPS、SPDY和即将变为现实的HTTP/2的文章，觉得比较有价值，就顺手翻译了过来。...

前阵子项目中出了点问题，其中就涉及了对attribute和property异同的理解，正好趁新年伊始再看一下。隐含二者差异的地方我会在着重标识。字面本身就容易让人混淆，翻译都有“属性”的意思。这个大家应该最熟悉，对DOM属性节点的概念就是它，先复习下下表...

htmlcssjavascript可以算是前端必须掌握的东西了，但是我们的浏览器是怎样解析这些东西的呢我们如何处理htmlcssjavascript这些东西来让我们的网页更加合理，在我这里做了一些实验，总结起来给大家看看。最简单的页面...

这些都可以做调试输出，区别是：所以跟网站重构要求html语义化类似，当我们的调试输出比较多时，根据实际场景使用不同类型的输出函数能使我们的输出更有条理。值得一提的是console.error，我们使用它做输出除了可以输出错误信息外，还可以输出调用这个函数的一瞬间的调用栈！这无疑给我们调试带来很多方便（当然你也可以用js断点一步步跟踪），而这是console.log所不具备的。除了console.error，还有一个函数console.trace也可以打印出调用一瞬间的调用栈，不过它的输出样式和位置就跟console.log一样了：...

console.log，作为一个前端开发者，可能每天都会用它来分析调试，但这个简单函数背后不简单那一面，你未必全知道……首先，简单科普这个函数的作用。前端开发者可以在js代码的任何部分调用console.log，然后你就可以在浏览器的开发者控制台里，看到这个函数调用的那一瞬间你指定的变量或表达式的值。...

虽然还没真的用到实际项目上，但我觉得这个是大大的好！被同事打趣为鱼的记性的我，还是把过程给简单记一下。上官网F.I.S官网安装环境:node.js、npm备注：命令输入方法在文件夹空白处右击，选择“GitBashHere”词条命令的参数说明,直接上图...

在sublime来中，可以通过submlime-snippet来快速补全代码。举个栗子，如果在sublime的存放submlime-snippet的文件夹下有如下的文件(elem-edge.sublime-snippet文件名不重要)其中，...

很久很久以前，有一群人，他们决定用8个可以开合的晶体管来组合成不同的状态，以表示世界上的万物。他们看到8个开关状态是好的，于是他们把这称为”字节“。再后来，他们又做了一些可以处理这些字节的机器，机器开动了，可以用字节来组合出很多状态，状态开始变来变去。他们看到这样是好的，于是它们就这机器称为”计算机“。开始计算机只在美国用。八位的字节一共可以组合出256(2的8次方)种不同的状态。他们把其中的编号从0开始的32种状态分别规定了特殊的用途，一但终端、打印机遇上约定好的这些字节被传过来时，就要做一些约定的动作。遇上0×10,终端就换行，遇上0×07,终端就向人们嘟嘟叫，例好遇上0x1b,打印机就打印反白的字，或者终端就用彩色显示字母。他们看到这样很好，于是就把这些0×20以下的字节状态称为”控制码”。他们又把所有的空格、标点符号、数字、大小写字母分别用连续的字节状态表示，一直编到了第127号，这样计算机就可以用不同字节来存储英语的文字了。大家看到这样，都感觉很好，于是大家都把这个方案叫做ANSI的”Ascii”编码（AmericanStandardCodeforInformationInt

最近老是有人问我mac下有没有什么好应用推荐，于是就有了这篇日志。主要是工作中用到的各类应用，顺便跪求推荐新应用。不买：除了上面的几条，建议买mac，一步到位不折腾。...

ngular2将基于TypeScript来开发，我们期待基于新工具会产生怎样的火花，并且将会持续地与Angular团队协作，提升Angular开发者的开发体验。合作的第一个成果将在出现在即将发布的TypeScript1.5中。我们与Angular团队共同设计出了一系列的新的特性，这些特性有助于你在使用类似Angular2这样的动态类库时，保持代码清晰。还包含一种新方式，使用元数据来注解类的声明。类库和应用的开发者可以使用这些元数据注释来把代码信息和代码清晰地分开，比如配置信息或者条件检查等等。...

译序：参加完测试的同学可以在本专栏下面讨论哦！友情提示下，CSSCore部分的测试确实没有答案，不过后面的CSSCore(practice)有答案哦！你了解CSS吗？在六个月前，我提供了一个在线免费CSS测试系统。测试结果表明很多一线开发者并没有如他们所想的那样了解CSS。目前有超过3,000人参加了该项测试，平均成绩只有55分。...

本章节学习流，流的一个好处在于减少各种异步IO的回调地狱。IO操作遍及我们各种操作，比如数据库读写，文件读写，文件转换压缩……别的不说，比如第一节，我们要将一个HTML文件返回浏览器，就涉及IO操作。一个页面，如果按版本划分功能，可能切成一块块给不同的人做，使用fs方法的异步IO方法，可能是这样写的：...

网上许多nodejs教程或书藉都是教你调用第三方模块来编写nodejs应用的，虽然这是非常便捷的，但是封装太厚，你基本一点东西还是没有学到。人家的模块，人家想怎么改就行，可以下一版本就改了接口，你的应用就完蛋了。比如说google，他就爱干这种事情。因此我们还得老老实实学习底层API吧。本节首先教大家跑起一个页面吧。...

我们的目录结构是这样的如图：依赖情况如下：安装本地静态服务器（sts），当然你也可以使用其他的静态服务器。切换到src目录，执行浏览器会自动打开，并弹出helloworld...

这里总结了一些国外一些文章以及我的个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。CSS有些属性是可以缩写的，比如padding,margin,font等等，这样精简代码同时又能提高用户的阅读体验。...