金融壹账通前端H5技术周报(第十二期)

本期导读：本期我为大家带来RSA加解密演算，@小丽的mac下全局配置adb环境。语言基础专题为大家带来深入了解ES6类、H5性能优化。工具框架推荐大家阅读React动态渲染图片、NodeJs的包漏洞扫描与漏洞测试攻击。文末是使用WebGL实现的水波特效实验，欢迎赏鉴。

原创专题

1) RSA加解密演算与暴力破解12位 @吴掌雄

RSA号称地球上最安全的加密算法，https、ssl、网银密码等大多都是基于RSA加密的。那么RSA的基本原理是什么？我们都很好奇，在云计算发达与量子计算崭露头角的今天，RSA加密还是地球最安全的吗？本文为大家以12位演算RSA的加密解密，与暴力破解12位RSA之法。

2) mac下全局配置adb环境 @于小丽

配置adb环境有利于开发与测试定位问题，本文介绍mac下全局配置adb环境的具体步骤。

语言基础

1) 面向对象的 JavaScript – 深入了解ES6类 @愚人码头

通常我们需要在我们的程序中代表一个想法或概念 —— 也许是一个汽车引擎，电脑文件，路由器或温度读数。在代码中直接表示这些概念分为两部分：数据表示其状态和函数来表示行为。类给我们一个方便的语法来定义对象的状态和行为，来表示我们的这些概念。它们使我们的代码更安全，保证一个初始化函数能被调用，并且它们使得我们能更容易地定义一组固定的函数，来对数据进行操作并保持有效状态。如果你能把某些事物看成一个独立的实体，你可能应该定义一个类来表示你的程序中的“事物”。

2) 最终，JavaScript成为了一流语言 @Tom Goldenberg

尽管JavaScript最初是一门浏览器中的语言，但在计算机科学的各个方面-Web、移动端、物联网和后端服务中，它都变得更加普遍。工程师是明智的，不要因为他们对语言过时的看法而解雇他们。其实JavaScript一直是一门“真正的”编程语言，只是此时此刻，这种声明会比其他任何事情更容易被误解。

3) 如何做好H5性能优化？ @蔡媚霞

智能手机的普及、移动互联网的发展、微信异军突起，都为 H5 的发展提供了良好的环境。当前，H5 已被广泛应用于营销、广告、传播之中。而针对 H5 效率慢、体验差的硬伤，如何做好性能测试并优化其性能就显得尤为重要。

工具框架

1) NodeJs的包漏洞扫描与漏洞测试攻击 @革新

一个典型的Node应用可能会有几百个，甚至上千个包依赖（大部分的依赖是间接的，即下载一个包，这个包会依赖其他的好多包）和所依赖的包相比，自己写的代码量就显得少的可怜，引入了大量的包成为了应用程序的代码，也就引入了一些不可预知的隐患，比如我们是否知道这些包是否是安全的，如果我们引入的包是安全的，那这些包自己引入的第三方的包也是安全的吗？如果不是，那么这些隐患也会就成了应用程序的小后门，让黑客可以随意进出。

2) React 动态渲染图片，提升用户体验 @Andrew Wong

市场上竞争是非常残酷的，众所周知，仅仅有一个好的 idea 不足以使你的公司成为独角兽，执行力也同样重要。但是最终都会内化到产品中，进而归结为一个因素——用户体验。

前端视界

1) 水波效果 @小鱼

水波效果以图片为背景，点击图片任意位置都会触发。有时候，我们使用普通的 Javascript 就可以创建一个很有趣的解决功能。