FED

这几天手机不断被联通劫持，用知乎日报都会被插入联通的垃圾广告，更别说在微信中访问第三方网站了。于是关注了一下防止网站被运营商劫持的技术，这里推荐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这样的动态类库时，保持代码清晰。还包含一种新方式，使用元数据来注解类的声明。类库和应用的开发者可以使用这些元数据注释来把代码信息和代码清晰地分开，比如配置信息或者条件检查等等。...

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

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

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

前端构建，指的是将开发环境中的代码编译、修改、重写成生产环境下可更快、更好运行的代码。比如压缩JS、CSS文件，或者合并JS、CSS文件，这些操作都是一个构建过程。可以不要前端构建吗？答案当然是可以，即生产环境和开发环境是同一份代码。如果开发和生产同一份代码，那么会出现以下问题：...

工欲善其事，必先利其器。在开始helloworld之前，先要学会使用以下工具。安装nodejshttps://nodejs.org/（可以参考阿里云ECS使用心得1：使用yum安装nodejs/npm环境），在这里nodejs是以下工具的运行环境。安装完成后，使用以下命令检验下：...

模块化是个相对概念，相对于整块、整体而言，模块通常是组成一个整体的最小单位。比如，你眼前的电脑，它在计算机网络世界里，它是个模块个体。而相对于一台电脑而言，电脑内部的CPU、内存才是最小的模块。如果你没有用过模块化，那你是否遇到过以下问题：...

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

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

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

之前写过很久PHP,但现在是PHP黑，简单说一下为什么觉得PHP不好用的原因。语法设计不合理这个诚然有历史原因，但确实是不合理。很多被弃用的功能仍被广泛使用，新的功能被普及得很慢...