深閱讀
React Fiber Architecture
https://github.com/acdlite/react-fiber-architecture
React Fiber is an ongoing reimplementation of React’s core algorithm. It is the culmination of over two years of research by the React team. The goal of React Fiber is to increase its suitability for areas like animation, layout, and gestures. Its headline feature is incremental rendering: the ability to split rendering work into chunks and spread it out over multiple frames.
Future of Serverless Architectures
http://martinfowler.com/articles/serverless.html#future
Martin Fowler 的 Serverless 架構(gòu)又新增了內(nèi)容掰曾。
JavaScript and Functional Programming
https://bethallchurch.github.io/JavaScript-and-Functional-Programming/
Although there are tensions between object-oriented and functional approaches, they are not mutually exclusive. JavaScript has the tools to support both paradigms. Even without using it exclusively as a functional language, there are concepts and best practices from the functional approach that we can use to make our own code cleaner, more readable, and easier to reason about.
京東單品頁前端開發(fā)那些不得不說的事兒
https://keelii.github.io/2016/07/31/something-have-to-say-with-JD-item/
介紹了重構(gòu)一個老系統(tǒng)的過程脾歇,不過竟在用 seajs ,并沒用上 ES6 + webpack 的模式煮仇。另附:京東-三級列表頁持續(xù)架構(gòu)優(yōu)化
水醋。最近有不少京東的技術(shù)文章渐白,看來是正在進(jìn)行大規(guī)模的前端架構(gòu)升級和系統(tǒng)重構(gòu)借杰。
滴滴-如何打造公司級公共前端團隊
http://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247484052&idx=1&sn=36ee56c0f5ca78451558c5fdfeba743b
作為公司級的公共前端團隊,應(yīng)該如何對團隊進(jìn)行定位电抚,在實踐過程中應(yīng)注意哪些問題惕稻,如何打造這樣的團隊?本文對滴滴公共前端團隊的實踐進(jìn)行了總結(jié)蝙叛,希望能帶給讀者一些啟發(fā)俺祠。
QQ空間面向移動時代Hybrid架構(gòu)設(shè)計
介紹QQ空間Hybrid架構(gòu),包括如何提高H5頁的加載速度以及穩(wěn)定性借帘,以及使用React Native如何提高體驗蜘渣,改善性能。
入門 Webpack肺然,看這篇就夠了
https://segmentfault.com/a/1190000006178770
如果你以前沒怎么接觸過Webpack蔫缸,如果你對webpack感興趣,本文中有一個貫穿始終的例子际起,如果你能把這個例子自己動手寫一次拾碌,寫完以后你會發(fā)現(xiàn)你已明明白白的走進(jìn)了Webpack的大門。
最全前端資源匯集
http://www.jeffjade.com/2016/03/30/104-front-end-tutorial/
這小伙整理的資料挺全面的街望。還有一個類似的東西:[web前端知識體系大全(http://www.phpxs.com/post/5266/
)
校翔,比較體系化。 附帶推薦https://github.com/dypsilon/frontend-dev-bookmarks
http://www.frontendhandbook.com/
https://developers.google.com/web/fundamentals/
Building Ambitious Web Applications with Ember.js
http://www.danielgynn.com/building-ember-apps/
In this blog post, I’ll talk about the core concepts of the Ember framework and give a demo of how to build an Ember application using a simple book management app as an example.
What’s Next for Multi-process Firefox
https://blog.mozilla.org/futurereleases/2016/08/02/whats-next-for-multi-process-firefox/
Electrolysis is the project name for Mozilla’s efforts to split Firefox into multiple processes to improve responsiveness, stability, and security. The first phase of this work was to split Firefox into a UI process and a content process.
Writing Secure Node.js Code
https://www.youtube.com/watch?v=wCfE-9bhY2Y
In this Node.js Live presentation, Josh looks at how to mitigate risks when it comes to npm packages.
The case for JS++
http://sdtimes.com/the-case-for-js-plus-plus/
JS++ is a superset of JavaScript. (In fact, it was the first superset of JavaScript when it initially went into alpha in October 2011.)
What this means is that all valid JavaScript programs are valid JS++ programs.
A Primer on the React Ecosystem
http://patternhatch.com/2016/08/02/a-primer-on-the-react-ecosystem-part-2-of-3/
http://patternhatch.com/2016/07/06/a-primer-on-the-react-ecosystem-part-1-of-3/
非常全面的 React 參考資料
**
Why our website is faster than yours**
https://www.voorhoede.nl/en/blog/why-our-website-is-faster-than-yours/
網(wǎng)站性能優(yōu)化的建議
Android開發(fā)人員不得不收集的代碼
https://github.com/Blankj/AndroidUtilCode
作者收集了很多 Android 開發(fā)人員常用的代碼片段灾前,包含了對設(shè)備信息防症、網(wǎng)絡(luò)信息、界面 UI 等常用基本操作
High Performance SVGshttps://css-tricks.com/high-performance-svgs/
文中介紹了幾種優(yōu)化SVG的方法哎甲,宗旨還是在于減少不必要的點線
Writing Secure Node.js Code
https://www.youtube.com/watch?v=wCfE-9bhY2Y
In this Node.js Live presentation, Josh looks at how to mitigate risks when it comes to npm packages.
Writing a JavaScript framework - Execution timing, beyond setTimeout
https://blog.risingstack.com/writing-a-javascript-framework-execution-timing-beyond-settimeout/
Explain the different ways of executing asynchronous code in the browser.
Don’t just let Node.js take the blame
http://apmblog.dynatrace.com/2016/07/26/dont-let-just-node-js-take-the-blame/
No matter how well-built your applications are, countless issues can cause performance problems, putting the platforms they are running on under scrutiny. If you’ve moved to Node.js to power your applications, you may be at risk of these issues calling your choice into question. How do you identify vulnerabilities and mitigate risk to take the focus off troubleshooting the technology and back where it belongs, on innovation?
高質(zhì)量 Node.js 微服務(wù)的編寫和部署
https://segmentfault.com/a/1190000006166385
異步蔫敲、異常處理、Docker 部署等
**
Introducing EdgeHTML 14 with the Windows 10 Anniversary Update**
https://blogs.windows.com/msedgedev/2016/08/04/introducing-edgehtml-14/
把其它瀏覽器都拿來對比了一下烧给,號稱很多方面都領(lǐng)先
React Native at SoundCloud
https://developers.soundcloud.com/blog/react-native-at-soundcloud
SoundCloud 的嘗試燕偶,結(jié)論是效果不錯打算深入使用
JSPatch成長之路
http://mp.weixin.qq.com/s?__biz=MzA3NTYzODYzMg==&mid=2653577579&idx=2&sn=e30c0415e6f3b5eb18ddbe7c0589d833&scene=4#wechat_redirect
介紹了實現(xiàn)原理及和 React Native/Weex 的對比
專治時間長—5分鐘測試Android覆蓋安裝
http://tmq.qq.com/2016/07/specialist-in-a-long-time-5-minutes-test-android-cover-installation/
如何解決測試版本多的問題
炒了8年的概念喝噪,到底該如何理解DevOps這個詞
http://mp.weixin.qq.com/s?__biz=MzA5Nzc4OTA1Mw==&mid=2659597867&idx=1&sn=10f7c2f5907f26563cc9682e474fed11
如何實施DevOps成為眾多企業(yè)迫切面臨的問題础嫡,本文作者劉相,有10多年的從業(yè)經(jīng)驗,他結(jié)合自身企業(yè)實施DevOps的經(jīng)驗榴鼎,梳理出DevOps在企業(yè)的組織伯诬、技術(shù)、流程等方面的最佳實踐與價值巫财,以及如何搭建DevOps平臺來支撐DevOps的落地工作盗似。
10 Rules For Efficient Form Design
http://babich.biz/10-rules-for-efficient-form-design/
In this article, you’ll see practical recommendations that have been crafted from usability testing, field testing, eye tracking and actual complaints made by disgruntled users. Use these recommendations as a starting point for your form design.
User Memory Design: How To Design For Experiences That Last
https://www.smashingmagazine.com/2016/08/user-memory-design-how-to-design-for-experiences-that-last/
Experience and the memory of experience are related but systematically different. Each of us has two selves, the experiencing self and the remembering self, but the remembering self does the learning, judging and deciding. Memory is a collection of snapshots that gives extra weight to the most intense moment and the final moment of an experience. Designing for experience is still important, but we should strive to also think like user memory designers.
新鮮貨
ESDoc
https://github.com/esdoc/esdoc
https://esdoc.org/
ESDoc - Good Documentation for JavaScript(ES2015)
Visual Studio Code 1.4
https://code.visualstudio.com/updates
版本控們可以更新了。
Netflix -Vizceral Open Source
http://techblog.netflix.com/2016/08/vizceral-open-source.html
https://github.com/Netflix/vizceral
vizceral is a component for displaying traffic data on a webgl canvas. If a graph of nodes and edges with data about traffic volume is provided, it will render a traffic graph animating the connection volume between nodes.
React Interpose: Using CSS Variables in React Components
https://github.com/Wildhoney/Interpose
Apply stylesheet variables to your React components for use in your stylesheets. Interpose reduces the clutter of React components by bridging the gap between JS and CSS without resorting to complicating your components with CSS logic
iuap design
http://design.yyuap.com/
由用友提供的前端集成解決方案平项,專注于企業(yè)級應(yīng)用開發(fā)赫舒。聚焦前端開發(fā),提供前端開發(fā)全鏈路生態(tài)闽瓢,包含設(shè)計指導(dǎo)接癌、前端框架集、前端開發(fā)工具集扣讼、組件庫缺猛、模板庫等一系列技術(shù)產(chǎn)品。
lightgallery.js
https://github.com/sachinchoolur/lightgallery.js
Full featured JavaScript lightbox gallery. No dependencies.
Embedding JavaScript into Python
https://blog.sqreen.io/embedding-javascript-into-python/
https://github.com/sqreen/PyMiniRacer
PyMiniRacer brings a compiled V8 interpreter and a simple interface to the Python community
YouTube’s road to HTTPS
https://youtube-eng.blogspot.jp/2016/08/youtubes-road-to-https.html
Today we added YouTube to Google’s HTTPS transparency report. We’re proud to announce that in the last two years, we steadily rolled out encryption using HTTPS to 97 percent of YouTube’s traffic.
uber - image-diff
https://github.com/uber/image-diff
Create image differential between two images
The Headless Web
https://medium.com/dev-channel/the-headless-web-de81ab21651f#.xky6vjmm6
The Headless Web I posited was a web where the user only lightly ever interacts with a web page in a web browser. Instead, the user experience is still expressed in HTML and executed with JavaScript but you might just visit a web page once to build a long term relationship with it. You might never actually ever visit the site directly.
CSS Writing Mode
https://ishadeed.com/article/css-writing-mode/
The writing-mode property defines whether lines of text are laid out horizontally or vertically and the direction in which blocks progress.
Moving to GitLab! Yes, it’s worth it!
https://about.gitlab.com/2016/08/04/moving-to-gitlab-yes-its-worth-it/
This post is a customer story on the benefits of migrating from GitHub to GitLab. 作者的結(jié)論是:You will be surprised how easy your company can do it too and save a couple thousand dollars in the process, while having fun doing it!
百度天工物聯(lián)網(wǎng)平臺上線時序數(shù)據(jù)庫服務(wù)
http://weibo.com/ttarticle/p/show?id=2309404004742396307122
https://cloud.baidu.com/product/tsdb.html
時間序列數(shù)據(jù)——是在不同時間點上收集的數(shù)據(jù)椭符,反映事物隨時間變化而變化的過程荔燎。某個鍋爐過去24小時內(nèi)每分鐘的溫度就是典型的時間序列數(shù)據(jù),它的特點是每一個時間戳對應(yīng)一個數(shù)值(在上面的例子里销钝,這個數(shù)值就是溫度)有咨。在不同的應(yīng)用場景中,這個數(shù)值可以是電流蒸健、電壓摔吏、轉(zhuǎn)速、濃度纵装、分貝征讲、頻率,無論是哪種度量橡娄,每一個數(shù)值都對應(yīng)一個具體的采集時間戳诗箍。
產(chǎn)品及其它
How to Read a Book
http://pne.people.si.umich.edu/PDF/howtoread.pdf
How can you learn the most from a book, or any other piece of writing. 我們每天會微信、微博挽唉、論壇等各種渠道傳播的各種技術(shù)文章所包圍滤祖,但很多文章其實只需要知道即可,看書(尤其是經(jīng)典書籍)+看源碼+實踐才是提升技術(shù)的應(yīng)有之道瓶籽。這份來著密歇根大學(xué)信息學(xué)院的讀書指南非常值得參考匠童。另附胡適的:怎樣讀書
。希望大家多花點時間在讀書上塑顺。
IBM發(fā)明世界首個人造神經(jīng)元汤求,人工智能的底層硬件基石已完成
http://mp.weixin.qq.com/s?__biz=MzA3NTIyODUzNA==&mid=2649524399&idx=1&sn=3607a1114d069c569ee65df2c7f0bbe6
IBM蘇黎世研究中心制成了世界上第一個人造納米尺度隨機相變神經(jīng)元俏险。IBM已經(jīng)構(gòu)建了由500個該神經(jīng)元組成的陣列,并讓該陣列以模擬人類大腦的工作方式進(jìn)行信號處理扬绪。另附:Nature封面論文-全球首臺可編程量子計算機
滴滴是這樣子干掉30家競爭公司的
http://mp.weixin.qq.com/s?__biz=MzA5NzAzMjIxMw==&mid=2650924779&idx=2&sn=dba21d20160199207d6e7b455daeb077
竟然有這么多故事竖独,不容易呀,真實版的創(chuàng)“業(yè)維艱”挤牛。贊文末的:“其實創(chuàng)業(yè)的道路上有爬不完的坑莹痢,犯不完的錯,關(guān)鍵是墓赴,你能否及時發(fā)現(xiàn)自己的不足竞膳,并且從來不放棄努力”
360的十年,周鴻祎的蛻變與蟄伏
http://youcan.baijia.baidu.com/article/569949
紅衣教主其實是一個非常不錯的產(chǎn)品經(jīng)理+斗士诫硕,簡介促進(jìn)了安全顶猜、搜索、瀏覽器等領(lǐng)域的產(chǎn)品進(jìn)化痘括。
一個五年 Android 開發(fā)者百度长窄、阿里、聚美纲菌、映客的面試心經(jīng)
http://www.codeceo.com/article/android-5-years-interviews.html
真的可以當(dāng)小說看挠日,挺有趣的一個文章,可以圍觀下各公司的面試風(fēng)格翰舌。