转载

FEX 技术周刊 - 2016/09/12

微信搜索『FEX』关注我们的公众号，及时获得最新资讯。

深阅读

Getting Started with PouchDB Client-Side JavaScript Database

https://www.sitepoint.com/getting-started-with-pouchdb/

https://pouchdb.com/2016/09/05/pouchdb-6.0.0.html

The rise of rich web applications also created a need for good client-side storage mechanisms, and that is where JavaScript databases like PouchDB come in. PouchDB is an open-source JavaScript database inspired by Apache CouchDB that is designed to run well within the browser.

Farewell to Node.js v5, Preparing for v7

https://nodejs.org/en/blog/community/v5-to-v7/

You may have missed it but at the end of June, the Node.js project said a final farewell to version 5. There will be no more patches, critical or otherwise, for this branch. To those who have been using Node.js for some time this may seem anomalous, shouldn’t major versions stick around for years? 另外， Ember.js 也开始采用 Node.js 的版本发布策略。

Build More Reliable Web Apps with Offline-First Principles

http://thenewstack.io/build-better-customer-experience-applications-using-offline-first-principles/

Offline first is a way of building applications where having network connectivity is an enhancement, not a necessity. Instead of building applications with the always-on desktop mindset, when you build applications in which the default mode is offline, you’re prone to deliver a better overall customer experience. Offline-first techniques and technologies exist to prepare an application to deliver a good experience to customers while it’s offline.

How To Scale React Applications

https://www.smashingmagazine.com/2016/09/how-to-scale-react-applications/

https://github.com/mxstbr/react-boilerplate

Nowadays, due to rich web applications, scaling has become an important topic on the front end, too! The front end of a complex app needs to be able to handle a large number of users, developers and parts. These three categories of scaling (users, developers and parts) need to be accounted for; otherwise, there will be problems down the line.

The future of web apps

http://www.creativebloq.com/features/the-future-of-web-apps

The gap between native apps and web apps is narrowing. Discover the world of progressive web apps, and how they can help our apps level up.

Facebook iOS App技术演化十年之路

http://www.infoq.com/cn/articles/evolution-of-facebook-ios-app-ten-years-technology

构建大型 iOS app 的经验，不过奇怪的是，反编译 Facebook app 后发现有 React Native 模块的，但作者这里缺说没用到，看来也不是完全了解。

如何让 H5 体验接近 APP：（一）触摸反馈

https://segmentfault.com/a/1190000006864910

估计很少人关注到这点

你以为是微服务或Docker？其实是组织架构

http://blog.jobbole.com/105592/

一个产品或系统的设计（架构）受到其生产组织自身交流沟通结构的制约。微服务和容器技术无疑是这个时代工程架构方面支撑组织灵活性的重要一步，然而我们不能忘记一个组织是五脏俱全的，如精益企业提到的，组织的财务审计、人力资源、采购合规等功能如何有效的“微服务”化和如何能够合力构建一个弹性的“容器”支撑平台仍然需要诸君努力！另附：一个完整的微服务系统，应该包含哪些功能

可信前端之路-代码保护

http://www.cnblogs.com/alisecurity/archive/2016/09/08/5852923.html

可信系统（Trusted system）是一个让人心动的目标，它指的是一个通过实施特定的安全策略而达到一定可信程度的系。由于web的开放特性，前端作为数据采集的最前线，js代码始终暴露在外，在这种情况下，防止恶意伪造请求变得非常困难，可信前端也就成了无稽之谈。在反复对抗中，代码保护也就是通常意义上的js代码混淆的重要性逐渐彰显出来。

[译] 如何编写友好的 README

https://segmentfault.com/a/1190000006834614

http://rowanmanning.com/posts/writing-a-friendly-readme/

一个项目的README是非常重要的；别人看到你的开源项目的时候第一个看到的就是README，同时README也常常是项目唯一的文档。你的README对于你的项目来说，就相当于一个公司的官方网站一样，就像网站需要注意很多用户体验一样，我们的README也应该从用户的角度出发。

Is var Dead? What should I use?

http://wesbos.com/is-var-dead/

I’m just going to go over two of the leading opinions here. These are both done by some very, very smart people in the JavaScript scene, so I’ll let you pick your own.

Function signature: how do you order parameters?

http://lemire.me/blog/2016/09/06/function-signature-how-do-you-order-parameters/

Most programming languages force you to order your function parameters. Getting them wrong might break your code. What is the most natural way to order the parameters?

深度长文：我对CQRS/EventSourcing架构的思考

http://mp.weixin.qq.com/s?__biz=MzA5Nzc4OTA1Mw==&mid=2659598125&idx=1&sn=ca39d804aede5ee46988b6d635217027

可以学习下这个经典架构。

美团点评的Atlas实践

http://tech.meituan.com/atlas-introduction.html

MTAtlas是一款基于MySQL协议的中间件，来源于360的开源项目Atlas，MTAtlas在开源的基础上进行了一系列的改进工作。

工作经常用到的Mac软件整理

http://gold.xitu.io/post/57d009a68ac2470062e037a0

给第一次用 Mac 的，不过软件最好是去官方网站下载。

新鲜货

Bringing WebVR to Microsoft Edge

https://blogs.windows.com/msedgedev/2016/09/09/webvr-in-development-edge/#V8r5UJwl57kubeu4.97

虽然短期内不看好，但还是支持一下。

uWebSockets 0.9

https://github.com/uWebSockets/uWebSockets

号称性能最好的 WebSocket 实现，看来还是有持续更新的。

V8 Release 5.4

http://v8project.blogspot.jp/2016/09/v8-release-54.html

性能提升、内存占用降低。

dva - React and redux based, lightweight and elm-style framework

https://github.com/dvajs/dva

来自蚂蚁金服的基于 react 和 redux，elm 风格的前端框架。

Announcing Quill 1.0

https://quilljs.com/blog/announcing-quill-1-0/

https://github.com/quilljs

Quill is designed as an easy to use editor, to support content creation across the web. It is built on top of consistent and predictable constructs, exposed through a powerful API. With coverage across both ends of the complexity spectrum, Quill aims to be the defacto rich text editor for the web.

How to Bundle JavaScript With Rollup

https://code.lengstorf.com/learn-rollup-js/

Learn how to use Rollup as a smaller, more efficient alternative to webpack and Browserify to bundle JavaScript files in this step-by-step tutorial series. rollup 正在悄然崛起，会革掉 webpack 的命吗？

Visual Studio Code Now Supports Debugging of iOS Web Apps

https://www.infoq.com/news/2016/08/visual-studio-code-ios-debug

VSC 越来越强大了。这是最近发布的 1.5 版本， https://code.visualstudio.com/updates? 可抢先升级了。

Samsung brings JavaScript to the Internet of Things

http://www.cio.com/article/3117720/internet-of-things/samsung-brings-javascript-to-the-internet-of-things.html

https://github.com/Samsung/jerryscript

Samsung has begun offering a stable 1.0 release of JerryScript, its lightweight JavaScript engine for the internet of things (IoT). Requiring less than 64KB of system RAM, the open source engine is intended for resource-constrained devices like microcontrollers. JerryScript backs on-device compilation and can access peripherals from JavaScript. It uses a C API for embedding in applications, and Ubuntu 14.04 Linux is the only supported development environment.

FlyWeb – Pure Web Cross-Device Interaction

https://hacks.mozilla.org/2016/09/flyweb-pure-web-cross-device-interaction/

FlyWeb is an experimental project, we’re aiming for one goal: making it easy for people or devices that are physically close to stream applications and content to each other. To do that, we want to make it dead simple for someone to stand up a “local area web server”, and for a person with a browser to discover and connect to that local area web server. FlyWeb servers can live on a web-page loaded on your computer or smartphone, or they can live on tiny hardware devices on your network. FlyWeb servers are not designed to be accessible to “the internet”, but instead only to people on the local network (i.e., people already in physical proximity).

Input mask for React, Angular, Ember, & plain JavaScript

https://github.com/text-mask/text-mask

Text Mask is an input mask library. It can create input masks for phone, date, currency, zip code, percentage, email, and literally anything! There are convenient wrappers for React, Angular 2, and Ember.

argon.js

http://argonjs.io/

A javascript framework for adding augmented reality content to web applications 目前还需要特殊浏览器

vim-es6

https://github.com/isRuslan/vim-es6

List of JavaScript ES6 snippets and syntax highlighting for vim.

flex.css

https://github.com/lzxb/flex.css

解决移动端使用 flex 的兼容性问题

Mobi.css

http://getmobicss.com/

https://www.v2ex.com/t/304129