FEX 技术周刊-2015/08/17

jopen 9年前
原文  http://fex.baidu.com/blog/2015/08/fex-weekly-17/

业界会议

[报名]React美团网技术专场

http://www.w3ctech.com/event/53

百度 Web 技术专栏

FIS - 基于组件使用统计的自动打包已开源

https://github.com/fex-team/autopack-kernel 本项目探讨 代码静态分析 和 统计动态合并 的两种静态资源零配置自动合并方案，重点介绍了复杂项目场景下基于统计的自动合并的原理和实施过程。模块核心接口适用于任意前端项目。

深阅读

如何成为一名卓越的前端工程师

http://jiongks.name/blog/how-to-become-a-great-front-end-engineer/ （译文）

http://philipwalton.com/articles/how-to-become-a-great-front-end-engineer/ （原文）

作者观点：学会预见浏览器发展趋势、阅读规范文档、阅读别人的代码、与比你聪明的人一起工作、“造轮子”、把你学到的东西都记录下来。

Chromium多进程架构简要介绍和学习计划

http://blog.csdn.net/luoshengyang/article/details/47364477

作者研究得挺认真的。

Debugging memory leaks in Node.js - a walkthrough http://blog.yld.io/2015/08/10/debugging-memory-leaks-in-node-js-a-walkthrough/ 详细介绍了如何分析 Node.js 中的内存泄露问题。

Tips & Tricks for debugging unfamiliar AngularJS code http://eng.localytics.com/tips-and-tricks-for-debugging-unfamiliar-angularjs-code/ Angular 越来越流行，你很可能要去维护别人写的代码，收藏好这篇文章以后看吧。

Binary in Javascript

http://danthedev.com/2015/07/25/binary-in-javascript/

作者使用位存储来减少内存占用，体积是之前的 12.5%，如果使用新的 Uint16Array 类型还能进一步减少到之前体积的 3%，这种优化方式在前端用得很少，推荐给不了解的读者学习一下。

The technology behind preview photos

https://code.非死book.com/posts/991252547593574/the-technology-behind-preview-photos/

非死book 工程师介绍了他们是如何优化封面图片的，通过压缩和模糊处理，将预览图减小到了 200 字节，然后再去加载原始图片，从而提升了在 2G 下的体验。

Running V8 isolates in a multi-threaded ArangoDB database

https://www.arangodb.com/2015/08/running-v8-isolates-in-a-multi-threaded-arangodb-database/

介绍了 ArangoDB 中使用 V8 引擎的方式和 Node 中有什么不同。

Building a desktop application with Electron

https://medium.com/@bojzi/building-a-desktop-application-with-electron-204203eeb658

详细介绍了如何使用 Electron 开发桌面程序。

On Monolithic Repositories

http://gregoryszorc.com/blog/2014/09/09/on-monolithic-repositories/

作者列举了公司使用单一项目仓库的优缺点，最后觉得这种方式是更值得使用的，Google 和 非死book 也都是这样做的。

不仅用于UI构建：非死book React完全解析

http://www.csdn.net/article/2015-08-04/2825370-react React社区从其他领域（游戏渲染、ClojureScript、函数式编程）偷师学艺，结合前端面临的独特问题，提出了一系列解决方案。React社区在各方面都推动着前端社区往前进。

手机淘宝前端的图片相关工作流程梳理 https://github.com/amfe/article/issues/8 看看相关技术、工具、思路是否可以用在自己的产品中。

移动时代的前端加密

http://div.io/topic/1220

一些轻度游戏，用户只会玩一两次，生命周期也就两三天。如果你开发的游戏被人山寨且他的渠道比你更广，那么对于流量就是致命打击。由于作品太容易被复制窜改，容易会失去渠道先机，所以加密重要的目的是出于对商业利益的保护。

Hacking Team泄露数据表明韩国、哈萨克斯坦针对中国发起网络攻击

http://drops.wooyun.org/news/7937 本文为Hacking Team泄露的400GB数据当中，查到韩国和哈萨克斯坦曾跟Hacking Team合作利用其开发漏洞利用工具发起针对中国攻击的证据。

Using Graph Theory to Build a Simple Recommendation Engine in JavaScript

https://medium.com/@keithwhor/using-graph-theory-to-build-a-simple-recommendation-engine-in-javascript-ec43394b35a3

已经有人开始用 JavaScript 做原型开发了，比如这个简单的推荐引擎。

Mind: How to Build a Neural Network http://stevenmiller888.github.io/mind-how-to-build-a-neural-network-part-2/ 如何使用 JavaScript 实现神经网络，具体原理可以看 part 1。

The End of Global CSS

https://medium.com/seek-ui-engineering/the-end-of-global-css-90d2a4a06284 https://github.com/webpack/css-loader#local-scope https://github.com/css-modules/css-modules Any time we make a change to a CSS file, we need to carefully consider the global environment in which our styles will sit. No other front end technology requires so much discipline just to keep the code at a minimum level of maintainability.But it doesn’t have to be this way. It’s time to leave the era of global style sheets behind.

Relay - A JAVASCRIPT FRAMEWORK FOR BUILDING DATA-DRIVEN REACT APPLICATIONS

https://非死book.github.io/relay/ http://非死book.github.io/react/blog/2015/08/11/relay-technical-preview.html 感觉像是基于 GraphQL 的框架，但看代码有点难懂。

TypeScript与Haxe：两种截然不同的JS转译工具横向对

http://www.infoq.com/cn/news/2015/08/typescript-vs-haxe 可以了解下编译型 JavaScript 的知识。

Understanding ECMAScript 6

https://github.com/nzakas/understandinges6 This book is a guide for the transition between ECMAScript 5 and 6. It is not specific to any JavaScript environment, so it is equally useful to web developers as it is Node.js developers.

大神 Nicholas C. Zakas 写的， es 6 正在逐步投入到生产环境，推荐学习。另附：

- ES6 代码的 ES5 实现 http://gold.xitu.io/entry/55cc4c3700b01b7848c3add3

React’s JSX: The Other Side of the Coin

https://medium.com/@housecor/react-s-jsx-the-other-side-of-the-coin-2ace7ab62b98 JSX isn’t some wild idea. It’s a natural progression. So try not to freak out. JSX isn’t revolutionary. It’s evolutionary. Like most forms of evolution, it’s a clear improvement.

雪球在股市风暴下的高可用架构

http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=209562933&idx=1&sn=d9a09f7727d1bd83245f3d782359247e&scene=1#rd

雪球是一个提供理财产品的各类信息的应用，当前有百万日活跃用户，每天有4亿的API调用。App Store 财务免费榜第 18 名。历史上曾排到财务第二，总免费榜第 19。其技术栈由下列组件组成：Java，Scala，Akka，Finagle，Nodejs，Docker ，Hadoop，正在往“公私混合云”方向发展。这个文章介绍了其架构特点。

新鲜货

OpenGL ES 3.2 发布了

http://www.anandtech.com/show/9506/opengl-siggraph-2015-opengl-es-32-opengl-extensions-announced

这一版引入了 Android Extension Pack 扩展中的功能，使得它在渲染效果上可以媲美 PC 了，但目前的关键是 iOS 尚不清楚是否会支持。

Multi-OS Engine

https://software.intel.com/intel-inde-multi-os-early-access

Intel 推出的移动端跨平台开发引擎，使得可以用 Java 开发 iOS 应用，和 RoboVM 类似，使用了 AOT 的方式，并自动生成 Java 的 binding。

RethinkDB 2.1: high availability

http://rethinkdb.com/blog/2.1-release/

这是一个类似 Mongodb 的 JSON 数据库，最新版基于 Raft 算法实现了自动切换，从而做到高可用。

JSONPlus

https://github.com/serkanyersen/jsonplus

为 JSON 格式加上引用和注释的支持，虽然很简单，但挺实用的。

Future Node.js releases will be from the io.js repo https://github.com/nodejs/node#cnv https://news.ycombinator.com/item?id=10045248 恭喜两者顺利合体，前途无量。另附：

4.0 is the new 1.0 https://medium.com/node-js-javascript/4-0-is-the-new-1-0-386597a3436d

[资料]第二届 CSS 大会

http://www.w3ctech.com/topic/1463

阿里巴巴加入 Linux 基金会

http://www.oschina.net/news/65228/alibaba-join-linux-fundation 2015年8月14日，阿里巴巴集团今日宣布正式加入全球知名非营利性组织Linux基金会，作为Linux基金会中首个来自中国的互联网公司。同时，阿里巴巴也成为开源项目Xen的顾 问委员会成员，Xen是Linux基金会合作项目。

CSS 参考手册4.2发布

http://css.doyoe.com/ 新增text-size-adjust,tap-highlight-color,user-drag,3D transform,语法阅读指引等等,修订了大部分模块浏览器兼容性列表

Ubuntu One file syncing code Open Sourced

https://insights.ubuntu.com/2015/08/10/ubuntu-one-file-syncing-code-open-sourced https://launchpad.net/filesync-server The code we’re releasing is the server side of what desktop clients connected to when syncing local or remote changes. This is code where most of the innovation and hard work went throughout the years, where we faced most of the scaling challenges and the basis on which other components were built upon.

Style guide for writing JS web servers

https://github.com/jonathanong/server-style-guide This is a style guide for creating web servers, specifically with koa. This is an extension of the JS Style Guide as well as Module Style Guide.

Datastore-agnostic ORM in JavaScript

https://github.com/geddy/model Model is a datastore-agnostic ORM in JavaScript. It serves as the model-component for the Geddy MVC Web framework for NodeJS.

产品及其它

老外被中国 APP 惊呆了 http://www.jianshu.com/p/564099223b43 （译文） http://dangrover.com/blog/2014/12/01/chinese-mobile-app-ui-trends.html （原文） 译者：这篇文章出自微信新晋产品经理之手，一个刚刚从美国移居到中国的互联网人，Dan Grover。名字起得很大——“Chinese Mobile UI Trends”, 其实根本就是一个天朝互联网体验报告，趋势更是无从说起了。但是这些总结确实还蛮到位的，值得抱着娱乐的心态读一读。

LinkedIn副总裁谈工程师文化

http://www.infoq.com/cn/news/2015/08/LinkedIn-AdMob 研发团队领导者赖以生存的四点智慧： - 不要将建立公司与构建技术相混淆 - 在问“what”之前多问“how” - 对研发来说，不断改进是有效的，但对研发文化却不行 - 不要等，写下你的文化宣言

程序员很穷

http://macshuo.com/?p=1328 Mac 君的感悟，喜欢这段：当你看到自己的代码奔跑在成千上玩台服务器上的时候，当你做的 App 运行在每个人的手机上的时候，你会觉得，一切都是值得的。另附：

－ 为何受伤的总是技术人 http://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=213337056&idx=1&sn=13430d2f6a7a58fbe7e418ed9670ff9e&scene=2

我所理解的执行力

http://blog.devtang.com/blog/2015/08/15/talk-about-execution/ 来自猿题库的经验。执行力总结出来是五个字：「把事情搞定」。永远不放弃对目标的努力（坚持）、多替别人着想（责任心）、努力提高自己的综合能力（全栈）

给美国政府做外包是怎样一种体验 http://get.jobdeer.com/7862.get 一群住在马里兰老房子的、由年轻人组成的团队如何拯救了「美国最差网站」Healthcare.gov

【创业者说】我为创业交了几十万的学费

http://www.cyzone.cn/a/20150808/278492.html 很多领域已经不太适合草根、低配置的团队创业了。另附两个相关话题：

- 创业教父 Paul Graham：4个创业者必须知道的坑 http://mp.weixin.qq.com/s?__biz=MjM5OTM5OTAyMQ==&mid=212620994&idx=3&sn=c8ec616a3f11575a615eb6050bae009f&scene=0#rd - 高调的创业者和成功的创业者有怎样的区别？ http://mp.weixin.qq.com/s?__biz=MjM5OTM5OTAyMQ==&mid=212581364&idx=1&sn=a927d54cc5231bafdb29bd3629fd9ed7&scene=0#rd