FEX 技术周刊-2015/09/14
最后更新于：2022-04-01 00:05:13
## 深阅读
**请用 Node.js 4.0.0**
[https://cnodejs.org/topic/55efcc524b70f72113ff4f3b](https://cnodejs.org/topic/55efcc524b70f72113ff4f3b)
[https://nodejs.org/en/blog/release/v4.0.0/](https://nodejs.org/en/blog/release/v4.0.0/)
2015年9月9日，Node.js 重装上阵。社区在经过大半年的分裂，终于放出首个 Node.js 与 io.js 的融合版本——Node.js 4.0.0 版本。Node.js 4.0.0 首次将 Node.js 和 io.js 项目的代码库融合到了一起，所以这次发布不仅包含所有 io.js 对 Node.js 作出的改进，也包含 Node.js 的 0.12 中的所有后续新增功能，而这些功能之前 io.js 的用户是享受不到的。另附：
* Node 大新闻： IBM 收购 StrongLoop [https://strongloop.com/strongblog/node-js-community-ibm-acquisition](https://strongloop.com/strongblog/node-js-community-ibm-acquisition)
* 升级 node v4 的 7 个理由 [http://www.cli-nerd.com/2015/09/09/7-reasons-to-upgrade-to-node-v4-now.html](http://www.cli-nerd.com/2015/09/09/7-reasons-to-upgrade-to-node-v4-now.html)
**如何构建 Web 前端 Mock Server**
[http://www.zhihu.com/question/35436669](http://www.zhihu.com/question/35436669)
为了更好的分工合作，让前端能在不依赖后端环境的情况下进行开发，其中一种手段就是为前端开发者提供一个web容器，这个本地环境就是 mock server。
**HTTP is obsolete. It's time for the distributed, permanent web**
[https://blog.neocities.org/its-time-for-the-permanent-web.html](https://blog.neocities.org/its-time-for-the-permanent-web.html)
介绍了一种新协议 IFPS。IPFS is a distributed file system that seeks to connect all computing devices with the same system of files. In some ways, this is similar to the original aims of the Web, but IPFS is actually more similar to a single bittorrent swarm exchanging git objects. IPFS could become a new major subsystem of the internet. If built right, it could complement or replace HTTP.
**The State of Front-End Tooling – 2015**
[http://ashleynolan.co.uk/blog/frontend-tooling-survey-2015-results](http://ashleynolan.co.uk/blog/frontend-tooling-survey-2015-results)
竟然有专业的统计报表，大家自行研究吧，对技术选型有参考价值。
**HTTP/2 资料汇总**
[https://imququ.com/post/http2-resource.html](https://imququ.com/post/http2-resource.html)
本文汇总一些关于 HTTP/2 的资料以及屈屈自己写过的文章，学习 http2 很好的参考资料。
**The Pixel Factory - WebGL, GPUs and Math(Box)**
[http://acko.net/files/gltalks/pixelfactory/online.html#0](http://acko.net/files/gltalks/pixelfactory/online.html#0)
相关文章： [http://acko.net/files/fullfrontal/fullfrontal/wdcode/online.html](http://acko.net/files/fullfrontal/fullfrontal/wdcode/online.html)
**八幅漫画理解使用JSON Web Token设计单点登录系统**
[http://blog.leapoahead.com/2015/09/07/user-authentication-with-jwt/](http://blog.leapoahead.com/2015/09/07/user-authentication-with-jwt/)
JSON Web Token（JWT）是一个非常轻巧的规范。这个规范允许我们使用JWT在用户和服务器之间传递安全可靠的信息。
**How I Came To Love TypeScript**
[http://developer.telerik.com/featured/how-i-came-to-love-typescript/](http://developer.telerik.com/featured/how-i-came-to-love-typescript/)
分享了关于 TypeScript 的实践经验。
**Promises in JavaScript Unit Tests: the Definitive Guide**
[http://www.sitepoint.com/promises-in-javascript-unit-tests-the-definitive-guide/](http://www.sitepoint.com/promises-in-javascript-unit-tests-the-definitive-guide/)
Promises are becoming a common part of the JavaScript code. Despite making asynchronous code simpler, dealing with promises in unit tests is a hassle. In this article, I’ll show you how to fix this issue and discuss useful patterns which are able to simplify common promise-scenarios in tests’ stage.
**You're probably wrong about caching**
[http://msol.io/blog/tech/youre-probably-wrong-about-caching/](http://msol.io/blog/tech/youre-probably-wrong-about-caching/)
介绍了 cache 的副作用
**Principles Of HTML5 Game Design**
[http://www.smashingmagazine.com/2015/09/principles-of-html5-game-design/](http://www.smashingmagazine.com/2015/09/principles-of-html5-game-design/)
另附两个 Web 图形相关的东东：
- WebGL Shader Editor and Composer [http://shaderfrog.com/](http://shaderfrog.com/)
- CanvasVideoRecorder [https://github.com/zb3/CanvasVideoRecorder](https://github.com/zb3/CanvasVideoRecorder)
- Tridiv - a web-based editor for creating 3D shapes in CSS [http://tridiv.com/](http://tridiv.com/)
- WebGL Stats [http://webglstats.com/](http://webglstats.com/)
**Reasons why Laravel is the best framework for PHP?**
[http://webuilddesign.com/reasons-why-laravel-is-the-best-framework-for-php/](http://webuilddesign.com/reasons-why-laravel-is-the-best-framework-for-php/)
框架开发者可以参考。
**ssrf 攻击**
[http://www.wooyun.org/bugs/wooyun-2015-0129588](http://www.wooyun.org/bugs/wooyun-2015-0129588)
ssrf其实是一个可以穿越企业内外边界的低调杀手！企业需要警惕这种低成本的内网攻击技术，因为它实在是太常见了。搜狐某云服务API接口导致SSRF。可以了解下这种攻击形式。相关资料：
- Bool型SSRF的思考与实践 [http://drops.wooyun.org/web/7550](http://drops.wooyun.org/web/7550)
**Handler和他的小伙伴们**
[http://www.jianshu.com/p/e04698eaba88](http://www.jianshu.com/p/e04698eaba88)
[http://www.jianshu.com/p/1d03fe0b285c](http://www.jianshu.com/p/1d03fe0b285c)
组织运作模式和编程模型的互相映射，挺有趣的。
## 新鲜货
**Chartx**
[http://thx.github.io/chartx/](http://thx.github.io/chartx/)
Chartx，专业的数据可视化解决方案，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底层依赖自有Canvas渲染引擎Canvax。
**time-picker**
[https://github.com/ustbhuangyi/time-picker](https://github.com/ustbhuangyi/time-picker)
a time picker which experience like IOS and it's inspired by the UIDatePicker.
**Brunch**
[http://brunch.io/#why](http://brunch.io/#why)
[https://github.com/brunch/brunch](https://github.com/brunch/brunch)
Fast front-end web app build tool with simple declarative config, seamless incremental compilation for rapid development, an opinionated pipeline and workflow, and core support for source maps. 工具的更新速度真快。
**Use getAwesomeness()**
[http://getawesomeness.com/](http://getawesomeness.com/)
To retrieve all amazing awesomeness from Github，各种 awesome 汇总，非常好的学习资料。
**React v0.14 Release Candidate**
[https://facebook.github.io/react/blog/2015/09/10/react-v0.14-rc1.html](https://facebook.github.io/react/blog/2015/09/10/react-v0.14-rc1.html)
**Alda:一种音乐编程语言**
[https://github.com/alda-lang/alda](https://github.com/alda-lang/alda)
[http://daveyarwood.github.io/alda/2015/09/05/alda-a-manifesto-and-gentle-introduction/](http://daveyarwood.github.io/alda/2015/09/05/alda-a-manifesto-and-gentle-introduction/)
Alda’s ambition is to be a powerful and flexible music programming language that can be used to create music in a variety of genres by typing some code into a text editor and running a program that compiles the code and turns it into sound.
wiki 还收录了更多的 [https://en.wikipedia.org/wiki/List_of_audio_programming_languages](https://en.wikipedia.org/wiki/List_of_audio_programming_languages)
**RobotJS - Node.js Desktop Automation.**
[https://github.com/octalmage/robotjs](https://github.com/octalmage/robotjs)
Control the mouse, keyboard, and read the screen. RobotJS supports Mac, Windows, and Linux.
**嵌入式知识总汇**
[https://github.com/phodal/eks](https://github.com/phodal/eks)
**Angular提供了改进后的迁移路径，包括ng-upgrade组件**
[http://www.infoq.com/cn/news/2015/09/angular-migration-ng-upgrade](http://www.infoq.com/cn/news/2015/09/angular-migration-ng-upgrade)
ng-upgrade，能够允许Angular 1与Angular 2项目的并存。这样一来，开发者就能够将一个应用程序进行逐步地进行迁移，同时也不会丢失在任何一个版本上的准确性。
**Using ES6 with Angular today** [http://blog.thoughtram.io/angularjs/es6/2015/01/23/exploring-angular-1.3-using-es6.html](http://blog.thoughtram.io/angularjs/es6/2015/01/23/exploring-angular-1.3-using-es6.html)
One of the most exciting upcoming changes for Angular 2.0 is that it’s entirely written in ES6 - the next version of JavaScript. There’s no need to wait until Angular 2.0 though. You can start writing your Angular apps with ES6 today - even with Angular 1.x.
**Neural Networks and Deep Learning**
[http://neuralnetworksanddeeplearning.com/](http://neuralnetworksanddeeplearning.com/)
Neural Networks and Deep Learning is a free online book. The book will teach you about: - Neural networks, a beautiful biologically-inspired programming paradigm which enables a computer to learn from observational data - Deep learning, a powerful set of techniques for learning in neural networks 免费电子书，号称最好的 Deep Learning 学习资料，对高科技有兴趣的同学可以研究。另附：[http://colah.github.io/](http://colah.github.io/) 其中关于深度学习的数据可视化效果也值得参考。
**HTML5 version for StarCraft game**
[https://github.com/gloomyson/StarCraft](https://github.com/gloomyson/StarCraft)
赞开拓精神，这个代码库还是挺值的学习的，尤其是对 Web Game 有兴趣的。
**Httpbin – HTTP Client Testing Service**
[http://httpbin.org/](http://httpbin.org/)
[https://github.com/Runscope/httpbin](https://github.com/Runscope/httpbin)
自主开发 httpclient 的话，可以用来构造 test case。
**zip-local**
[https://github.com/Mostafa-Samir/zip-local](https://github.com/Mostafa-Samir/zip-local)
very simple zipping/uzipping of local files and directories in node.js
## 产品及其它
**盘点2015年欧洲最大科技展上最好产品**
[http://tech.qq.com/a/20150907/008306.htm#p=1](http://tech.qq.com/a/20150907/008306.htm#p=1)
卷轴式键盘 地毯扬声器 智能灯带 挺有特点的
**对独立程序员的赞美**
[http://www.labazhou.net/2015/09/a-salute-to-solo-programmers/](http://www.labazhou.net/2015/09/a-salute-to-solo-programmers/)
了解下隐士级程序员的生活。隐士理我们太远，在家办公更值得期待。
**Supercell 官方自传**
[http://mp.weixin.qq.com/s?__biz=MzA5MzAyODU5Nw==&mid=209820236&idx=1&sn=7f8527bb23e43051f52af6bfaaa14361&scene=2&srcid=0906TVcvNxI4DUbVR72gd3KF](http://mp.weixin.qq.com/s?__biz=MzA5MzAyODU5Nw==&mid=209820236&idx=1&sn=7f8527bb23e43051f52af6bfaaa14361&scene=2&srcid=0906TVcvNxI4DUbVR72gd3KF)
《卡通农场》、《部落冲突》和《海岛奇兵》三款游戏，每一款都是吸金大作，三款游戏均出自2010年才成立的芬兰游戏公司——Supercell。2014年，Supercell的收入达到17亿美金，利润达到5.65亿美金。可怕的是，这家公司仅有150名员工，人均产值超过1100万美元。其三大核心价值观为：
- 优秀的人才创造优秀的游戏
- 而独立的细胞 - 创造玩家们愿意投入很多年的游戏
**黑客的胜利—读《增长黑客》有感**
[http://mp.weixin.qq.com/s?__biz=MzA3MzYwNjQ3NA==&mid=208044586&idx=2&sn=9beb5ab14c0c5886f76675f483443615&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzA3MzYwNjQ3NA==&mid=208044586&idx=2&sn=9beb5ab14c0c5886f76675f483443615&scene=0#rd)
黑客精神值得发扬光大：
- 渴望了解世界，更擅长「深入」的了解世界
- 痛恨无聊、乏味、低效，鄙视蛮干与蠢干
- 理性派