FEX 技术周刊 - 2015/10/19 · FEX 技术周刊

## 业界会议 **CSSconf EU 2015** [http://2015.cssconf.eu/](http://2015.cssconf.eu/) 有位大神一个演讲很霸气 PS is Dead!: Editing Photos in CSS [http://geek.csdn.net/news/detail/40797](http://geek.csdn.net/news/detail/40797) 同时还给出了一系列实践文章：[http://una.im/](http://una.im/) **RubyConf China 2015 10.10-10.11** [http://www.rubyconfchina.org/](http://www.rubyconfchina.org/) Ruby 虽然不那么流行，但还是很有市场的的，社区也非常活跃，有很多熟知的应用也是用它开发的，比如 Gitlab 。 **Qconf 2015 - 上海** [http://2015.qconshanghai.com/](http://2015.qconshanghai.com/) 前端话题 [http://2015.qconshanghai.com/track/2510](http://2015.qconshanghai.com/track/2510) ## 深阅读 **Redux best practices** [https://medium.com/lexical-labs-engineering/redux-best-practices-64d59775802e](https://medium.com/lexical-labs-engineering/redux-best-practices-64d59775802e) [http://rackt.github.io/redux/](http://rackt.github.io/redux/) Redux is the React framework that other flux frameworks recommend you use. **Node.js and ES6 Instead of Java – A War Story** [http://www.technology-ebay.de/the-teams/mobile-de/blog/nodejs-es6-war-story](http://www.technology-ebay.de/the-teams/mobile-de/blog/nodejs-es6-war-story) We created a Node.js web app from scratch within 9 weeks that now serves 10.81 million visitors each month*. We used the latest and greatest incarnation of JavaScript – ECMAScript 2015, a.k.a. ES6 – for the backend and frontend alike. We spent late nights coding in gleeful frenzy, stepped into pitfalls, moaned about WTFs, scaled the dizzy heights of asynchronicity. This is our story. **Immutable Data Structures and JavaScript** [http://jlongster.com/Using-Immutable-Data-Structures-in-JavaScript](http://jlongster.com/Using-Immutable-Data-Structures-in-JavaScript) A little while ago I briefly talked about my latest blog rewrite and promised to go more in-depth on specific things I learned. Today I'm going to talk about immutable data structures in JavaScript, specifically two libraries immutable.js and seamless-immutable. **理解SVG transform坐标变换** [http://www.zhangxinxu.com/wordpress/2015/10/understand-svg-transform/](http://www.zhangxinxu.com/wordpress/2015/10/understand-svg-transform/) 普通的HTML元素没有transform属性，但是支持CSS3的transform, 好奇的小伙伴可能会疑问了，CSS3中的transform变换，跟SVG中的transform是什么关系呢？这个文章给出了详细的解读。 **10 Interview Questions Every JavaScript Developer Should Know** [https://medium.com/javascript-scene/10-interview-questions-every-javascript-developer-should-know-6fa6bdf5ad95](https://medium.com/javascript-scene/10-interview-questions-every-javascript-developer-should-know-6fa6bdf5ad95) At most companies, management must trust the developers to give technical interviews in order to assess candidate skills. If you do well as a candidate, you’ll eventually need to interview. Here’s how. 另附一位同学整理的前端面试题汇总 [https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers](https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers) **React 带给 Backbone 开发者的福利** [http://zhuanlan.zhihu.com/FrontendMagazine/20255136](http://zhuanlan.zhihu.com/FrontendMagazine/20255136) 对 React 的三点总结还不错： - 界面应该是一个组合起来的组件树 - 全新的 JavaScript 带来更整洁的代码 - 不要把 DOM 当做数据的状态 **妙用ES6解构和扩展运算符让你的代码更优雅** [http://www.cnblogs.com/chrischjh/p/4848934.html](http://www.cnblogs.com/chrischjh/p/4848934.html) 科普了 ES6 的两个新特性。 **CSS3 中的层叠上下文初探** [http://segmentfault.com/a/1190000003825614](http://segmentfault.com/a/1190000003825614) 用实践来介绍层叠相关的知识。 **百度：防御1Tbps DDoS攻击流量是如何做到的？** [http://www.freebuf.com/news/special/80267.html](http://www.freebuf.com/news/special/80267.html) 当大流量攻击来袭，网站该如何应对？在9.17日百度云安全用一场DDoS攻防实战演练，形象、直观地告诉了我们答案。不少来自安全圈、IT界的怀疑声音：这么大的流量，是从哪来的？目前全球最高的抗D记录也不过400多G，百度这次声称的流量是真实的吗，攻击的手段是足够“专业”的吗？……我们就通过技术解析来阐释，百度云安全是如何做到1Tbps压制能力的？ **Better Java** [https://github.com/cxxr/better-java](https://github.com/cxxr/better-java) Java is one of the most popular programming languages around, but no one seems to enjoy using it. Well, Java is actually an alright programming language, and since Java 8 came out recently, I decided to compile a list of libraries, practices, and tools to make using Java better. "Better" is subjective, so I would recommend taking the parts that speak to you and use them, rather than trying to use all of them at once. Feel free to submit pull requests suggesting additions. 译文： [http://segmentfault.com/a/1190000003771603](http://segmentfault.com/a/1190000003771603) **Write Angular 2 Components In Angular 1** [https://medium.com/@orizens/write-angular-2-components-in-angular-1-de3e3746683a](https://medium.com/@orizens/write-angular-2-components-in-angular-1-de3e3746683a) [http://blog.rangle.io/creating-angular-2-style-components-using-angular-1-part-2/](http://blog.rangle.io/creating-angular-2-style-components-using-angular-1-part-2/) Angular 竟然高调的支持了混用。 **React Native For Android 架构初探** [http://mp.weixin.qq.com/s?__biz=MzI1MTA1MzM2Nw==&mid=207782506&idx=1&sn=3ff6b03c0d59fbda406f64739d9272cf](http://mp.weixin.qq.com/s?__biz=MzI1MTA1MzM2Nw==&mid=207782506&idx=1&sn=3ff6b03c0d59fbda406f64739d9272cf) Facebook 在2015.9.15发布了 React Native for Android，把JavaScript 开发技术扩展到了Android平台。React Native 让开发者使用 JavaScript 和 React 编写应用，利用相同的核心代码就可以创建基于Web，iOS 和 Android 平台的原生应用。本文将浅析Android React的架构及相关基础知识。 **Ludicrously Fast Page Loads - A Guide for Full-Stack Devs** [http://www.nateberkopec.com/2015/10/07/frontend-performance-chrome-timeline.html](http://www.nateberkopec.com/2015/10/07/frontend-performance-chrome-timeline.html) Your website is slow, but the backend is fast. How do you diagnose performance issues on the frontend of your site? We'll discuss everything involved in constructing a webpage and how to profile it at sub-millisecond resolution with Chrome Timeline, Google's flamegraph-for-the-browser.另附来自腾讯的折腾不止前端工程与性能优化 [http://toutiao.com/i6203302363185873409/](http://toutiao.com/i6203302363185873409/) **Ten Rules for Open Source Success** [http://hintjens.com/blog:95](http://hintjens.com/blog:95) [http://www.infoq.com/cn/news/2015/10/Ten-Open-Succes](http://www.infoq.com/cn/news/2015/10/Ten-Open-Succes) 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. **扒一扒HTTPS网站的内幕** [http://segmentfault.com/a/1190000003801450](http://segmentfault.com/a/1190000003801450) HTTPS 正在普及，是得了解相关知识了。可以当 HTTTPS 的科普来看。 **HTTP的分布式网络真的被它替代了么？** [http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=209294316&idx=1&sn=370314db44c467e3b610bed4d3d84182&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=209294316&idx=1&sn=370314db44c467e3b610bed4d3d84182&scene=0#rd) IPFS是一个面向全球的、点对点的分布式版本文件系统。IPFS用基于内容的地址替代了基于域名的地址，试图将所有具有相同文件系统的计算设备连接在一起。IPFS表示，IPFS未来将替代HTTP，这一想法听起来有些疯狂，可是却非常令人期待。 **如何编写一个分布式数据库** [http://mp.weixin.qq.com/s?__biz=MjM5OTcxMzE0MQ==&mid=207696233&idx=1&sn=660fa3434ddac01b391bbfffa9b14c66&scene=1](http://mp.weixin.qq.com/s?__biz=MjM5OTcxMzE0MQ==&mid=207696233&idx=1&sn=660fa3434ddac01b391bbfffa9b14c66&scene=1) 可以了解下存储相关知识。 ## 新鲜货 **Node.js Foundation Welcomes Red Hat as Newest Platinum Member** [https://nodejs.org/en/blog/announcements/welcome-redhat/](https://nodejs.org/en/blog/announcements/welcome-redhat/) **Working with ReactJS in WebStorm: Coding Assistance** [http://blog.jetbrains.com/webstorm/2015/10/working-with-reactjs-in-webstorm-coding-assistance/](http://blog.jetbrains.com/webstorm/2015/10/working-with-reactjs-in-webstorm-coding-assistance/) React support was introduced in WebStorm 10 and has undergone continuous improvement since then. In this blog post we’d like to show how WebStorm can help you write code with React. **Codetainer —— 基于浏览器的容器** [https://github.com/codetainerapp/codetainer](https://github.com/codetainerapp/codetainer) codetainer allows you to create code 'sandboxes' you can embed in your web applications (think of it like an OSS clone of codepicnic.com). **React v0.14** [http://facebook.github.io/react/blog/2015/10/07/react-v0.14.html](http://facebook.github.io/react/blog/2015/10/07/react-v0.14.html) This release has a few major changes, primarily designed to simplify the code you write every day and to better support environments like React Native. **React-date-range** [http://adphorus.github.io/react-date-range/](http://adphorus.github.io/react-date-range/) 基于 React 的日期组件 **GitHot** [http://githot.cn/](http://githot.cn/) [https://github.com/andyiac/githot](https://github.com/andyiac/githot) GitHot is an Android App that will help you to find the world most popular project and person。还有热心同学开发了 Web 版[https://github.com/Sausure/GankWebApp](https://github.com/Sausure/GankWebApp) **Photoshop and Sketch templates of GUI elements found in the public release of iOS 9** [http://facebook.github.io/design/ios9.html](http://facebook.github.io/design/ios9.html) **Machine Learning for Developers** [http://xyclade.github.io/MachineLearning/](http://xyclade.github.io/MachineLearning/) 据说是写给码农看的入门指南。 **farbox-theme-Anatole** [https://github.com/hi-caicai/farbox-theme-Anatole](https://github.com/hi-caicai/farbox-theme-Anatole) This theme is desiged for FarBox,You can use it directly or modified it on FarBox Farbox 这个 blog 挺潮的 [https://www.farbox.com/](https://www.farbox.com/) 号称 The Best Blog Platform for Hummans **Flux Challenge** [https://github.com/staltz/flux-challenge](https://github.com/staltz/flux-challenge) A frontend challenge to test UI architectures and solutions **新兴的NoSQL数据库Cassandra** [http://mp.weixin.qq.com/s?__biz=MjM5MzM3NjM4MA==&mid=215976666&idx=4&sn=a955f3310e6bf0531e468007f95063db&scene=1&srcid=1006HB6e6ReDjck0zzKTvyKw#rd](http://mp.weixin.qq.com/s?__biz=MjM5MzM3NjM4MA==&mid=215976666&idx=4&sn=a955f3310e6bf0531e468007f95063db&scene=1&srcid=1006HB6e6ReDjck0zzKTvyKw#rd) 《使命召唤》游戏、Hive智能恒温器、Social Weather应用程序和威廉希尔（William Hill）博彩应用程序，这些有何共同之处？它们的背后都离不开Apache Cassandra NoSQL数据库。 **CrazyEye** [https://github.com/triaquae/CrazyEye](https://github.com/triaquae/CrazyEye) CrazyEye 是基于 Python 开发的一款简单易用的IT管理软件，目前主要具体以下功能：运维审计：主机分组管理、为运维人员分配指定服务器、指定账号的操作权限主机批量操作：可对指定数量的机器进行批量命令、文件分发操作，可实时查看操作进度和结果 **搭了套测试系统把产品致命BUG危害减至最小** [http://www.pencilnews.cn/?p=555](http://www.pencilnews.cn/?p=555) 文中提到的 Google 的 A/B 测试可关注下 **vue-strap** [https://github.com/yuche/vue-strap](https://github.com/yuche/vue-strap) 基于vue实现的bootstrap组件库 ## 产品及其它 **从贝尔实验室走出的巨人，他甩了乔布斯好几条街…** [http://mp.weixin.qq.com/s?__biz=MzA4NzE2MjAyOA==&mid=213129421&idx=1&sn=1abf5db3e5d2b09163251314d3188cb9&scene=1&srcid=1011HYs53AP7LkAHufk2RKF1#rd](http://mp.weixin.qq.com/s?__biz=MzA4NzE2MjAyOA==&mid=213129421&idx=1&sn=1abf5db3e5d2b09163251314d3188cb9&scene=1&srcid=1011HYs53AP7LkAHufk2RKF1#rd) 当我们在缅怀乔帮主的时候，却很少有人知道，有个傻傻的老头也是在那个10月逝世，和乔帮主离开的时间只相差了几天，然而他在互联网领域的成就，甩了乔帮主好几条街。他就是Unix和 C 语言的发明人丹尼斯·里奇 **关于独角兽，除了十亿美元，也许还有另一种解读** [http://mp.weixin.qq.com/s?__biz=MzA3NTUwODQxOQ==&mid=217418059&idx=1&sn=78aa5c678201dccde368f7e6a056cf08&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzA3NTUwODQxOQ==&mid=217418059&idx=1&sn=78aa5c678201dccde368f7e6a056cf08&scene=0#rd) [http://mp.weixin.qq.com/s?__biz=MzA3NTUwODQxOQ==&mid=217396931&idx=2&sn=505ad7953f293f1eb1e12d8b0748f349&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzA3NTUwODQxOQ==&mid=217396931&idx=2&sn=505ad7953f293f1eb1e12d8b0748f349&scene=0#rd) 它们会创造巨大的价值。它们不仅是创造经济价值，它们也会对社会和世界创造自己独有的价值。他们成为独角兽并不是凭借他们的估值，而是因为他们的产品曾经让我们感到惊奇 **缩进圣战！！！** [http://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=215766844&idx=1&sn=59b52569b7c52ac874e0b2fdb4bce3f1&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MzAxMzMxNDIyOA==&mid=215766844&idx=1&sn=59b52569b7c52ac874e0b2fdb4bce3f1&scene=0#rd) 又一个经典话题 **51家初创公司的失败案例+创始人的事后总结** [http://mp.weixin.qq.com/s?__biz=MjM5MTk1NjI0MA==&mid=209099924&idx=1&sn=65af394bc783b5f6a4b6bda87f8d380e&scene=0#rd](http://mp.weixin.qq.com/s?__biz=MjM5MTk1NjI0MA==&mid=209099924&idx=1&sn=65af394bc783b5f6a4b6bda87f8d380e&scene=0#rd) 创业最重要的是什么？商业模式是、靠谱的团队，看完这篇文章中的51个失败案例后，你会规避更多潜在的问题，比如说，用户也是坑啊！另附技术人员创业最大的“坑”是眼界和情商 [http://mp.weixin.qq.com/s?__biz=MzA3ODQ1NjYyOQ==&mid=213092717&idx=1&sn=8be7958f9fc0db11031f99d01953cd29&scene=2&srcid=1008yfNMzkVBKKQkfTihQ22D](http://mp.weixin.qq.com/s?__biz=MzA3ODQ1NjYyOQ==&mid=213092717&idx=1&sn=8be7958f9fc0db11031f99d01953cd29&scene=2&srcid=1008yfNMzkVBKKQkfTihQ22D)