你尚未登录,仅允许查看本站部分内容。请登录使用邀请码注册
zenany

FEX 技术周刊 - 2016.05.30 & 2016.06.06 0个回复 专栏 @ 探索

zenany 发布于 1 年前

2016.06.06 原文 http://fex.baidu.com/blog/2016/05/fex-weekly-30/

业界会议

第五届HTML5峰会暨iWeb峰会-上海站
http://2016.html5dw.com/shanghai
这里有一篇风格和其它技术会议完全不同的介绍文章:唯“5”独尊 | 一场关于HTML5的缤纷盛宴,前端果然很文艺。

深阅读

What is difference between props and state in React?
http://appendto.com/2016/05/what-is-difference-between-props-and-state/
很多刚接触react的人都会对 props 和 state 只有概念上的区分,在什么场景下用哪一种把握的不是很好,可以通过本文来对其有一个更深的认识

Should I use shouldComponentUpdate?
http://jamesknelson.com/should-i-use-shouldcomponentupdate/
文章讲述了在react里我们是否应该使用shouldComponentUpdate以及在什么情况下应该使用shouldComponentUpdate,例如在有些时候,If the value returned by render is tiny but props is heavy, shouldComponentUpdate will likely do more harm than good.或者在其他时候,哪怕带来10倍的速度提升,A 10x speedup of less than 1 millisecond is still less than 1 millisecond.

聊一聊淘宝首页和它背后的一套
http://www.barretlee.com/blog/2016/06/02/thing-about-taobao-homepage/
介绍了淘宝首页的架构升级、性能以后、稳定性包装等工作。另附:淘宝和天猫首页都用到了哪些技巧或者技术

A Facebook Sixth Sense
http://kirszenberg.com/facebook-sixth-sense
I use Facebook every day — probably too much for my own good — and I’ve always been tempted to dive into their internals. That is, the Javascript code that produces much of the user interface and interactions.

Design and Build Your Own JavaScript Library: Tips & Tricks
https://www.sitepoint.com/design-and-build-your-own-javascript-library/
I will explain how libraries are built. Although most of the topics covered will apply to other languages, this article is mainly focused on building a JavaScript library.

Introducing hooks: get notifications of npm registry and package changes as they happen
http://blog.npmjs.org/post/145260155635/introducing-hooks-get-notifications-of-npm
Hooks are notifications of npm registry events that you’ve subscribed to. Using hooks, you can build integrations that do something useful (or silly) in response to package changes on the registry. Each time a package is changed, we’ll send an HTTP POST payload to the URI you’ve configured for your hook. You can add hooks to follow specific packages, to follow all the activity of given npm users, or to follow all the packages in an organization or user scope.

V8, Modern JavaScript, and Beyond
https://www.youtube.com/watch?v=N1swY14jiKc#t=22m27s
A look at advances in V8, ES6, and WebAssembly. Of note, at 22m27s, is a tour of debugging Node using Chrome’s DevTools.

Stop Bringing Strong Typing To JavaScript
https://medium.com/@jamesseanwright/stop-bringing-strong-typing-to-javascript-4da0666cba6e#.g4tm354wy
So why am I against strong typing in JavaScript?
Predominantly, what makes JavaScript such a powerful language is its weakly-typed nature; it’s trivial to implement branches of logic via type coercion, and it’s so easy to create object instances of an arbitrary type.

How to Get Node.js Logging Right
https://blog.risingstack.com/node-js-logging-tutorial/
The aim of this article is to provide help with logging in Node.js modules, applications and distributed systems (or microservice architectures). To do so, I’ve compiled the tools, methods, rules and best practices we use at RisingStack for developing enterprise Node projects.

Promises, Async and Await
https://zeit.co/blog/async-and-await
这个话题应该快要到终结的时候了吧。

How Not to Choose a Framework
http://blog.dmbcllc.com/how-not-to-choose-a-framework/
对选择框架的思考。

前端如何给Js加密,保护自己的知识产权
http://www.zhihu.com/question/47047191
这的确是个好问题,不过似乎暂无解。或许 WebAssembly 是一种思路。

QQ - 日请求过亿的Web系统PHP7升级实践
http://geek.csdn.net/news/detail/77849#0-tsina-1-21707-397232819ff9a47a7b7e80a40613cfe1
其实我想说的是,有时候 Runtime 的优化带来的收益还是相当大的。在你的团队有足够的技术沉淀,对 runtime 足够了解时,是可以实践 Runtime 优化的。

和技术大咖一起看日本
http://www.infoq.com/cn/minibooks/chinatechday-jp
了解日本 IT 业的情况

Use the Angular CLI For Faster Angular 2 Projects
https://scotch.io/tutorials/use-the-angular-cli-for-faster-angular-2-projects
利用 Angular CLI,快速搭建 Angular2应用

React Tutorial: Cloning Yelp
https://www.fullstackreact.com/articles/react-tutorial-cloning-yelp/
一个很不错的用react做一个复杂应用的demo加tutorial, 想入手react的同学可以尝试

重拾 CSS 的乐趣
http://www.imooc.com/learn/588
回顾一下这项总被人误以为简单的技术,其实 CSS 是相当有趣的,要做到精通还是挺有挑战的。

重构过程中的过度设计
http://mp.weixin.qq.com/s?__biz=MjM5ODczNTkwMA==&mid=2650107080&idx=1&sn=527e1f3f9b048127d1114f9272ddd927
过度设计是要时刻警惕的东西,一不小心就会陷进去。这个文章通过一个典型例子来详细说说重构中的过度设计吧,可以想想要是遇到这样的系统,你是架构师,你怎么做?

类的装饰器:ES6 中优雅的 mixin 式继承
https://www.h5jun.com/post/mixin-in-es6.html
科普 mixin 模式及在继承中的应用。

移动平台千王之王大揭秘
http://drops.wooyun.org/news/16486
开开眼界,看看网络赌博的黑客是如何运作的

Parse Server – 100 days later
https://swifting.io/blog/2016/05/30/16-parse-server-100-days-later/
Parse 开源后发展不错

蘑菇街App Chromium网络栈实践
http://mp.weixin.qq.com/s?__biz=MzA3ODg4MDk0Ng==&mid=2651112324&idx=1&sn=34b15399d6519340f66410445f033e85#rd
思路不错,通过基于 Chromium 开发的网络栈解决了很多实际问题

Feature Toggles Revisited
https://www.infoq.com/news/2016/02/featuretoggles
开关系统对于大型应用来说是非常重要的,Facebook 就非常依赖它

Infinite collections with ES6 generators
https://advancedweb.hu/2016/05/31/infinite-collections-with-es6-generators/
如题

Open Source javascript offerings from PayPal Checkout!
https://advancedweb.hu/2016/05/31/infinite-collections-with-es6-generators/
PayPal 开源的 JS 库列表

Javascript Engine & Performance Comparison (V8, Chakra, Chakra Core)
http://developers.redhat.com/blog/2016/05/31/javascript-engine-performance-comparison-v8-charkra-chakra-core/
对对这两个 JS 引擎的性能比较

漫谈前端及其自学路径
http://www.loyalsoldier.me/talking-about-front-end-and-its-learning-path/
小朋友的总结值得鼓励

英语流利说 Android 架构演进
http://mp.weixin.qq.com/s?__biz=MzI0NjIzNDkwOA==&mid=2247483673&idx=1&sn=ba9cf498ab78646f1a9c9e711f65c360&scene=2&srcid=0527JyTxU6ucKtlLVyl7REaB&from=timeline&isappinstalled=0#wechat_redirect
主要参考微信的架构

building 3D games on the Web
https://developer.mozilla.org/en-US/docs/Games
大量的 web 3D 游戏开发的教程和技术文档,VR技术库也在开发中。

Building React Applications with Idiomatic Redux
https://egghead.io/courses/building-react-applications-with-idiomatic-redux
一整套redux的视频教程

JavaScript – Loops
http://fedojo.com/javascript-loops/
一条评论引起的 for in、map、for、foreach的性能对比

新鲜货

Introducing HyperDev
http://www.joelonsoftware.com/items/2016/05/30.html
Fog Creek 公司推出的新型 PAAS 平台,和其它不一样的地方是它追求最快上手,打开页面就能使用了,甚至不需要帐号登录就能直接在线编辑

Android开发书籍推荐 & 学习路线图
http://diycode.cc/wiki/androidbook
http://diycode.cc/topics/117
很多时候我们都会不断收到新手的提问“Android开发的经典入门教材和学习路线?”、“Android 开发入门教程有哪些推荐?”等类似的问题,我们不断重复回答这些问题,这让我们萌生了做《 Android开发书籍推荐:从入门到精通系列学习路线书籍介绍》的想法,整理收集开发大牛的学习经验,以便让我们少走弯路,更快速成长。希望这个系列可以成为大家手头应对新手的好答案。

全民K歌后台编译优化:从40分钟到30秒
https://mp.weixin.qq.com/s?__biz=MTEwNTM0ODI0MQ==&mid=2653433185&idx=1&sn=7354e141a49b480a786ea7c5847cab2f
其实我想说的是:什么时候前端代码也可以达成这么让人期待的编译速度。编译优化是一项很容易被忽略,但却非常重要而且有技术含量的事情。

Intense Images
https://github.com/tholman/intense-images
Intense images is a stand alone library (no jquery, or the likes) so usage is pretty straight forward. All styling of image elements is up to the user, Intense.js only handles the creation, styling and management of the image viewer and captions.

c3.js
https://github.com/c3js/c3
用习惯了d3.js,突然发现有基于d3封装的一个js库c3

Ignite
https://github.com/infinitered/ignite
The ideal starting app for React Native

Loud-links
http://loudlinks.rocks/
A simple tiny Javascript library to add interaction sounds to your website.

Push.js
https://github.com/Nickersoft/push.js
一款用于浏览器向卓面推送通知的js库。

JavaScript Puzzlers!
http://javascript-puzzlers.herokuapp.com/
JS 大牛们,来看看你们能做对几道题

WebGazer.js
http://webgazer.cs.brown.edu/
如果说有一个纯js写的通过摄像头捕捉人眼睛的特征以及人在web页面上的操作从而得到你在屏幕上的聚焦点,你会点开它看看吗?反正我不会告诉你链接就在上面。

Krita 3.0 Released
https://krita.org/item/krita-3-0-released/
the Krita team releases Krita 3.0, the Animation Release. Wrapping up a year of work, this is a really big release: animation support integrated into Krita’s core, Instant Preview for better performance painting and drawing with big brushes on big canvases, ported to the latest version of the Qt platform and too many bigger and smaller new features and improvements to mention!

A-Frame
https://aframe.io/
方便开发 VVR 的库

microlight.js
https://asvd.github.io/microlight/
microlight.js is a tiny openSource library which improves readability of code snippets by highlighting, for any programming language, without attaching additional languagePackages or styles. Unlike other code-highlighting solutions, microlight.js does not keep a set of rules for many languages. Instead it uses a general highlighting strategy providing a reasonable highlight for most of them.

bideo.js
https://github.com/rishabhp/bideo.js
一个用vadio做容器的background的JS库,从而改变传统的呆板background

Nylas N1
https://www.sdk.cn/datas/3523
基于Electron, React和Flux打造的可扩展性邮件客户端 ,github一万八千星作品。

ElectroCRUD
http://garrylachman.github.io/ElectroCRUD/
No coding is required; Create basic CRUD (Create, Read, Update, Delete) for your MySQL Database in minutes. Automatically analyze your database tables.

React D3 Library
http://react-d3-library.github.io/
A JavaScript library that allows developers the ability to use D3 in React.

frontend-hyperpolyglot
http://jeffcarp.github.io/frontend-hyperpolyglot/
A comparison of similar features in popular JavaScript frameworks. 作者借鉴的这个东东挺有意思的: http://hyperpolyglot.org/

5 More Awesome New Mozilla Technologies You’ve Never Heard Of
https://davidwalsh.name/mozilla-projects
来自 mozilla 的黑科技。

The Vanilla Javascript Repository
http://www.vanillalist.com/
体验 VanillaJS 的魅力

产品及其它

从价值1300亿美元到40亿都没人要,这桩互联网惊天惨案是怎么诞生的
http://mp.weixin.qq.com/s?__biz=MjM5NDA0NDkzOQ==&mid=2650449444&idx=1&sn=a0ab1c3656adb80ac7c67e5411f9d5fb 雅虎的历程挺值得深思的,或许还有重新崛起的那一天。这两个总结挺不错的:今天让你成功的东西可能真的就是明天让你失败的原因;就互联网而言,研究未来的方式是比研究趋势更重要的事,对其他行业和产业而言,也同样如此。雅虎只是是盛极而衰的公司中的一员,管理成功是何其重要。另附:技术文化和惨淡命运 —— 怀念中国雅虎

2016互联网女皇报告
http://tech.qq.com/a/20160602/001559.htm
http://www.kpcb.com/file/2016-internet-trends-report
语音正成为计算接口,也是计算机输入最有效率的一种形式;2016年,有31%的微信用户通过微信购物,而2015年这一数字为15%;印度互联网用户数达到2.77亿,比上年增长40%,超过美国成为全球第二大互联网市场,仅次于中国;

互联网上半场已结束,下半场还剩20年
https://mp.weixin.qq.com/s?__biz=MzIwNjQwMzc5NQ==&mid=100000008&idx=1&sn=d101a96496310bdd2ef1fc23037ba282
在这份长达2万字的报告中,程维第一次从打车软件技术、交通大数据应用、人才计划、战略部署等多个角度对滴滴迅速崛起的关键、滴滴未来发展的核心战略和方向以及全球互联网发展态势做了详尽的阐述。

如何激发团队中的每一个人
https://mp.weixin.qq.com/s?__biz=MzA4NTU2MTg3MQ==&mid=2655157645&idx=1&sn=53796a0eaa0670fd61b1ded8ef6cda06
文中这个神人的观点挺不错的:确保每个人都能获得相同的信息,理解公司的目标和定位,在面对问题时采取同样的解决办法;管理归根究底就是两件事:信任和明确;你做的所有工作和你采取的系统都应该非常简明易懂,必须得让新成员很快能够加入讨论;一个团队的数据必须放在一找就能找到的地方,方便他人取用;

什么驱动开发
http://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2650992735&idx=1&sn=2edffb619ed506d54b2bd7b514097316
不求甚解亦或是固步自封,都是从事IT行业所不可取的。如果只会写一手好代码,却不会思考,那只能称作码农,而不是Coder。

前豆瓣首席架构师:如何保持团队的技术氛围?
https://mp.weixin.qq.com/s?__biz=MjM5MDE0Mjc4MA==&mid=2650992437&idx=1&sn=b978f0e5d6bba2ed420ed3085ad74d1b
在技术团队建立起技术导向的价值观、良好的工程师文化,才能保持一个技术团队的创新与活力。

-- THE END --

2016.05.30 原文 http://fex.baidu.com/blog/2016/05/fex-weekly-30/

深阅读

Awaiting the future of JavaScript in V8
https://blogs.igalia.com/compilers/2016/05/23/awaiting-the-future-of-javascript-in-v8/
On the evening of Monday, May 16th, 2016, we have made history. We’ve landed the initial implementation of “Async Functions” in V8, the JavaScript runtime in use by the Google Chrome and Node.js. We do these things not because they are easy, but because they are hard. Because that goal will serve to organize and measure the best of our energies and skills, because that challenge is one we are willing to accept. It is very exciting to see this, roughly 2 months of implementation, codereview and standards finangling/discussion to land. It is truly an honour.

Introducing Hot Reloading
http://facebook.github.io/react-native/blog/
http://www.jianshu.com/p/1fa6e9c0799f#rd
The idea behind hot reloading is to keep the app running and to inject new versions of the files that you edited at runtime. This way, you don't lose any of your state which is especially useful if you are tweaking the UI.

[译]如何成为一名黑客
http://www.kerneltravel.net/jiqiao/hacker.html
http://www.catb.org/esr/faqs/hacker-howto.html
有人翻译了 Eric Steven Raymond 的这篇经典之作。The world is full of fascinating problems waiting to be solved. No problem should ever have to be solved twice. 每次看到这些都会热血澎湃。BTW : 最近国内翻译优质英文资源的速度、质量、数量都在快速进步,让我想到中国佛教经历过的译经时代,期待前端开发中的“禅宗”降临。感觉众成翻译有扮演类似鸠摩罗什、玄奘组织的译经团这个角色的潜质。

RailsConf 2016 - 我们如何为三万人的公司横向伸缩 GitLab
https://ruby-china.org/topics/30146
介绍支付宝如何改造 Gitlab,作为整个阿里巴巴集团的代码管理后台。

Going deeper with Project Infinite
https://blogs.dropbox.com/tech/2016/05/going-deeper-with-project-infinite/
Dropbox 客户端基于底层文件协议,可以避免完整同步文件,从而实现「无限空间」功能,本文介绍了它的实现细节

Going native with React Native
http://blog.cloudoki.com/going-native/
使用 React Native 的体会

Things that Excite Me about Angular 2
http://teropa.info/blog/2016/05/19/things-that-excite-me-about-angular-2.html
In the past six months or so I've spent a good amount of time playing with Angular 2. I've built some fun projects and given talks about them. I've written some documentation and had lots of discussions with other people who are doing that. And I've written a couple of articles too. I thought this might be a good time to sum up what I find exciting about this platform right now.

The Complete-Ish Guide to Upgrading to Gulp 4
https://www.joezimjs.com/javascript/complete-guide-upgrading-gulp-4/
Gulp 4 has been in the works for far too long, but it’s practically inevitable that it’ll be released… some day. I’m here to help you out for when that fateful day arrives by showing you the differences between Gulp 3.x and Gulp 4 and how you can make the migration to the new version relatively painless.

Implementing a Stepping Debugger in JavaScript
http://jlongster.com/Implementing-Stepping-Debugger-JavaScript
https://www.h5jun.com/post/implementing-a-stepping-debugger-in-javascript.html
用 JS 实现对 JS 的单步运行

Stylelint: The Style Sheet Linter We’ve Always Wanted
https://www.smashingmagazine.com/2016/05/stylelint-the-style-sheet-linter-weve-always-wanted/
Everyone wants a clean, consistent code base, no matter the language. Developers are accustomed to setting up linters in programming languages such as JavaScript and Python, but they rarely use a linter for style sheets. In this article, we’ll look at stylelint, a linter for style sheets.

HEAD - A collection of HTML head elements
https://github.com/joshbuchea/HEAD
详细的介绍了 HEAD 中的元素。

Living SC5 Styleguide, the next level
http://varya.me/en/posts/sc5-style-guide-next-level/
介绍了 SC5 Style Guide Generator http://styleguide.sc5.io/ 在项目中的使用

通过源码解析 Node.js 中一个文件被 require 后所发生的故事
https://fe.ele.me/tong-guo-yuan-ma-jie-xi-node-js-zhong-yi-ge-wen-jian-bei-require-hou-suo-fa-sheng-de-gu-shi/
如题

从微信WeUI设计规范 解读移动界面设计
http://www.jianshu.com/p/1c3e1fae519c
挺不错的总结

最全前端资源汇集
http://www.jianshu.com/p/c3dae0951f74
整理了很多资源

一条数据狗的上海房价研究
https://yq.aliyun.com/articles/38618
数据分析及可视化的例子

Android官方MVP架构解读
http://mp.weixin.qq.com/s?__biz=MzAwNjQwNzU2NQ==&mid=2650342666&idx=1&sn=812cf8dccd1e25feb9f3e0af476f0dcf
MVP (Model View Presenter)架构是从MVC(Model View Controller)架构演变而来的,它将UI界面和数据进行隔离,所以我们的应用也就分为三个层次:
- View: 在View层中只负责对数据的展示,提供友好的界面与用户进行交互
- Model: 区别于MVC架构中的Model,在这里不仅仅只是数据模型。在MVP架构中Model它负责对数据的存取操作,例如对数据库的读写,网络的数据的请求等。
- Presenter: 对于Presenter层他是连接View层与Model层的桥梁并对业务逻辑进行处理

浅析EventBus 3.0实现思想
https://github.com/greenrobot/EventBus
http://alighters.com/blog/2016/05/22/eventbus3-dot-0-analyze/
EventBus is a publish/subscribe event bus optimized for Android. Google 的 guava 中也有一个 eventbus,可以一起学习下 Java 开发中如何解决组件通信问题。

你所不知道的 EMC 开源的那些事
http://emccode.com/
https://linux.cn/article-7384-1.html
EMC 是一家全球顶尖的存储产品供应商,它开源的这些东西值得对存储和云计算技术有兴趣的同学研究。

技改之路:从单块应用到微服务,我的血泪总结
http://mp.weixin.qq.com/s?__biz=MzA5Nzc4OTA1Mw==&mid=2659597250&idx=1&sn=a5c36d68f96271b10589cf049a8d7f3b
详尽的介绍了一个国内领先的B2B机票分销平台的技改之路,值得学习。

为何大量网站不能抓取?爬虫突破封禁的6种常见方法
http://mp.weixin.qq.com/s?__biz=MzAwMDU1MTE1OQ==&mid=2653547274&idx=1&sn=52e5037b163146c1656eedce2da1ecd8
在采集网站的时会遇到一些比数据显示在浏览器上却抓取不出来更令人沮丧的事情。也许是向服务器提交自认为已经处理得很好的表单却被拒绝,也许是自己的 IP 地址不知道什么原因直接被网站封杀,无法继续访问。这篇文章将会介绍一些网络采集的黑魔法(HTTP headers、CSS 和 HTML 表单等),以克服网站阻止自动采集。在有类似场景时可以参考。

那些年搞不懂的高深术语——依赖倒置•控制反转•依赖注入•面向接口编程
http://www.cnblogs.com/aoyeyuyan/archive/2016/05/22/5495219.html
文艺范的一篇科普文,这几个耳熟能详的术语还是得搞明白的。

无他,但手熟尔
http://icodeit.org/2016/05/practise-in-programming/
对高效的思考,从搜索、肌肉记忆两个维度展开讨论。文章末尾提到的 Kata 挺值得学习的,每个Kata都包含一个简单的编程问题,可以当做编程练习

新鲜货

ECMAScript 6 Proper Tail Calls in WebKit
https://webkit.org/blog/6240/ecmascript-6-proper-tail-calls-in-webkit/
Proper Tail Calls (PTC) is a new feature in the ECMAScript 6 language. This feature was added to facilitate recursive programming patterns, both for direct and indirect recursion.

Fetch (or the undeniable limitations of XHR)
https://blogs.windows.com/msedgedev/2016/05/24/fetch-and-xhr-limitations/
Edge 也开始支持 Fetch APIs 了,另附一个 IE 支持 Real-Time Communications with Microsoft Edge 的文章。

[译]CSS2.1规范中文版
http://www.ayqy.net/blog/css2-1%E8%A7%84%E8%8C%83%E4%B8%AD%E6%96%87%E7%89%88/
赞这个浩大的工程。

Six nifty ES6 tricks
http://www.2ality.com/2016/05/six-nifty-es6-tricks.html
译文 https://www.h5jun.com/post/six-nifty-es6-tricks.html
In this blog post, I show six tricks enabled by new ES6 features. At the end of each section, I point to related material in my book “Exploring ES6” (which is free to read online).

v8_inspector Support Being Added to Node
https://github.com/nodejs/node/pull/6792
This PR brings in v8_inspector support to Node.js (currently behind a compile time flag.) This means Node.js can now be debugged and profiled via the Chrome Debugging Protocol, which enables inspection via Chrome DevTools and other tools & IDEs.

Introducing QuorraJS
https://quorrajs.org/
https://medium.com/@quorrajs/we-are-just-getting-started-f6593e4ae06b#.tk161tx4n
Quorra is a full fledged Node.js MVC framework inspired by Laravel. 在 ThinkPHP 被 ThinkJS 借鉴后,PHP 最火的框架 Laravel 也迎来了追随者。

Deco IDE
https://github.com/decosoftware/deco-ide
开源 React Native IDE,一个很大的优势就是内嵌了 node 及框架,不用翻墙下载了。。。

Heron
https://github.com/twitter/heron
Twitter 的实时分析引擎开源了,号称吞吐量是 Storm 的 10 倍以上。同时开源的还有 DistributedLog (DL) https://github.com/twitter/distributedlog a high-performance, replicated log service, offering durability, replication and strong consistency as essentials for building reliable distributed systems.

提高编程技能的有趣方法—游戏
http://mp.weixin.qq.com/s?__biz=MzA3NDM1NjUwMQ==&mid=2650486681&idx=2&sn=2798dc99c2baa82e95a0af39be78eb75
如果你曾经从书上学习编写代码,你就知道那有多乏味。为什么不试试一些激动人心的方法来使学习更有乐趣呢?下面介绍的这些网站每个都有自己独特的风格,但是它们都加入了游戏元素。这些稀奇古怪而有趣的游戏能够使你找回学习的乐趣。

BlueKit
http://bluekit.blueberry.io/
实时预览 React 组件效果

vConsole
https://github.com/WechatFE/vConsole
微信团队出的移动页面 console 工具,类似 firebug lite

Futurice React Native Starter Kit
https://github.com/futurice/pepperoni-app-kit
方便使用 React Native 的应用模板

Eruda
https://github.com/liriliri/eruda
Console for Mobile Browsers. Logging things out on mobile browser is never an easy stuff. I used to include window onerror alert script inside pages to find out JavaScript errors, kind of stupid and inefficient. Desktop browser DevTools is great, and I wish there is a similar one on mobile side, which leads to the creation of Eruda.

WebVR 规范
https://mozvr.com/webvr-spec/
Mozilla 主导的,在 Firefox 中率先支持

Android群英传
http://www.duokan.com/book/109325
一本名字和简介很吊的书:让你笑傲Android江湖的实战派武功秘籍!真正一线安卓开发者实作,无私分享独到的思维与技巧!

Real-Time Communications with Microsoft Edge
https://www.sitepoint.com/real-time-communications-with-microsoft-edge/
Modern browsers are rapidly converging on a set of standardized APIs for plugin-free, interoperable real-time communications. This session will cover development of real-time communications applications for the web and mobile devices using Microsoft Edge as well as open source libraries to enable interoperability across platforms and mobile devices.

找回文本的力量,恰到好处的写作体验——MarkEditor
http://markeditor.com/app/markeditor
http://www.zouyuhui.com/post/chan-pin-yu-she-ji/zhao-hui-wen-ben-de-li-liang-qia-dao-hao-chu-de-xie-zuo-ti-yan-markeditor
与其说 MarkEditor 是一款编辑器,倒不如说它是一个文本处理、写作等诸多工具的集合。潜伏着野兽般的强大功能,用该产品开发者「海波」的话来说就是:简洁与强大,从不是矛盾的事物。

lightgallery
http://sachinchoolur.github.io/lightgallery-desktop/
一个基于 electron 和 node 的桌面图片浏览工具

Black Screen
https://github.com/shockone/black-screen
基于 electron 写的终端,自动完成功能很强大

LoadingDrawable
https://github.com/dinuscxj/LoadingDrawable
Some android loading drawable, can be combined with any View as the loading View and Progressbar, and is especially suitable for the loading animation of the RecyclerRefreshLayout.

CryEngine out on GitHub
https://github.com/CRYTEK-CRYENGINE/CRYENGINE
著名游戏引擎 CryEngine 开源,对 Game 开发有兴趣的可以学习。

Moving Away from Python 2
https://asmeurer.github.io/blog/posts/moving-away-from-python-2/

Algorithm Visualizer
https://github.com/parkjs814/AlgorithmVisualizer
一些经典算法的可视化展示。

Mock Node
https://github.com/ianunay/mock-node
A configurable mock server with an intuitive configuration management interface and a http api.

Nix as OS X Package Manager
http://ariya.ofilabs.com/2016/05/nix-as-os-x-package-manager.html
https://nixos.org/nix/
Nix is a powerful package manager for Linux and other Unix systems that makes package management reliable and reproducible. It provides atomic upgrades and rollbacks, side-by-side installation of multiple versions of a package, multi-user package management and easy setup of build environments.

Headless GL
https://github.com/stackgl/headless-gl
gl lets you create a WebGL context in node.js without making a window or loading a full browser environment.

产品及其它

克制的力量-腾讯创始人Tony谈产品人的信仰
http://mp.weixin.qq.com/s?__biz=MzA3MzA4NjgxMg==&mid=2651831122&idx=1&sn=82b5f21cd8c8b8f668bf477ca5deedc0
克制背后是敬畏心,对自然的敬畏,对顾客感受的敬畏。自然就是用户跟产品的接触点是顺其自然的,不是强行来的。致力于在自然接触点上感动用户,而不是勤快的各种搭售、各种拉,这是两个不同的用力的方向。每个产品,均有自己的边界,一个产品应对一个核心诉求,解决一个核心问题。团队智慧的凝聚,不是来自于VP、总裁、CEO的赞美,甚至不是来自于奖金激励, 而是产品本身让生活变得美好所带来的愉快和兴奋。能拿得起,放得下,凭着自己的克制、智慧、功力,用好产品去让这个世界变得优雅。

当悲剧或失望来袭,要知道你们能扛过任何事
https://www.h5jun.com/post/when-tragedy-or-disappointment-strike-know-that-you-have-the-ability-to-get-through-absolutely-anything.html
Facebook COO 谢丽尔·桑德伯格在加州伯克利大学 2016 年毕业典礼上的演讲。建立起你们自己的韧性,当悲剧或失望来袭,要知道你们能扛过任何事。我保证你们有这个能力。常言道,我们比我们想象的更脆弱,但我们比我们想象的更坚强。

来自老外的《道德经》之项目管理实践
https://opensource.com/open-organization/16/2/tao-project-management
译: https://linux.cn/article-7385-1.html
《道德经》,被认为是由圣人老子于公元前六世纪时所编写,是现存最为广泛翻译的经文之一。从宗教到关于约会的有趣电影等方方面面,它都深深地影响着它们,作者们借用它来做隐喻,以解释各种各样的事情(甚至是编程)。在思考有关开放性组织的项目管理时,我的脑海中便立马浮现出上面的这段文字。文中还提到《开放性组织:点燃激情提升执行力》这本书,看起来蛮不错的样子。

云舒,一个技术至上者的理想主义
http://weibo.com/ttarticle/p/show?id=2309403978201981434927
http://weibo.com/ttarticle/p/show?id=2309403978592936662526
喜欢这句感言:“如果你站在岸上,对在田里插秧的人指手画脚,说他们姿势不对,没有人会理你。但是当你亲自挽起裤腿跳下水,脚上有泥、头上有汗的时候,你说的话才有说服力、才有价值”。第二篇关于云舒的访谈也不错,很坦诚直接,有很多亮点。

* Electron 及 node-webkit 的维护者谈维护开源项目的体验*
https://www.zhihu.com/question/36292298/answer/102418523
看看 node-webkit 是如何被 Intel 玩坏的

挑战-看完这段三分钟的视频
http://www.miaopai.com/show/cWWu6pPYDqviuOQ2sMgZrw__.htm
不要快进,不要暂停,不要打开别的页面,不要东张西望。对很多人来说,这是很难的。分享给敢于挑战的你!!! 视频中的关于时间和注意力的讨论挺不错的,希望人人都能珍惜“时间”这个不可再生资源,找回小时候那种专注,重新控制自己的人生。

-- THE END --

等待第一条回复
登录后回复,如无账号,请使用邀请码注册