FE技术周刊

深阅读

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 架构又新增了内容。

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.

京东单品页前端开发那些不得不说的事儿

https://keelii.github.io/2016/07/31/something-have-to-say-with-JD-item/

介绍了重构一个老系统的过程,不过竟在用 seajs ,并没用上 ES6 + webpack 的模式。另附:京东-三级列表页持续架构优化
。最近有不少京东的技术文章,看来是正在进行大规模的前端架构升级和系统重构。

滴滴-如何打造公司级公共前端团队
http://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247484052&idx=1&sn=36ee56c0f5ca78451558c5fdfeba743b
作为公司级的公共前端团队,应该如何对团队进行定位,在实践过程中应注意哪些问题,如何打造这样的团队?本文对滴滴公共前端团队的实践进行了总结,希望能带给读者一些启发。

QQ空间面向移动时代Hybrid架构设计

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

介绍QQ空间Hybrid架构,包括如何提高H5页的加载速度以及稳定性,以及使用React Native如何提高体验,改善性能。

入门 Webpack,看这篇就够了

https://segmentfault.com/a/1190000006178770
如果你以前没怎么接触过Webpack,如果你对webpack感兴趣,本文中有一个贯穿始终的例子,如果你能把这个例子自己动手写一次,写完以后你会发现你已明明白白的走进了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/
网站性能优化的建议

Android开发人员不得不收集的代码
https://github.com/Blankj/AndroidUtilCode
作者收集了很多 Android 开发人员常用的代码片段,包含了对设备信息、网络信息、界面 UI 等常用基本操作
High Performance SVGshttps://css-tricks.com/high-performance-svgs/
文中介绍了几种优化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?

高质量 Node.js 微服务的编写和部署
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/
把其它浏览器都拿来对比了一下,号称很多方面都领先

React Native at SoundCloud
https://developers.soundcloud.com/blog/react-native-at-soundcloud
SoundCloud 的尝试,结论是效果不错打算深入使用

JSPatch成长之路
http://mp.weixin.qq.com/s?__biz=MzA3NTYzODYzMg==&mid=2653577579&idx=2&sn=e30c0415e6f3b5eb18ddbe7c0589d833&scene=4#wechat_redirect
介绍了实现原理及和 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成为众多企业迫切面临的问题,本文作者刘相,有10多年的从业经验,他结合自身企业实施DevOps的经验,梳理出DevOps在企业的组织、技术、流程等方面的最佳实践与价值,以及如何搭建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/
由用友提供的前端集成解决方案,专注于企业级应用开发。聚焦前端开发,提供前端开发全链路生态,包含设计指导、前端框架集、前端开发工具集、组件库、模板库等一系列技术产品。

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. 作者的结论是: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!

百度天工物联网平台上线时序数据库服务
http://weibo.com/ttarticle/p/show?id=2309404004742396307122
https://cloud.baidu.com/product/tsdb.html
时间序列数据——是在不同时间点上收集的数据,反映事物随时间变化而变化的过程。某个锅炉过去24小时内每分钟的温度就是典型的时间序列数据,它的特点是每一个时间戳对应一个数值(在上面的例子里,这个数值就是温度)。在不同的应用场景中,这个数值可以是电流、电压、转速、浓度、分贝、频率,无论是哪种度量,每一个数值都对应一个具体的采集时间戳。
产品及其它

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. 我们每天会微信、微博、论坛等各种渠道传播的各种技术文章所包围,但很多文章其实只需要知道即可,看书(尤其是经典书籍)+看源码+实践才是提升技术的应有之道。这份来着密歇根大学信息学院的读书指南非常值得参考。另附胡适的:怎样读书
。希望大家多花点时间在读书上。

IBM发明世界首个人造神经元,人工智能的底层硬件基石已完成
http://mp.weixin.qq.com/s?__biz=MzA3NTIyODUzNA==&mid=2649524399&idx=1&sn=3607a1114d069c569ee65df2c7f0bbe6
IBM苏黎世研究中心制成了世界上第一个人造纳米尺度随机相变神经元。IBM已经构建了由500个该神经元组成的阵列,并让该阵列以模拟人类大脑的工作方式进行信号处理。另附:Nature封面论文-全球首台可编程量子计算机

滴滴是这样子干掉30家竞争公司的
http://mp.weixin.qq.com/s?__biz=MzA5NzAzMjIxMw==&mid=2650924779&idx=2&sn=dba21d20160199207d6e7b455daeb077
竟然有这么多故事,不容易呀,真实版的创“业维艰”。赞文末的:“其实创业的道路上有爬不完的坑,犯不完的错,关键是,你能否及时发现自己的不足,并且从来不放弃努力”

360的十年,周鸿祎的蜕变与蛰伏
http://youcan.baijia.baidu.com/article/569949
红衣教主其实是一个非常不错的产品经理+斗士,简介促进了安全、搜索、浏览器等领域的产品进化。

一个五年 Android 开发者百度、阿里、聚美、映客的面试心经
http://www.codeceo.com/article/android-5-years-interviews.html
真的可以当小说看,挺有趣的一个文章,可以围观下各公司的面试风格。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,324评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,356评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,328评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,147评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,160评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,115评论 1 296
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,025评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,867评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,307评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,528评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,688评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,409评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,001评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,657评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,811评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,685评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,573评论 2 353

推荐阅读更多精彩内容

  • **2014真题Directions:Read the following text. Choose the be...
    又是夜半惊坐起阅读 9,475评论 0 23
  • 开合跳英文名为Jumping Jack,是一个十分常见的燃脂减肥运动的和经典的热身运动。 开合跳可以让人很快的进入...
    jmeilen阅读 6,620评论 0 1
  • 明天呢,是中国的传统节日,也是一个虐狗的日子,七夕情人节!我想这个,让中国更多男男女女期待的日子,或是单身狗追逐了...
    虚兔阅读 480评论 0 2
  • 夜深人静时,独自一人闭着眼睛,感受着风吹过脸颊,靠着背椅,把一天的事都放下,懒懒靠在那,心底想着谁!又不想睡!大概...
    你穎姨阅读 673评论 0 0