深閱讀
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 作為一個來自客戶端場景的語言，在 GC 方面的調優工具存在一定的短板。JavaScript 調優必備的 Chrome Devtools 針對前端場景，提供了 CPU Profile、Heap Snapshot 和 Heap Timeline 三種工具，卻沒有將 GC 日志直接暴露出來的功能，也沒有相應的分析功能，相關的文檔更是缺乏，日志的格式、字段的意義都免不了要閱讀 V8 的源代碼才能理解。這篇文章的目的之一，也是補足這方面的空白。
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/
前端應用（WebApp）正朝著大規模方向發展，在這個過程中我們會對項目拆解成多個模塊/組件來組合使用，以此提高我們代碼的復用性，最終提高研發效率。在編寫一個復雜組件的時候，總會依賴其他組件來協同完成某個邏輯功能。組件越復雜，依賴越多，可復用性就越差，我們可以借助軟件工程中優秀的編程理念來提高復雜組件的可復用性，以下將詳述其中之一的依賴倒置理念。
[譯]函數式編程術語解析
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/
函數式編程蔚然成風，越來越多的開源項目、技術交流在使用函數式編程的術語降低開發或溝通成本，這無形中對不了解函數式編程的開發者造成了一定的學習門檻，翻譯本文的初衷就是要普及函數式編程的基本知識，從新的角度擴展編程思維。
Web 開發不應該這么復雜
https://v2ex.com/t/299785
沒有前端怎么辦？靠純 HTML 渲染，不過這樣性能真的好么
為什么 ReactJS 不適合復雜的前端項目？
http://insights.thoughtworkers.org/more-than-react-1/
吐槽 React 復雜且慢，不過 Scala 也是個被吐槽復雜度高的語言呢
使用React重構百度新聞webapp前端
http://wangfupeng.coding.me/share/2016/08/06/restruct-bdnews-webapp-by-react.html
來自百度新聞移動版的的 React 實踐，React 在移動端上的應用越來越普遍了。
weex中使用數據流工具Vuex實踐
https://github.com/weexteam/article/issues/62
本文主要記錄的就是在用weex開發app過程中遇到的一個最大的問題——數據流管理問題，圍繞著用weex來寫單頁app的情景來討論。
ZeusPlugin:掌閱Android App插件補丁實踐
http://www.lxweimin.com/p/b1e7b6326330
Android 開發不搞插件化都不好意思和別人打招呼
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 在廣告中用到的用戶數據
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
如何選擇一個移動端開發框架，可以通過這個文章了解下現有的移動端應用開發解決方案。
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.
關于高可用的系統
http://coolshell.cn/articles/17459.html
SLA的定義，這不僅僅只是一個技術指標，而是一種服務提供商和用戶之間的contract或契約，并不簡簡單單的只是一個技術方案。如果你沒有一套科學的牛逼的軟件工程的管理，沒有牛逼先進的自動化的運維工具，沒有技術能力很牛逼的工程師團隊，怎么可能出現高可用的系統啊。
過去十年，編程語言領域有什么重要進展
http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2650993799&idx=1&sn=a717fe979195daf871658f23ce871471
十年來，盡管軟件行業發展迅速，熱門編程語言的發展似乎卻成了例外，始終未有太大改變。不過事實并不盡然，編程語言的真正變化在于：為了競爭存活，前十大熱門編程語言都借鑒了其他語言的功能，作為新功能引入。究竟哪幾方面變化明顯？
SRE：源自Google的DevOps最佳實踐
http://mp.weixin.qq.com/s?__biz=MzA4Nzg5Nzc5OA==&mid=2651661472&idx=1&sn=0a829928448dfeb6a562225a709b3bf7
從中可以了解 Google 的實踐，推薦看這本書：Site Reliability Engineering
HTTP 協議入門
http://www.ruanyifeng.com/blog/2016/08/http.html
跟阮一峰老師一起回顧 HTTP 協議的發展歷史，期待 HTTP2 的大范圍應用。
新鮮貨
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. 剛開源就引發一個激烈的討論 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/
直觀展示項目相關信息
第51期OSC源創會-圖文回顧及PPT分享
http://www.oschina.net/question/2686220_2191774
話題有：云時代的企業運維轉型——黨受輝老師；Freezer—OpenStack Backup/Restore as a Service；數據可視化與大數據的結合——喬剛老師；透過 TheDAO 眾籌安全事件看區塊鏈安全問題；跨平臺移動開發工具 Weex 開源之路。PPT 在文章末尾，感興趣的請自取。
APMCon 2016中國應用性能管理大會圓滿落幕(附完整PPT)
http://www.apmcon.cn/
http://mp.weixin.qq.com/s?__biz=MzA3MzYwNjQ3NA==&mid=2651297052&idx=1&sn=9f8bc1540cfec95c3b4132b7056e744f
APMCon是由InfoQ、極客邦與聽云聯合主辦的高水準APM技術盛會，聚焦當前最為熱門的移動端、Web端和Server端的性能監控和管理技術，整個會議設置包含了：性能可視化、服務端監控實踐、運維自動化、數據庫性能優化、APM云服務架構和HTML5調優最佳實踐等話題。
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應用可能要被谷歌拋棄
http://tech.qq.com/a/20160821/018653.htm
谷歌宣布計劃將會在2018年初停止支持針對Windows、Mac和Linux的Chrome應用。Chrome插件和主題將不會受到影響，而Chrome應用將會繼續出現在Chrome OS中。
產品及其它
谷歌有個職位叫「產品倫理設計師」，任務是減少你刷手機的次數
http://www.geekpark.net/topics/216364
想象一下，如果成百上千工程師每天的工作就是發明讓你沉迷的方法，是多么可怕。終極自由是思想的自由，我們需要科技幫助我們自由地生活、感受、思考以及行動。首先，我們需要智能手機、通知和瀏覽器成為能夠展現完美價值而不是沖動的思想和人際關系的外骨骼。并且，人們的時間是寶貴的，我們應該像保護隱私和其他數字版權一樣保護它。
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.
張一鳴：年輕人能夠走向成功的五個重要能力
http://www.yixieshi.com/48881.html
總結得很精辟：有好奇心，能夠主動學習新事物、新知識和新技能；對不確定性保持樂觀；不甘于平庸，并不是專門指薪酬要很高或者技術很好，而是你對自己的標準一定要高；不傲嬌，要能延遲滿足感；對重要的事情有判斷力。
傅盛-工作是最好的修行
http://fusheng.baijia.baidu.com/article/584556
人哪里需要遠離凡塵？工作場所就是修煉精神的最佳場所，工作本身就是一種修行。只要每天努力工作，培養崇高的人格，美好人生也將唾手可得。你對待工作的態度，會實實在在影響你的人格和氣質。把一件小事做到極致，平凡的你將變得不平凡。
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
在騰訊云，前端開發扮演的是一個偏體驗的工程師，我們要保證每個產品的體驗包括流程、便捷性是否足夠完善。在騰訊云，后端開發要保證接口的原子性不出錯，但是前端開發要把所有功能串起來，不能讓用戶覺得有問題，或是用某一個功能突然卡殼，這個是騰訊云對前端很重要的要求。贊這個理念：“我們希望自己團隊的前端開發，即使有一天離開騰訊，在外面的公司也能承擔起CTO的角色，而不是只能專注于某一個領域”
