FEX 技术周刊 – 2015/09/28
最后更新于：2022-04-01 00:05:08
## 百度WEB技术专栏
**LineUp：多属性排序的可视分析**
[http://efe.baidu.com/blog/lineup/](http://efe.baidu.com/blog/lineup/)
在我们的日常生活中经常会遇到各种各样的排序列表，排序是将无序的数据项集合重组的普遍方式，它基于数据项的单个或多个属性值为数据项计算一个排名。
## 深阅读
**How Chromium Works**
[https://medium.com/@aboodman/in-march-2011-i-drafted-an-article-explaining-how-the-team-responsible-for-google-chrome-ships-c479ba623a1b](https://medium.com/@aboodman/in-march-2011-i-drafted-an-article-explaining-how-the-team-responsible-for-google-chrome-ships-c479ba623a1b)
Today, I’d like to tell you about how Chromium works. Not Chrome, the browser, but Chromium, the group of people who build the browser. Hundreds of engineers work on the Chromium project. Together we commit about 800 changes to the codebase every single week. We also depend on many other large and active projects like V8, Skia, and WebKit.
**ES5, ES6, ES2016, ES.Next: JavaScript 的版本是怎么回事？**
译文 [http://huangxuan.me/2015/09/22/js-version/](http://huangxuan.me/2015/09/22/js-version/)
原文 [http://benmccormick.org/2015/09/14/es5-es6-es2016-es-next-whats-going-on-with-javascript-versioning/](http://benmccormick.org/2015/09/14/es5-es6-es2016-es-next-whats-going-on-with-javascript-versioning/)
译者：我们天天都在说 ES6/ES7，那 ES2015/ES2016 又是哪来的名字？到底哪个才是正确的？想要严谨的装逼，本文带你一同回顾， 20 岁的 JavaScript，从诞生到今天的命名黑历史
**N|Solid™ is the premier Enterprise-grade Node.js® platform**
[https://nodesource.com/products/nsolid](https://nodesource.com/products/nsolid)
It provides developers, DevOps and operations staff an optimized platform for running Node.js applications at scale, with confidence. N|Solid delivers greater understanding, predictability, and availability of your critical Node applications through a secure, high-performance, highly instrumented Node implementation.
**Scroll Snapping with CSS Snap Points**
[https://www.webkit.org/blog/4017/scroll-snapping-with-css-snap-points/](https://www.webkit.org/blog/4017/scroll-snapping-with-css-snap-points/)
Scroll snapping allows you to define special points in the content of a scrollable container using CSS. When a user scrolls in this container, the scroll offset will come to rest at one of these special offsets.
**[专访]如何构建高可用和可伸缩的架构**
[http://www.csdn.net/article/2015-09-22/2825769-CTO](http://www.csdn.net/article/2015-09-22/2825769-CTO)
如何构建高可用和可伸缩架构？有哪些关键的技术节点和难点挑战？对于公司来说，为什么有必要考虑高可用可伸缩？本文为@七牛云存储 首席架构师李道兵在CTO讲堂中的精彩分享整理。
**How to Write a Git Commit Message**
[http://chris.beams.io/posts/git-commit/](http://chris.beams.io/posts/git-commit/)
Git 正在大规模应用，commit msg 在研发中非常重要，这个文章很有参考价值。
**CSS3硬件加速也有坑！！！**
[http://div.io/topic/1348](http://div.io/topic/1348)
传说中的CSS 3硬件加速也是有坑啊。
**Ten Rules for Open Source Succes**
[http://hintjens.com/blog:95](http://hintjens.com/blog:95)
Everyone wants it, lots of people try it, yet doing it is mostly painful and irritating. I'm speaking about free software aka open source. Today I'm going to summarize 30 years of coding experience in ten management-proof bullet points.
**Launching nginScript and Looking Ahead**
[https://www.nginx.com/blog/launching-nginscript-and-looking-ahead/](https://www.nginx.com/blog/launching-nginscript-and-looking-ahead/)
nginScript is a robust implementation of much of JavaScript, including the parts most useful for configuring NGINX. nginScript can be used for quick fixes, making NGINX configuration more convenient and operations more efficient. But, because it runs at the application delivery level, it will also enable you to refactor your applications for greater long-term stability, security, and scale. 另外 NGINX 1.9.5 将支持 HTTP/2 [https://www.nginx.com/blog/nginx-1-9-5/](https://www.nginx.com/blog/nginx-1-9-5/)
**可视化你的足迹**
[http://icodeit.org/2015/09/visualize-your-steps/](http://icodeit.org/2015/09/visualize-your-steps/)
[http://icodeit.org/2015/09/show-your-map-in-browser/](http://icodeit.org/2015/09/show-your-map-in-browser/)
在本文中，我们通过将日常中很容易收集到的数据，通过一系列的处理，并最终展现在地图上。这仅仅是GIS的一个很简单场景，但是我们可以看到，当空间数据和地图结合在一起时，可以在可视化上得到很好的效果，读者可以很容易从中获取信息。
**Back to the :roots**
[http://simurai.com/blog/2015/09/09/back-to-the-roots/](http://simurai.com/blog/2015/09/09/back-to-the-roots/)
文中通过4个例子演示了当使用CSS时，使用能继承父节点的一些属性有时候会来带很好的效果。
**uses mathematics and code together to make art**
[https://css-tricks.com/how-i-live-coded-my-most-hearted-codepen-demo/](https://css-tricks.com/how-i-live-coded-my-most-hearted-codepen-demo/)
文中以 step-by-step 的方式介绍了一个很炫的3D旋转的类似多米诺骨牌效应的效果。
**如果业界中不用高级算法和数据结构，那为什么还要学?**
[http://blog.jobbole.com/91815/](http://blog.jobbole.com/91815/)
这是一个你无法说清楚自己会在什么时候用到它，但是却在潜移默化中被其影响的东东，所以你要学。
**架构之路（二）：性能**
[http://www.csdn.net/article/2015-09-22/2825773](http://www.csdn.net/article/2015-09-22/2825773)
文中讲述了不应该因为过分追求性能的优化而去影响代码的可读性，这并不无道理。在很多时候我们也确实应该衡量性能的提升会带来的产出与投入是否对称，根据实际应用场景来进行处理。
**ES6 in Depth Strings & Array Extensions**
[http://ponyfoo.com/articles/es6-strings-and-unicode-in-depth](http://ponyfoo.com/articles/es6-strings-and-unicode-in-depth)
[http://ponyfoo.com/articles/es6-array-extensions-in-depth](http://ponyfoo.com/articles/es6-array-extensions-in-depth)
介绍了 Strong 的 from、of、copyWithin、fill、find等方法，Array 的一些新的方法以及对unicode的新支持，例如emoji。
**The Asset Pipeline**
[http://guides.rubyonrails.org/asset_pipeline.html](http://guides.rubyonrails.org/asset_pipeline.html)
关于 Asset pipeline 的详细介绍
**JS中的二进制操作简介**
[http://jimliu.net/2015/09/26/a-brief-look-at-binary-ops-in-js/](http://jimliu.net/2015/09/26/a-brief-look-at-binary-ops-in-js/)
随着 JS 应用场景的增多，处理二进制已经越来越常见，这个文章介绍了 JS 处理二进制数据的一些基础知识。
**【Deep Learning】From AI to True-AI**
[http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=211012086&idx=1&sn=2a217f842a1430891a2a42e913a55ab9&scene=1&srcid=0925tQ6ZfZJSDJgtOSnqe1SR#rd](http://mp.weixin.qq.com/s?__biz=MzI3MTA0MTk1MA==&mid=211012086&idx=1&sn=2a217f842a1430891a2a42e913a55ab9&scene=1&srcid=0925tQ6ZfZJSDJgtOSnqe1SR#rd)
听360研究院负责人科普高科技，Brain-Like 和 Baby-Like 这样的抽象很容易理解。另附 Google 工程师制作关于机器学习和神经网络的科普视频 [http://video.weibo.com/show?fid=1034:06d167d21be3cb57d915646f3251b8ed](http://video.weibo.com/show?fid=1034:06d167d21be3cb57d915646f3251b8ed)
**Goodbye, Native Mobile Apps - Why Atavist is betting on the web**
[https://atavistinsider.atavist.com/goodbye-native-mobile-apps/](https://atavistinsider.atavist.com/goodbye-native-mobile-apps/)
Atavist 是一个新闻资讯类网站，这篇文章介绍了他们在移动端的 Web 实践之路。
## 新鲜货
**GitLab 8.0 released with new looks and integrated CI!**
[https://about.gitlab.com/2015/09/22/gitlab-8-0-released/](https://about.gitlab.com/2015/09/22/gitlab-8-0-released/)
好多个功能升级，值得更新。
**Zulip - Powerful open source group chat**
[https://blogs.dropbox.com/tech/2015/09/open-sourcing-zulip-a-dropbox-hack-week-project](https://blogs.dropbox.com/tech/2015/09/open-sourcing-zulip-a-dropbox-hack-week-project)
[https://www.zulip.org/](https://www.zulip.org/)
Dropbox has open-sourced Zulip, a group chat application optimized for software development teams that was acquired by Dropbox in 2014.
**Introducing Lemur**
[http://techblog.netflix.com/2015/09/introducing-lemur.html](http://techblog.netflix.com/2015/09/introducing-lemur.html)
Netflix is pleased to announce the open source release of our x.509 certificate orchestration framework : Lemur!
**Fresh Resources for Developers – September 2015**
[https://codegeekz.com/fresh-resources-for-developers-september-2015/](https://codegeekz.com/fresh-resources-for-developers-september-2015/)
15款新鲜的为开发者提供的资源，涉及CSS、排版、主题、设计、配色、Git等等，总有一款适合你。
**ContentTools——A beautiful & small content editor**
[http://getcontenttools.com/](http://getcontenttools.com/)
A JS library for building WYSIWYG editors for HTML content.
**A simple string to crash Google Chrome**
[http://andrisatteka.blogspot.jp/2015/09/a-simple-string-to-crash-google-chrome.html](http://andrisatteka.blogspot.jp/2015/09/a-simple-string-to-crash-google-chrome.html)
在Chrome导航栏中输入简短的16个字符，真的会导致Chrome崩溃。更糟糕的是，如果上面这串字符属于某个超链接的一部分，当你将鼠标放上去的时候，Chrome 也会挂掉当前页面、并报出“Aw，Snap！”的错误。
**Scalable Vector Graphics (SVG) 2**
[https://svgwg.org/svg2-draft/](https://svgwg.org/svg2-draft/)
This document is the 24 September 2015 Editor’s Draft of SVG 2\. This version of SVG builds upon SVG 1.1 Second Edition by improving the usability of the language and by adding new features commonly requested by authors.
**Dolphin - Web UI自动化测试平台**
[http://dolphin.duapp.com/](http://dolphin.duapp.com/)
UC 的同学研制的平台，其目标是：“对业务功能进行自动化回归测试，及时发现问题，从而提高业务功能测试的效率”
**几个轻量级类React的框架**
[http://mithril.js.org/](http://mithril.js.org/)
[http://riotjs.com/](http://riotjs.com/)
[https://github.com/dekujs/deku](https://github.com/dekujs/deku)
**ShaderFrog**
[http://shaderfrog.com/](http://shaderfrog.com/)
一款面向设计者和开发人员的 WebGL Shader 在线编辑器
**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)
2015年前端各种工具的使用情况调查情况，可以帮助自己在技术选型上做出一些判断。
**2015全球容器大会资料**
[http://pan.baidu.com/s/1jGCP2Lo](http://pan.baidu.com/s/1jGCP2Lo) 密码：sq2p
## 产品及其它
**阿里前副总裁波特从马云身上学到的40条心得**
[http://zhouchangfan.baijia.baidu.com/article/179358](http://zhouchangfan.baijia.baidu.com/article/179358)
波特•埃里斯曼是阿里巴巴最早加入的美国员工之一，曾任阿里巴巴国际及阿里巴巴集团的副总裁。他将自己的亲身经历以及他对阿里巴巴的观察和看法写成《阿里传》一书，而下面的 40 堂课即是波特从马云和阿里巴巴创业过程中学到的 “心法”，涉及商业、生活与企业家精神。
**史上最猛程序员...**
[http://mp.weixin.qq.com/s?__biz=MjM5NzA1MTcyMA==&mid=209494340&idx=1&sn=9161b0e319614bc4bb9ca597e565d616&scene=2&srcid=09215GOBilBYYNAYlCBk07H5](http://mp.weixin.qq.com/s?__biz=MjM5NzA1MTcyMA==&mid=209494340&idx=1&sn=9161b0e319614bc4bb9ca597e565d616&scene=2&srcid=09215GOBilBYYNAYlCBk07H5)
竞选美国总统，硅谷真正的老大，卖杀毒软件也卖毒品。这哥们叫John McAfee，你别不信，这哥们以前真是程序员，还是世界上第一个破解电脑病毒的人。。。
**什么是工程师文化？**
[http://www.zhihu.com/question/22168420](http://www.zhihu.com/question/22168420)
一个值得思考的话题，这三点总结得不错：
- 对组织管理结构和运行模式有较高要求
- 对自动化和智能化无休止的追求
- 团队精神有着无比重要的地位
**微信之父张小龙如何向马化腾众高管详解微信背后的产品观？**
[http://mp.weixin.qq.com/s?__biz=MjM5MTQ4NzgwNA==&mid=210517947&idx=1&sn=4e12e68172cbcd1503574ba95f20919c&scene=2&srcid=0922S9sGoRiYQk227w36PMWG](http://mp.weixin.qq.com/s?__biz=MjM5MTQ4NzgwNA==&mid=210517947&idx=1&sn=4e12e68172cbcd1503574ba95f20919c&scene=2&srcid=0922S9sGoRiYQk227w36PMWG)
在张小龙看来，关注人性和群体心理，像上帝一样，道生一，一生二地去建立规则和系统，并提高用户体验品味，才算是一个合格的产品经理。以下是张小龙经典的干货，再次与大家分享。另附：产品经理的段位——说说腾讯的产品职级 [http://mp.weixin.qq.com/s?__biz=MjM5MTQ4NzgwNA==&mid=210517947&idx=1&sn=4e12e68172cbcd1503574ba95f20919c&scene=2&srcid=0922S9sGoRiYQk227w36PMWG](http://mp.weixin.qq.com/s?__biz=MjM5MTQ4NzgwNA==&mid=210517947&idx=1&sn=4e12e68172cbcd1503574ba95f20919c&scene=2&srcid=0922S9sGoRiYQk227w36PMWG)