FED

本篇文章翻译自adobeWebPlatformTeam的博客：CSSanimationsandtransitionsperformance:lookinginsidethebrowser。虽然是一篇旧文，但是里面谈到的知识点很有用。对CSS的性能优化有很大帮助。你可能已经在你的项目中用上了CSSAnimation和CSStransition。如果还没有用上，那你有点out了。快去看下CSS-Trick上的这两篇关于animation和transition的文章。你在使用中一定发现了有些动画很流畅，而有些则很卡。为什么呢？...

本文翻译自AriyaHidayat的HardwareAcceleratedCSS:TheNicevsTheNaughty。感谢KyleHe帮助校对。每个人都痴迷于60桢每秒的顺滑动画。为了实现这个顺滑体验现在用的最流行的一个做法就是使用『CSS硬件加速』。在一些极端例子中，强制使用translate3d意味着大大提高应用程序的性能。...

这篇文章翻译自JulianShapiro的CSSvs.JSAnimation:WhichisFaster?。JulianShapiro也是Velocity.js的创造者。这是一个非常高效、简单易用的JS动画库。他在Web动画方面有很高的造诣。Javascript动画怎么可能总是和CSStransition一样快，甚至更快呢？到底是什么秘密呢？Adobe和Google是怎么做到让他们的富媒体移动网站的速度和nativeapp媲美的？...

本文主要介绍JWT（JSONWebToken）授权机制在前后端分离中的应用与实践，包括以下三部分：前后端分离是一个很有趣的议题，它不仅仅是指前后端工程师之间的相互独立的合作分工方式，更是前后端之间开发模式与交互模式的模块化、解耦化。计算机世界的经验告诉我们，对于复杂的事物，模块化总是好的，无论是后端API开发中越来越成为规范的RESTfulAPI风格，还是Web前端越来越多的模板、框架（参见MVC，MVP和MVVM的图示），包括移动应用中前后端天然分离的特质，都证实了前后端分离的重要性与必要性（更生动的细节与实例说明可以参看赫门分享的主题淘宝前后端分离实践）。...

就在这个周末，npm超过了cpan，成为地球上最大的软件模块仓库。npm的模块都是JavaScript语言写的，但浏览器用不了，因为不支持CommonJS格式。要想让浏览器用上这些模块，必须转换格式。...

2009年，Node.js项目诞生，所有模块一律为CommonJS格式。时至今日，Node.js的模块仓库npmjs.com，已经存放了15万个模块，其中绝大部分都是CommonJS格式。这种格式的核心就是require语句，模块通过它加载。学习Node.js，必学如何使用require语句。本文通过源码分析，详细介绍require语句的内部运行机制，帮你理解Node.js的模块机制。...

前端采用模块化开发，使得开发体验大大增强，摆脱了很多需要人力去做且容易出错的点，使得代码管理更加清晰、规范。主要表现为以下几点：其中文件按需加载，依赖自动管理，使得更多精力去关注模块代码本身，开发时不需要在页面上写一大堆script引用，一个require初始化模块就搞定。不需要每增加一个文件，还要到HTML或者其他地方添加一个script标签或文件声明。...

iframe原本的用法在现在看来是不合时宜的，问题太多了，不一一列举，但是它的其他功能却是不错的黑魔法，这里列举一些，想到了再更新：在websocket不可用的时候作为一种替代，最开始由google发明。Comet：基于HTTP长连接的“服务器推”技术JavaScript跨域总结与解决办法，类似的还有浏览器多页面通信，比如音乐播放器，用户如果打开了多个tab页，应该只有一个在播放。历史记录管理，解决ajax化网站响应浏览器前进后退按钮的方案，在html5的historyapi不可用时作为一种替代。...

从步入社会算起到今天，风风雨雨走过了15个年头，望着天空，掐指一算，从事前端已近五个年头。也算三分之一的时间在做前端，也是从事过时间最久的一份工作。问我为什么能做这么久？其实我也时常问自己，怎么就进前端这个行当，怎么就整了五年。正如网上所言，一入前端深似海。玩了五年，或许后面还会有一个五年，两个五年，或许......未来的路，谁与说不清楚，我只想每天走好自己想走的路。...

随着Html5的正式定稿，移动前端步入APP世界的步伐也随之加速。目前主流的两大手机系统厂商（google、苹果）都是Html5的参与者，所以这两大系统在对html5的支持上基本是没什么问题的。然而对于很多开发者来说，也许仅仅是因为使用前的一番可行性分析便放弃这种方案。因为很多资料都叙述着Html5相比原生App的各种不足。其中最尴尬的一条莫过于“性能”问题。因为这个问题，刚开始接触的时候我也有很强的抵触情绪。但后来慢慢的发现，其实很多时候性能本就不是问题。适当的调整Html和Css，我们的网页同样可以无限接近原生程序。而且个人认为，大多数时候程序是否流畅并非取决于某种编程语言，而是取决于写程序的人。相比通过各种代码填充来完成目标任务，我更喜欢把技术当做艺术，写代码也应该有所追求。（扯淡扯远了。）...

前一篇文章我们介绍了虚拟DOM的实现与原理，这篇文章我们来讲讲React的直出（服务器直接生成）。比起MVVM，React比较容易实现直出，那么React的直出是如何实现，有什么值得我们学习的呢？为什么MVVM不能做直出？对于MVVM，HTML片段即为配置，而直出后的HTML无法还原配置，所以问题不是MVVM能否直出，而是在于直出后的片段能否还原原来的配置。下面是一个简单的例子：...

作为React的核心技术之一VirtualDOM，一直披着神秘的面纱。实际上，VirtualDOM包含：接下来我们分别探讨这几个部分：VTree模型非常简单，基本结构如下：...

当我在查阅每个浏览器的发展过程时，我感受到了Mozilla的倔强，IE的恐惧，Opera无可奈何下的不甘心，感受到了Safari在他的家族培养下一定会更加优秀以及Chrome这位技术先锋的美好前景。balabala………了一大堆，没办法，因为我是妹子，所以就爱关心“邻里之间的杂事”~Piu——切入正题。浏览器的主要组件有以下几部分：...

很久很久以前，93年，在我一岁的时候，有一个浏览器名叫NCSAMosaic，诞生在美国，他是第一个普遍使用和能够显示图片的浏览器（百科上说，他不是第一个能够显示图片的浏览器而是第一个普遍大众接受的浏览器。那第一个呢？魏培源发明的ViolaWWW）。不过这个浏览器也只是发行了三个版本，直到1997年1月是Mosaic的最会一个版本。...

人物：前端实习生「阿树」与切图工程师「玉凤」事件：设计师出设计稿，前端实现页面玉凤：树，设计稿发给你啦，差那么点像素，就叼死你┏(￣へ￣)=☞阿树：~(>_<)~毛问题噶啦~...

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

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

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

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

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