FE技術(shù)周刊

深閱讀

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è)計

http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2650993637&idx=1&sn=8a2673272575abbef4b0f6dbc25e0186

介紹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)格翰舌。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末嚣潜,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子椅贱,更是在濱河造成了極大的恐慌懂算,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件庇麦,死亡現(xiàn)場離奇詭異计技,居然都是意外死亡,警方通過查閱死者的電腦和手機山橄,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進(jìn)店門垮媒,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人航棱,你說我怎么就攤上這事睡雇。” “怎么了饮醇?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵它抱,是天一觀的道長。 經(jīng)常有香客問我朴艰,道長观蓄,這世上最難降的妖魔是什么混移? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮蜘腌,結(jié)果婚禮上沫屡,老公的妹妹穿的比我還像新娘饵隙。我一直安慰自己撮珠,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布金矛。 她就那樣靜靜地躺著芯急,像睡著了一般。 火紅的嫁衣襯著肌膚如雪驶俊。 梳的紋絲不亂的頭發(fā)上娶耍,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天,我揣著相機與錄音饼酿,去河邊找鬼榕酒。 笑死,一個胖子當(dāng)著我的面吹牛故俐,可吹牛的內(nèi)容都是我干的想鹰。 我是一名探鬼主播,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼药版,長吁一口氣:“原來是場噩夢啊……” “哼辑舷!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起槽片,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤何缓,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后还栓,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體碌廓,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年剩盒,在試婚紗的時候發(fā)現(xiàn)自己被綠了氓皱。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡勃刨,死狀恐怖波材,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情身隐,我是刑警寧澤廷区,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站贾铝,受9級特大地震影響隙轻,放射性物質(zhì)發(fā)生泄漏埠帕。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一玖绿、第九天 我趴在偏房一處隱蔽的房頂上張望敛瓷。 院中可真熱鬧,春花似錦斑匪、人聲如沸呐籽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽狡蝶。三九已至,卻和暖如春贮勃,著一層夾襖步出監(jiān)牢的瞬間贪惹,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工寂嘉, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留奏瞬,地道東北人。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓泉孩,卻偏偏與公主長得像硼端,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子棵譬,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,465評論 2 348

推薦閱讀更多精彩內(nèi)容

  • **2014真題Directions:Read the following text. Choose the be...
    又是夜半驚坐起閱讀 9,429評論 0 23
  • 開合跳英文名為Jumping Jack订咸,是一個十分常見的燃脂減肥運動的和經(jīng)典的熱身運動曼尊。 開合跳可以讓人很快的進(jìn)入...
    jmeilen閱讀 6,616評論 0 1
  • 明天呢,是中國的傳統(tǒng)節(jié)日脏嚷,也是一個虐狗的日子骆撇,七夕情人節(jié)!我想這個父叙,讓中國更多男男女女期待的日子神郊,或是單身狗追逐了...
    虛兔閱讀 476評論 0 2
  • 夜深人靜時涌乳,獨自一人閉著眼睛,感受著風(fēng)吹過臉頰甜癞,靠著背椅夕晓,把一天的事都放下,懶懶靠在那悠咱,心底想著誰蒸辆!又不想睡征炼!大概...
    你穎姨閱讀 669評論 0 0