保险一账通前端技术周报(第十八期)

本期导读：本期为大家带来原创文章：Android UI架构浅析、Android混淆规则、WebVR开发教程——交互事件、H5多媒体实践，语言基础专题：彻底理解Android Binder通信架构、关于Object.assign的性能问题，工具框架推荐大家阅读ReactJS 底层揭秘、Android Proguard(混淆)，文末是cannon.js物理引擎的WebVR例子，欢迎赏鉴。

原创专题

1) Android UI架构浅析 @刘轲

Activity组件在启动的时候，系统会为它创建窗口对象（Window），同时，系统也会为这个窗口对象创建视图对象。另一方面，当Activity组件被激活的时候，系统如果发现与它的应用程序窗口视图对象所关联的ViewRoot对象还没有创建，那么就会先创建这个ViewRoot对象，以便接下来...

2) Android混淆规则 @张玉强

Java代码是非常容易反编译的。为了很好的保护Java源代码，我们往往会对编译好的class文件进行混淆处理。
ProGuard是一个混淆代码的开源项目。它的主要作用就是混淆，当然它还能对字节码进行缩减体积、优化等，但那些对于我们来说都算是次要的功能。

3) WebVR开发教程——交互事件（一）头显与手柄 @陈昱宏

带大家走进VR交互世界，看看WebVR事件是如何开发的

4) H5多媒体实践 @吴掌雄

随着多元化业务的发展，前端H5越来越需要对图像、音频、视频等多媒体做出：文件选择、压缩、实时数据操作等处理。文本为大家探讨一下前端H5对于图像、音频、视频的应用与对浏览器的兼容性。

语言基础

1) 彻底理解Android Binder通信架构 @gityuan

基于Android 6.0的源码剖析， 本文深度剖析Binder IPC过程, 这绝对是一篇匠心巨作，从Java framework到Native，再到Linux Kernel，带你全程看Binder通信过程.

2) 关于Object.assign的性能问题 @Stark伟

Node.js 依然在使用自己内部实现的 util._extend 的原因是因为 Object.assign 比 util._extend 慢 2-3 倍。

工具框架

1) ReactJS 底层揭秘 @Bogdan-Lyashenko

我们将在这里谈论 ReactJS 的两个版本，老版本使用的是 Stack 协调引擎，新版本使用的是 Fiber（你可能已经知道，React v16 已经正式发布了）。让我们先深入地了解（目前广泛使用的）React-Stack 的工作原理，并期待下 React-Fiber 带来的重大变革。我们使用 React v15.4.2 来解释“旧版 React”的工作原理。

2) Android Proguard(混淆) @于晓飞93

最近项目中遇到一些混淆相关的问题，由于之前对proguard了解不多，所以每次都是面向Stackoverflow的编程。copy别人的答案内心还可以接受，但是copy了之后不懂别人的逻辑是无法忍受的。首先不清楚别人的答案是不是一定符合自己的需求；其次，再遇到同类问题还是得抓瞎。于是下决心看了一下proguard的官方文档。很长，但是很详细，在这里整理一下笔记，分享给大家。

前端视界

1) 一个使用cannon.js物理引擎的WebVR例子 @陈昱宏

cannon.js物理引擎的WebVR多球下落滚动，欢迎鉴赏！