深閱讀

The cost of small modules
https://nolanlawson.com/2016/08/15/the-cost-of-small-modules/
In this post, I’d like to demonstrate that small modules can have a surprisingly high performance cost depending on your choice of bundler and module system. Furthermore, I’ll explain why this applies not only to the modules in your own codebase, but also to the modules within dependencies, which is a rarely-discussed aspect of the cost of third-party code.

The Basics of Web Application Security
http://martinfowler.com/articles/web-security-basics.html
Modern web development has many challenges, and of those security is both very important and often under-emphasized. While such techniques as threat analysis are increasingly recognized as essential to any serious development, there are also some basic practices which every developer can and should be doing as a matter of course.

Offline Storage for Progressive Web Apps
https://medium.com/dev-channel/offline-storage-for-progressive-web-apps-70d52695513c#.o5odlsdv7
Internet connections can be flakey or non-existent on the go, which is why offline support and reliable performance are common features in Progressive Web Apps. In this post, I’ll summarize some ideas around offline data storage for PWAs?—?think the JSON payloads, images and general static data required to provide a meaningful experience offline.

解讀 V8 GC Log
http://alinode.aliyun.com/blog/37
http://alinode.aliyun.com/blog/38
JavaScript 作為一個(gè)來自客戶端場景的語言党涕，在 GC 方面的調(diào)優(yōu)工具存在一定的短板膛堤。JavaScript 調(diào)優(yōu)必備的 Chrome Devtools 針對前端場景晌该，提供了 CPU Profile肥荔、Heap Snapshot 和 Heap Timeline 三種工具燕耿，卻沒有將 GC 日志直接暴露出來的功能姜胖，也沒有相應(yīng)的分析功能，相關(guān)的文檔更是缺乏右莱，日志的格式、字段的意義都免不了要閱讀 V8 的源代碼才能理解慢蜓。這篇文章的目的之一，也是補(bǔ)足這方面的空白针余。

The 16 Most Popular React Links So Far in 2016
https://medium.com/cooper-press/the-18-most-popular-react-links-so-far-in-2016-b3492c0d9f03#.f5i76m6ql
We’ve looked through the stats for the 20 issues of JavaScript Weekly published so far in 2016 and have collected together the most popular React articles, videos and tutorials readers have clicked on.

The rise of functional programming & the decline of Angular 2.0
http://blog.wolksoftware.com/the-rise-of-functional-programming-and-the-death-of-angularjs
Learn why we believe that the rise of functional programming (FP)
will prevent Angular 2.0 from being as successful as its predecessor.

Constant confusion: why I still use JavaScript function statements
https://medium.freecodecamp.com/constant-confusion-why-i-still-use-javascript-function-statements-984ece0b72fd#.70d2vnxuw
Function 和 Arrow Function 各自使用場景的討論

前端 IoC 理念入門
http://efe.baidu.com/blog/introduction-about-ioc-in-frontend/
前端應(yīng)用（WebApp）正朝著大規(guī)模方向發(fā)展，在這個(gè)過程中我們會(huì)對項(xiàng)目拆解成多個(gè)模塊/組件來組合使用圆雁，以此提高我們代碼的復(fù)用性，最終提高研發(fā)效率伪朽。在編寫一個(gè)復(fù)雜組件的時(shí)候，總會(huì)依賴其他組件來協(xié)同完成某個(gè)邏輯功能朴肺。組件越復(fù)雜，依賴越多戈稿，可復(fù)用性就越差讶舰，我們可以借助軟件工程中優(yōu)秀的編程理念來提高復(fù)雜組件的可復(fù)用性鞍盗，以下將詳述其中之一的依賴倒置理念般甲。

[譯]函數(shù)式編程術(shù)語解析
http://pinggod.com/2016/%E5%87%BD%E6%95%B0%E5%BC%8F%E7%BC%96%E7%A8%8B%E6%9C%AF%E8%AF%AD%E8%A7%A3%E6%9E%90/
函數(shù)式編程蔚然成風(fēng)鹅颊，越來越多的開源項(xiàng)目、技術(shù)交流在使用函數(shù)式編程的術(shù)語降低開發(fā)或溝通成本堪伍，這無形中對不了解函數(shù)式編程的開發(fā)者造成了一定的學(xué)習(xí)門檻，翻譯本文的初衷就是要普及函數(shù)式編程的基本知識(shí)帝雇，從新的角度擴(kuò)展編程思維。

Web 開發(fā)不應(yīng)該這么復(fù)雜
https://v2ex.com/t/299785
沒有前端怎么辦？靠純 HTML 渲染刘离，不過這樣性能真的好么

為什么 ReactJS 不適合復(fù)雜的前端項(xiàng)目？
http://insights.thoughtworkers.org/more-than-react-1/
吐槽 React 復(fù)雜且慢硫惕，不過 Scala 也是個(gè)被吐槽復(fù)雜度高的語言呢

使用React重構(gòu)百度新聞webapp前端
http://wangfupeng.coding.me/share/2016/08/06/restruct-bdnews-webapp-by-react.html
來自百度新聞移動(dòng)版的的 React 實(shí)踐，React 在移動(dòng)端上的應(yīng)用越來越普遍了踪旷。

weex中使用數(shù)據(jù)流工具Vuex實(shí)踐
https://github.com/weexteam/article/issues/62
本文主要記錄的就是在用weex開發(fā)app過程中遇到的一個(gè)最大的問題——數(shù)據(jù)流管理問題曼氛，圍繞著用weex來寫單頁app的情景來討論令野。

ZeusPlugin:掌閱Android App插件補(bǔ)丁實(shí)踐
http://www.reibang.com/p/b1e7b6326330
Android 開發(fā)不搞插件化都不好意思和別人打招呼

98 personal data points that Facebook uses to target ads to you
https://www.washingtonpost.com/news/the-intersect/wp/2016/08/19/98-personal-data-points-that-facebook-uses-to-target-ads-to-you/
FB 在廣告中用到的用戶數(shù)據(jù)

HOW TO KEEP HIS NPM DEPENDENCIES UP-TO-DATE
http://blog.js-republic.com/keep-npm-dependencies-up-to-date/
After we have installed NPM dependencies, we don’t take care of their new versions. After some months, we realize that the project is completely outdated and needs to be upgraded. The problem is that many dependencies contain breaking changes and it becomes a real pain to upgrade. To avoid this kind of problems, updating regularly is important. And rather than go yourself check each version of dependency, you can use one of the many solutions described here.

Is Guy Fieri in Your Node.js Packages?
https://nodesource.com/blog/is-guy-fieri-in-your-node-js-packages/
Do you even know all the packages your application is using? You are likely familiar with the top-level packages your applications use, that are listed in your package.json’s dependencies. But that’s just the tip of the iceberg. What do those packages depend on?

**
Web-native mobile app frameworks: How to sort through the choices**
http://techbeacon.com/web-native-mobile-app-frameworks-how-sort-through-choices
如何選擇一個(gè)移動(dòng)端開發(fā)框架气破，可以通過這個(gè)文章了解下現(xiàn)有的移動(dòng)端應(yīng)用開發(fā)解決方案。

Using Feature Queries in CSS
https://hacks.mozilla.org/2016/08/using-feature-queries-in-css/
With @supports, you can write a small test in your CSS to see whether or not a particular “feature” (CSS property or value)
is supported, and apply a block of code (or not)
based on the answer.

Writing Less Damn Code
http://www.heydonworks.com/article/on-writing-less-damn-code
Here are a few tips and ideas that might help. I’ve written about some of them before, but in terms of accessibility and responsive design. It just happens that a flexible, accessible Web is one we try to exert little of our own control over; one we do less to break.

Building A Server-Side Application With Async Functions and Koa 2
https://www.smashingmagazine.com/2016/08/getting-started-koa-2-async-functions/
First, I’ll recap what async functions are and how they work. Then, I’ll highlight the differences between Koa 1 and Koa 2. After that, I will describe my demo app for Koa 2, covering all aspects of development, including testing (using Mocha, Chai and Supertest)
and deployment (using PM2)
.

**
Let’s look at some of the security at Github**
https://chloe.re/2016/08/15/lets-look-at-some-of-the-security-at-github/
This is a short article showing five things I find awesome with Github’s security. Best of all is that we could learn from Github and follow their lead. This article is more a way of describing what I usually do; look at big actors and see how they’ve implemented their security and figure out why. Personally, this is a great way for learning about web application security defense.

關(guān)于高可用的系統(tǒng)
http://coolshell.cn/articles/17459.html
SLA的定義低匙，這不僅僅只是一個(gè)技術(shù)指標(biāo)碳锈，而是一種服務(wù)提供商和用戶之間的contract或契約，并不簡簡單單的只是一個(gè)技術(shù)方案售碳。如果你沒有一套科學(xué)的牛逼的軟件工程的管理，沒有牛逼先進(jìn)的自動(dòng)化的運(yùn)維工具团滥，沒有技術(shù)能力很牛逼的工程師團(tuán)隊(duì)，怎么可能出現(xiàn)高可用的系統(tǒng)啊拱燃。

過去十年，編程語言領(lǐng)域有什么重要進(jìn)展
http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2650993799&idx=1&sn=a717fe979195daf871658f23ce871471
十年來力惯，盡管軟件行業(yè)發(fā)展迅速，熱門編程語言的發(fā)展似乎卻成了例外哮缺，始終未有太大改變。不過事實(shí)并不盡然尝苇，編程語言的真正變化在于：為了競爭存活埠胖，前十大熱門編程語言都借鑒了其他語言的功能，作為新功能引入直撤。究竟哪幾方面變化明顯？

SRE：源自Google的DevOps最佳實(shí)踐
http://mp.weixin.qq.com/s?__biz=MzA4Nzg5Nzc5OA==&mid=2651661472&idx=1&sn=0a829928448dfeb6a562225a709b3bf7
從中可以了解 Google 的實(shí)踐谋竖，推薦看這本書：Site Reliability Engineering

HTTP 協(xié)議入門
http://www.ruanyifeng.com/blog/2016/08/http.html
跟阮一峰老師一起回顧 HTTP 協(xié)議的發(fā)展歷史承匣，期待 HTTP2 的大范圍應(yīng)用锤悄。

新鮮貨

Node v4.5.0 (LTS)
https://nodesource.com/blog/node-js-v4-5-0-release-brief/
This release contains new Buffer constructor APIs previously only available in v6 , as well as the –zero-fill-buffers command line flag , proper handling of tabs when copied into the REPL , Intel Vtune profiling support , improved support for embedders , and better post-mortem data.

Another 10k Apart: Create a Website in 10 KB, Win Prizes!
http://alistapart.com/article/another-10k-apart
https://a-k-apart.com/
It gives us great pleasure to announce the 2016 10k Apart competition. Create a fully functioning website in 10 KB or less! Amaze your friends! Astound the world! Compete for fabulous prizes! Why 10k? Why now? It’s simple, really.

Go 1.7 is released
https://blog.golang.org/go1.7
There are several significant changes in this release: a port for Linux on IBM z Systems (s390x)
, compiler improvements, the addition of the context package, and support for hierarchical tests and benchmarks.

Microsoft - PowerShell is open sourced and is available on Linux
https://github.com/PowerShell/PowerShell
https://azure.microsoft.com/en-us/blog/powershell-is-open-sourced-and-is-available-on-linux/
PowerShell is a cross-platform (Windows, Linux, and OS X)
automation and configuration tool/framework that works well with your existing tools and is optimized for dealing with structured data (e.g. JSON, CSV, XML, etc.)
, REST APIs, and object models. It includes a command-line shell, an associated scripting language and a framework for processing cmdlets. 剛開源就引發(fā)一個(gè)激烈的討論 remove curl and wget aliases

express-status-monitor
https://github.com/RafalWilinski/express-status-monitor
Simple, self-hosted module based on Socket.io and Chart.js to report realtime server metrics for Express-based node servers. More Node frameworks coming soon.

Node.js Client for Google Maps Services
https://github.com/googlemaps/google-maps-services-js
Use Node.js? Want to geocode something? Looking for directions? This library brings the Google Maps API Web Services to your Node.js application.

CircleCI
https://circleci.com/
CircleCI’s continuous integration and delivery platform helps software teams rapidly release code with confidence by automating the build, test, and deploy process. CircleCI offers a modern software development platform that lets teams ramp quickly, scale easily, and build confidently every day.

Simpler GitHub Pages publishing
https://github.com/blog/2228-simpler-github-pages-publishing
We’re making it easier to publish a website with GitHub Pages. Now you can select a source in your repository settings and GitHub Pages will look for your content there.

Introducing Webpack Dashboard
https://github.com/FormidableLabs/webpack-dashboard
https://formidable.com/blog/2016/08/15/introducing-webpack-dashboard/
直觀展示項(xiàng)目相關(guān)信息

第51期OSC源創(chuàng)會(huì)-圖文回顧及PPT分享
http://www.oschina.net/question/2686220_2191774
話題有：云時(shí)代的企業(yè)運(yùn)維轉(zhuǎn)型——黨受輝老師宽闲；Freezer—OpenStack Backup/Restore as a Service握牧；數(shù)據(jù)可視化與大數(shù)據(jù)的結(jié)合——喬剛老師容诬；透過 TheDAO 眾籌安全事件看區(qū)塊鏈安全問題览徒；跨平臺(tái)移動(dòng)開發(fā)工具 Weex 開源之路。PPT 在文章末尾习蓬，感興趣的請自取措嵌。

APMCon 2016中國應(yīng)用性能管理大會(huì)圓滿落幕(附完整PPT)
http://www.apmcon.cn/
http://mp.weixin.qq.com/s?__biz=MzA3MzYwNjQ3NA==&mid=2651297052&idx=1&sn=9f8bc1540cfec95c3b4132b7056e744f
APMCon是由InfoQ、極客邦與聽云聯(lián)合主辦的高水準(zhǔn)APM技術(shù)盛會(huì)企巢，聚焦當(dāng)前最為熱門的移動(dòng)端、Web端和Server端的性能監(jiān)控和管理技術(shù)浪规，整個(gè)會(huì)議設(shè)置包含了：性能可視化、服務(wù)端監(jiān)控實(shí)踐笋婿、運(yùn)維自動(dòng)化、數(shù)據(jù)庫性能優(yōu)化足丢、APM云服務(wù)架構(gòu)和HTML5調(diào)優(yōu)最佳實(shí)踐等話題。

LogicJS
https://github.com/mcsoto/LogicJS
LogicJS adds logic programming to JavaScript.

Recharts
http://recharts.org/
A composable charting library built on React components. Recharts makes it easy to integrate charts into your React application.

Angular Material - 1.1 and 2.x
http://angularjs.blogspot.co.uk/2016/08/angular-material-11-and-2x.html
https://material.angularjs.org/
The release of Angular Material 1.1, now available for use with Angular 1.x applications. Angular Material 2 continues in alpha preview.

Vim 8.0 is coming
https://github.com/vim/vim/blob/master/runtime/doc/version8.txt
http://www.vim.org/
Work on Vim 8.0 is coming close to an end. I hope version 8.0 can be released in about two weeks. This is a last chance to modify new features in a way that is not backwards compatible. Once 8.0 is out we can’t make changes that would break plugins.

Chrome應(yīng)用可能要被谷歌拋棄
http://tech.qq.com/a/20160821/018653.htm
谷歌宣布計(jì)劃將會(huì)在2018年初停止支持針對Windows斩跌、Mac和Linux的Chrome應(yīng)用。Chrome插件和主題將不會(huì)受到影響滔驶，而Chrome應(yīng)用將會(huì)繼續(xù)出現(xiàn)在Chrome OS中卿闹。
產(chǎn)品及其它

谷歌有個(gè)職位叫「產(chǎn)品倫理設(shè)計(jì)師」揭糕，任務(wù)是減少你刷手機(jī)的次數(shù)
http://www.geekpark.net/topics/216364
想象一下著角，如果成百上千工程師每天的工作就是發(fā)明讓你沉迷的方法，是多么可怕吏口。終極自由是思想的自由，我們需要科技幫助我們自由地生活产徊、感受、思考以及行動(dòng)舟铜。首先，我們需要智能手機(jī)谆刨、通知和瀏覽器成為能夠展現(xiàn)完美價(jià)值而不是沖動(dòng)的思想和人際關(guān)系的外骨骼归斤。并且，人們的時(shí)間是寶貴的脏里，我們應(yīng)該像保護(hù)隱私和其他數(shù)字版權(quán)一樣保護(hù)它。

Google Duo, a simple 1-to-1 video calling app for everyone
https://googleblog.blogspot.com/2016/08/meet-google-duo-simple-1-to-1-video.html?m=1
Today, we’re releasing Google Duo — a simple 1-to-1 video calling app available for Android and iOS. Duo takes the complexity out of video calling, so that you can be together in the moment wherever you are.

張一鳴：年輕人能夠走向成功的五個(gè)重要能力
http://www.yixieshi.com/48881.html
總結(jié)得很精辟：有好奇心膝宁，能夠主動(dòng)學(xué)習(xí)新事物、新知識(shí)和新技能员淫；對不確定性保持樂觀；不甘于平庸介返，并不是專門指薪酬要很高或者技術(shù)很好，而是你對自己的標(biāo)準(zhǔn)一定要高圣蝎；不傲嬌，要能延遲滿足感徘公；對重要的事情有判斷力。

傅盛-工作是最好的修行
http://fusheng.baijia.baidu.com/article/584556
人哪里需要遠(yuǎn)離凡塵关面？工作場所就是修煉精神的最佳場所十厢，工作本身就是一種修行捂齐。只要每天努力工作，培養(yǎng)崇高的人格奠宜，美好人生也將唾手可得。你對待工作的態(tài)度娩嚼，會(huì)實(shí)實(shí)在在影響你的人格和氣質(zhì)。把一件小事做到極致待锈，平凡的你將變得不平凡。

The traits of a proficient programmer
https://www.oreilly.com/ideas/the-traits-of-a-proficient-programmer
Competence means having enough experience and knowledge to get stuff done; proficiency involves knowing why you are doing something in a certain way, and how it fits into the big picture. In other words, a proficient practitioner is always a competent practitioner, but the opposite may not be true. Once you start focusing on proficiency, there’s a good chance that you will end up finding the true path to mastery.

十年鵝兄陳子舜-揭秘他的web前端專家之路
http://mp.weixin.qq.com/s?__biz=MjM5MDgwMzc4MA==&mid=2654860443&idx=1&sn=be79f2d8ce312c87eb4d72d506734bfa
在騰訊云竿音，前端開發(fā)扮演的是一個(gè)偏體驗(yàn)的工程師拴驮，我們要保證每個(gè)產(chǎn)品的體驗(yàn)包括流程、便捷性是否足夠完善套啤。在騰訊云，后端開發(fā)要保證接口的原子性不出錯(cuò)潜沦，但是前端開發(fā)要把所有功能串起來，不能讓用戶覺得有問題唆鸡，或是用某一個(gè)功能突然卡殼，這個(gè)是騰訊云對前端很重要的要求争占。贊這個(gè)理念：“我們希望自己團(tuán)隊(duì)的前端開發(fā)，即使有一天離開騰訊臂痕，在外面的公司也能承擔(dān)起CTO的角色，而不是只能專注于某一個(gè)領(lǐng)域”