微信搜索『FEX』关注我们的公众号,及时获得最新资讯。

深阅读

19 things I learnt reading the NodeJS docs
https://hackernoon.com/19-things-i-learnt-reading-the-nodejs-docs-8a2dcc7f307f#.mx01lyeup
译 https://segmentfault.com/a/1190000007435273
As long-time readers will know, I am on a journey of writing out every interface, prop, method, function, data type, etc related to web development, so that I can fill in the gaps of what I don’t know. The Node docs were my last stop, having finished HTML, DOM, the Web APIs, CSS, SVG, and EcmaScript. This held the most unknown gems for me, so I thought I’d share them in this little listicle. I will present them in descending order of appeal. As I do with my outfits when I meet someone new.

ThoughtWorks Tech Radar NOV ‘16
https://www.thoughtworks.com/radar/languages-and-frameworks
就前端而言 React 和 Redux 是推荐使用的。另附一篇看了这个技术雷达之后的思考:从最新的技术趋势看前端的未来

Native Apps are Doomed
https://medium.com/javascript-scene/native-apps-are-doomed-ac397148a2c0#.g41yd34p3
From now on, I won’t be building any more native apps. All my apps going forward will be progressive web apps. Progressive web apps are web applications which are designed to work even more seamlessly on mobile devices than native mobile apps. 另附这位大侠整理的:10 Must See Web Apps & Games

Pitfall: not all objects can be proxied transparently
http://www.2ality.com/2016/11/proxying-builtins.html
An ES6 proxy lets you intercept and customize operations performed on an object, its so-called target. Interception and customization is handled via a handler object (think even listener). Operations are intercepted by handler methods. If a handler method is missing, the corresponding operation is simply forwarded to the target. Therefore, if the handler is the empty object, the proxy should transparently wrap the target. Alas, that doesn’t always work, as this blog post explains. 另附:使用ES6的新特性Proxy来实现一个数据绑定实例

PHP 7 at Tumblr
https://engineering.tumblr.com/post/152998126990/php-7-at-tumblr
At Tumblr, we’re always looking for new ways to improve the performance of the site. This means things like adding caching to heavily used codepaths, testing out new CDN configurations, or upgrading underlying software. Recently, in a cross-team effort, we upgraded our full web server fleet from PHP 5 to PHP 7. The whole upgrade was a fun project with some very cool results, so we wanted to share it with you.

Seven years of Go
https://blog.golang.org/7years
Today marks seven years since we open-sourced our preliminary sketch of Go. With the help of the open source community, including more than a thousand individual contributors to the Go source repositories, Go has matured into a language used all over the world.

Logging Errors in Client-Side Applications
https://www.sitepoint.com/logging-errors-client-side-apps/
In this article I’ll look at some of the ways in which you can implement logging in a client-side application; particularly in a JavaScript-heavy, single-page application (SPA).

探秘 vue-rx 2.0
https://zhuanlan.zhihu.com/p/23575516
VueJS社区升级了vue-rx这个库,实现了比较方便地把VueJS和RxJS结合的能力,挺民工叔给我们详细介绍。另附:4 Things Vue.js Got Right前端开发之走进Vue.js

腾讯验证码的十二年
http://mp.weixin.qq.com/s?__biz=MzA3NTYzODYzMg==&mid=2653578147&idx=3&sn=94a8f8f8b4a23b2429ba18bd50c4e048&chksm=84b3b1a4b3c438b28476200037170798276cf7762a115dad9e4b49afeed3151955afe7cf82c4&scene=4#wechat_redirect
字符验证码越来越难阻挡了

使用浏览器的计算力,对抗密码破解
https://www.cnblogs.com/index-html/archive/2016/11/09/6045984.html
本文前半部分科普 KDF 函数的意义,后半部分探讨 KDF 在前端计算的可行性。

HTML可访问性fieldset,legend元素及CSS布局应用
http://www.zhangxinxu.com/wordpress/2016/11/html-fieldset-legend-element-css-layout/
可访问性还是挺重要的。

超小Web手势库AlloyFinger原理
https://segmentfault.com/a/1190000007448808
https://github.com/AlloyTeam/AlloyFinger
首先介绍了AlloyFinger 和 hammerjs 的区别,然后介绍AlloyFinger 是如何通过touchstart touchmove touchend touchcancel 这4个事件 来实现 Tap点按、longTap长按、swipe划、pinch捏、rotate旋转等手势动作的判断。

ES6 Features That Can’t Be Ignored
http://www.javascripttuts.com/es6-features-can-make-life-easy/
http://www.javascripttuts.com/es6-features-that-cant-be-ignored-final-part/
看看有没有你不会用的特性。另附:The Ultimate JavaScript Cheat Sheet

10 principles for smooth web animations
https://blog.gyrosco.pe/smooth-css-animations-7d8ffc2c1d29
对于animation没有银弹,只能自己去花时间去测试去优化,本文根据自己的多年经验,提出一些针对 animation优化的一些tips

How to structure real world Redux/React application
https://medium.com/@yiquanzhou/how-to-structure-real-world-redux-react-application-d61e66a7dd36#.sn0rbwmxo
作者建议了一种代码组织形式

Developing a RESTful API With Node and TypeScript
http://mherman.org/blog/2016/11/05/developing-a-restful-api-with-node-and-typescript
This tutorial details how to develop a RESTful API with NodeJS, ExpressJS, and TypeScript using test-driven development (TDD).

CSS Motion Path as of October 2016
http://codepen.io/danwilson/post/css-motion-paths-2016
本文通过demo讲述如何使用 OFFSET-PATH、OFFSET-DISTANCE、OFFSET-ROTATION等css特性来构建 Motion Path。

蘑菇街直播实践
http://blog.qiniu.com/archives/7463
蘑菇街直播的分享,比较全面的介绍了自己的一个直播形态及框架,遇到的一些难题以及所做的性能及稳定性等等的优化。

Mixin、多重继承与装饰者模式
https://github.com/youngwind/blog/issues/97
无论是复制类的mixin、多重继承的mixin、寄生式继承、ES7的装饰器、设计模式中的装饰者模式,它们都有一个共同点,那就是:在不修改原有的类/对象/函数的前提下,为新的类/对象/函数添加新的职责,以增强其功能。虽然现在react已经不再推荐使用