FED

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

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

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

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

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

假设这样一个场景：用户点击一个按钮，此时需要请求后端接口进行数据实时校验，如果校验通过则弹出新窗口并打开某个特定的URL，如果校验失败则给出错误提示并停留在当前页面不做任何处理。一般情况下，你可能会直觉想到这样去做，但显然问题没有这么简单，尝试后你会发现现代浏览器会屏蔽Ajax回调中的弹出窗口：...

GIF/PNG/JPG/WEBP/APNG都是属于位图（位图,务必区别于矢量图）；GIF/PNG和JPG这三种格式的图片被广泛应用在现今的互联网中,gif曾在过去互联网初期慢速的情况下几乎是做到了大一统的地位,而现如今随着互联网技术应用和硬件条件的提高,png和jpg格式的图片越来越多的被应用,gif昔日的辉煌一去不复,webp图片格式现在还不普及：...

在所有HTML文档中规定DOCTYPE是非常重要的，这样浏览器就能了解预期的文档类型，告诉浏览器要通过哪一种规范（文档类型定义，DTD）解析文档（比如HTML或XHTML规范）；!DOCTYPE声明不属于HTML标签；tag;它是一条指令，告诉浏览器编写页面所用的标记的版本。...

这将意味着存在各种浏览器的兼容性问题。foreachin，对很多浏览器都不支持的。例如是不支持IE6，IE7，IE8等浏览器的。两种遍历方法的变量i的值是不一样的，foreachin无法获得对象的属性名，只能获取到属性值。最后总结一下使用建议：...

通过这些服务，一个没有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让事情变得简单。...