周刊地址:http://fex.baidu.com/blog/2017/06/fex-weekly-12/
亮点并不多,附:
可以围观下有啥高科技产品
V8 最近放出6.0 beta 版本,这个版本会保持到未来几周,直到稳定版本的 Chrome 60 发布。 6.0中包含了开发者期待已久的各种新特性,本篇先让你尝尝鲜。
WebKit 的 JavaScript 实现,称作 JSC(JavaScriptCore)全量支持了 ES6。ES6设计之初便是要提高速度,但我们尚未测试其速度。本文说明了现已实现的一部分 ES6 特性支持。主要包括三个内容,高可用 Generator,全新 Map/Set 实现以及 phantom
另附 Webkit 的其它更新:
- WebKit has a full WebAssembly implementation
- Announcing WebRTC and Media Capture
- Intelligent Tracking Prevention
这些特性将随 Safari 11 发布.
虽然这是 Nodejs与 MySQL 的 一个小例子,但我们会带你体验高效处理百亿数据量处理的经典手法。与此同时,希望能够让你看清自己适不适合使用这个技术方案。
Ah, the perils of error handling in JavaScript. If you believe Murphy’s law, anything that can go wrong, will go wrong. In this article, I would like to explore error handling in JavaScript. I will cover pitfalls, good practices, and finish with asynchronous code and Ajax.
These performance comparisons are for a medium-to-large React site with a single page. On the server, it takes a JSON object with a few thousand properties and returns HTML with 2113 DOM nodes.
The Web and TV Interest Group has published a Group Note of Cloud Browser Architecture. A Cloud Browser is a browser running and executing on a server. This document describes the concepts and architecture for the Cloud Browser. The main purpose of this document is to provide the building blocks for a Cloud Browser solution.
We’re constantly deploying code at Reddit. Every engineer writes code, gets it reviewed, checks it in, and rolls it out to production regularly. This happens as often as 200 times each week and a deploy usually takes fewer than 10 minutes end-to-end. The system that powers all of this has evolved over the years. Let’s take a look at how it’s changed (and how it hasn’t) over all that time.
We’re happy to announce the release of Spinnaker 1.0, an open-source multi-cloud continuous delivery platform used in production at companies like Netflix, Waze, Target, and Cloudera, plus a new open-source command line interface (CLI) tool called halyard that makes it easy to deploy Spinnaker itself.
ES6 modules(以下称ESM)已经定义到了ECMAScript规范里面有段时间了。社区的人们也写了很多文章布道怎么配合Babel来使用以及说明了import和node里的require的区别。但是在浏览器端完整的实现还需要一点时间。 很欣喜的看到Safari第一个在其工程预览版搭载ESM),现在Edge 和 Firefox Nightly也搭载了这个功能。在经历过使用像RequireJs Browserify(还记得AMD和common js之争吗)似乎modules终将到达浏览器领地,那么就让我们来看看未来将会带给我们什么吧。
比微服务更进一步,UI 也独立,很多年前的 bigpipe 就是能做到类似的效果了
在App开发中,内嵌WebView始终占有着一席之地。它能以较低的成本实现Android、iOS和Web的复用,也可以冠冕堂皇的突破苹果对热更新的封锁。然而便利性的同时,WebView的性能体验却备受质疑,导致很多客户端中需要动态更新等页面时不得不采用其他方案。那么如何克服WebView固有的问题呢?我们将从性能、内存消耗、体验、安全几个维度,来系统的分析客户端默认WebView的问题,以及对应的优化方案。
XSS 科普
现在要拼前端了
虽然是软文,但思路可以参考
npm5 introduces a lockfile, package-lock.json that keeps a record of every dependency your project uses and what version you have currently installed. Before npm5, this was behavior you could only get from npm shrinkwrap.
When it comes to applications intended to last, I think we all want to have simple code that’s easier to maintain. Where we often really disagree is how to accomplish that. In this blog post I’m going to talk about how I see functions, objects, and classes fitting into that discussion.
Today we’re releasing ksuid, a Golang library for unique ID generation. It borrows core ideas from the ubiquitous UUID standard, adding time-based ordering and more friendly representation formats. In doing the research that went into this library, we uncovered a compelling story that we wanted to share with a larger audience.
另附:Be Careful with UUID or GUID as Primary Keys.
Advanced website builders — the tools provided by Squarespace, Wix, Weebly, The Grid and more — produce websites that look and feel like they were designed and coded by humans. They’re also software as a service, which is a different business model than traditional, custom-developed websites. So, should companies use them? At some point, will they replace custom development?
These are my notes from a Google I/O 2017 talk by three UX Writers. It’s a great resource to start creating a UX Writing process within your organisation. Useful for anyone involved in putting words on interfaces.
The Web Content Accessibility Guidelines (WCAG) 2.0 contain recommendations from the World Wide Web Consortium (W3C) for making the web more accessible to users with disabilities, including color blindness and other vision deficiencies.
I came across a couple such animations a while ago and this gave me the idea of creating my own versions with as little code as possible, no external libraries, using various methods, some of which take advantage of more recent features we can use these days, such as CSS variables. This article is going to guide you through the process of building these demos.
A hands-on introduction to video technology: image, video, codec (av1, h264, h265) and more (ffmpeg encoding).
微信基于 SQLCipher 封装的移动端数据库,带 ORM 等功能。附介绍:
Lullaby is a collection of C++ libraries designed to help teams develop virtual and augmented reality experiences.
Graywater, Tumblr’s framework for decomposing complex items in a RecyclerView list in order to improve scroll performance, reduce memory usage, and lay a foundation for a more composition-oriented approach to building lists. With Graywater, the app now scrolls faster and crashes less often, and it also gives us a solid foundation for building new features faster and better than before.
一些小的修复
Now’s the time for bold, scalable, universal design. This is a transformation. A step into the future of sensory experiences. The world is at our fingertips – join Microsoft in building a design evolution. Design and develop apps using Fluent Design. 将在最新的 Windows 10 中正式亮相
MDN - Mozilla Developer Network 时下的任务是为前端开发工程师提供靠谱的信息。MDN 所提供的权威文档为大家所认可,所以我们决定将其修改为 MDN Web Docs。
Private class fields 进入了标准流程的第二阶段。虽然尚未发布成标准,但众望所归。
React Log: React for the Console https://github.com/diegomura/react-log
与常规向浏览器渲染 DOM 不同,此项目开辟了渲染 console 的篇章
billboard.js 是一个可重用,易上手的 JavaScript 图标库,基于D3 V4开发的。可视化领域还是 Echarts、G2 更值得信赖,呵呵。
一个练习册,你可以用任何语言通关
At Google, our values reflect the fundamental importance of inclusion, openness, science, and commitment to the environment. Operating our business in an environmentally sustainable way has been a core value from the beginning.
试试了解目前社区最喜欢哪个库
不了解 node 也能做工程化
诺基亚提出的图片格式,比 jpeg 体积小且效果好,但不清楚和 webp 对比如何
It’s easy to explore code in your browser when you visit a GitHub repository, but you often want to pull that code directly into the appropriate editor and try it out. For example, if the repository contains an .xcodeproj or .xcworkspace file, you might want to open that code in Xcode.
当你逛 Github 的时候,看看代码总是容易的,但手痒了想直接运行就比较费劲了。Xcode 支持了从
ChaosBotChaosBot is a social coding experiment to see what happens when the absolute direction of a software project is turned over to the open source community.
barba.js is a small (4kb minified and gzipped), flexible and dependency free library that helps you creating fluid and smooth transitions between your website’s pages. It helps reducing the delay between your pages, minimizing browser HTTP requests and enhancing your user’s web experience. barba.js是一个小巧灵活无依赖的工具库,帮助你实现页面间平滑切换。
这几个心得很赞:职业不一样,是担起的担子,是对一群人包括自己的一种责任,有些事不喜欢不仅得做,还要做的漂亮;无论选择什么方向,一方面尽力做到最好;另一方面不要给自己设限,去接受更多挑战以提升自己;这样可能是比选择一个方向要更靠谱的方法;比选择更重要的是,成为一个某个产品或团队因为有你而变得更好的人。
将会有无数差异化的有别于人类思维的AI迎着我们走来,集合成无比灿烂的交响乐章;随着不断的发展与完善,它们会像电一样在“云”端被人类依赖,作为新经济的引擎,AI帮助人类延展自己的感知领域,也带给创业者们更多的机会。不要恐惧AI及智能机器人时代的到来,因为它只会给人类带来更多更有趣的工作机会;真正的AI时代远还未来临,目前还处于类似于工业革命农业革命一样的AI革命时代,是AI时代开始的开始,好日子还在后头,我们大家要满怀喜悦地迎接这个时代的到来。另附:
产品经理所需的三大特质:第一,感性与理性;第二,产品哲学;第三,0到1的经历。产品角度的四条线:1、自己的亮点是什么?2、自己的死点是什么? 3、对手的亮点是什么? 4、对手的死点是什么。互联网组织形态下:无形和无价的产品。在决策机制上避免两种倾向:一言堂、讲民主。另附:
无我编程的十条戒律,最早出现在 Gerald Weinberg 于 1971 年出版的经典著作《程序开发心理学》里。Stack Overflow 网站的联合创始人 Jeff Atwood 在博客上再次列出了这十条戒律。要知道,在这本著作出版的时候,Jeff 才一岁。虽然已经过去了几十年,但这些原则并没有被时间侵蚀,仍然值得每一位程序员拜读。另附: