金融壹账通移动技术周报（第五十七期）

技术周报

@author ASCE1885的 Github 简书 微博 CSDN 知乎
由于微信公众号屏蔽外部链接，详情请点击底部 阅读原文

Photo by 小虫

本期关键词：HTTPS，Kotlin，React Native，React 组件，前端可用性，Android 组件化，前端监控

原创专题

1）HTTPS 系列 1--HTTPS三次握手

• 译者简介：陈步青
• 内容简介：本文带你探讨HTTPS三次握手的原理。

2）HTTPS 系列 2--证书的信任链校验：certificate trust chain

• 译者简介：陈步青
• 内容简介：最近公司在外接一个新功能，客户端需直连外部公司服务端，因此涉及到客户端／服务端证书校验安全问题，顺带研究了一下https证书的信任链，以及如何校验一个证书。本文将拿百度网站的https证书为例子，手工教你如何模拟浏览器对https证书进行校验：利用openssl工具，手工进行https证书的校验。

大前端技术栈

1）【译】Kotlin 在 Android 开发中的 16 个建议

• 作者简介：ASCE1885， 《Android 高级进阶》作者。
• 内容简介：Savvy Apps 在 2016 年底开始在新的 Android 项目中使用 Kotlin，就在 Kotlin 1.0.4 发布之际。最初，我们得到了在规模较小的项目中尝试 Kotlin 的机会，当尝试过后，我们发现了它的易用性，使用扩展函数可以很容易的将功能和业务逻辑分离开，而且它为我们节省了开发时间，因此，我们觉得它将是一门先进的语言选型。从那时开始，我们使用 Kotlin 创建了多个 Android App，同时也开发了一些内部的 Kotlin 函数库。

2）React Native Bundle 解释与拆解

• 作者简介：黄成华，欢聚时代研发工程师
• 内容简介：在实际 RN 开发中，往往涉及多个业务，业务间可能不存在耦合，而且业务需要独立的 bundle，由此就会出现多个 bundle 的情况，而每个 bundle 基本上都包含 react 和 react-native 依赖，导致总体积较大；一般存在线上下发需求，还会耗费用户流量。由经验可知，JS 中的 react 和 react-native 依赖版本基本上与原生 RN 版本对应， 可以抽离这两个依赖打包成 base.bundle 内置于 app 中。

3）前端可用性保障实践

• 作者简介：禹霖，美团点评前端技术专家，负责金融钱包及支付前端团队。

• 内容简介：一般可用性都是说后端服务的可用性，都说我们的服务可用性到了几个9，很少有人把可用性放到前端来。其实对于任何一个有UI交互流程的业务，都会有前端服务可用性，后端的可用性做的再高，前端一个按钮写的有问题点击不起作用也会导致用户无法完成流程。前端服务可用性包含三个部分：

  • 前端代码可用性（测试质量，线上异常）。
  • 静态资源服务可用性。
  • 网络链路可用性（DNS劫持、网络性能）。

4）开发 React 自定义组件

• 作者简介：田坤，来自 58 无线技术

• 内容简介：在 React 出来之前，已有无数前端框架或库诞生，功能非常强大、也非常好用，伴随着我们前端开发人员走过一年又一年。但为什么 React 一出，受到国内外热捧，它到底解决了前端哪些痛点？ 个人不成熟理解有如下两点：

  • Web Component
  • Virtual DOM

5）组件库设计实战 - 复杂组件设计

• 作者简介：诚身，阿里巴巴集团资深前端开发工程师
• 内容简介：一个成熟的组件库通常都由数十个常用的 UI 组件构成，这其中既有按钮（Button），输入框（Input）等基础组件，也有表格（Table），日期选择器（DatePicker），轮播（Carousel）等自成一体的复杂组件。这里我们提出一个“组件复杂度”的概念，用来衡量一个组件自身的复杂度，其主要来源就是组件自身的状态或属性，即组件自身需要维护多少个不依赖于外部输入的状态或属性。参考原先文章中提到过的木偶组件（dumb component）与智能组件（smart component），二者的区别就是是否需要在组件内部维护不依赖于外部输入的状态或属性。

6）Android彻底组件化方案实践

• 作者简介：格竹子，得到 Android 工程师
• 内容简介：项目发展到一定程度，随着人员的增多，代码越来越臃肿，这时候就必须进行模块化的拆分。在我看来，模块化是一种指导理念，其核心思想就是分而治之、降低耦合。而在Android工程中如何实施，目前有两种途径，也是两大流派，一个是组件化，一个是插件化。

7）监控平台前端SDK开发实践

• 作者简介：杨婷
• 内容简介：监控是提高故障处理能力和保障服务质量必需的一环，它需要负责的内容包括：及时上报错误、收集有效信息、提供故障排查依据。

8）谈谈 React + Redux 的可复用性

• 作者简介：陈津
• 内容简介：业务背景介绍：腾讯云数据库产品中心 & 大数据及人工智能产品中心 前端从2016年初开始尝试 React + Redux 全家桶，期间经历了很多波折，到目前为止总共28个项目，其中有15个项目使用了该方案。

技术人生

1）如何成为一名优秀的程序员？

• 作者简介：邱俊涛，ThoughtWorks咨询师，著有《JavaScript核心概念及实践》，《轻量级Web应用开发》等技术书籍。

• 内容简介：作为一个从业快10年的程序员，我想给新入行的程序员们一些建议。这些建议是我希望自己可以在毕业的时候就读到的，也希望它们可以帮助你成为一个更好的程序员。

  • 保持健康
  • 编程之外的爱好
  • 持续学习
  • 正确应对犯错
  • 不要囿于角色
  • 展示你的创意
  • 刻意练习手速

2）如何成为一个合格的技术Leader？

• 作者简介：张灿，百度外卖研发中心总监。2009 年加入百度，先后在百度有啊、hao123、百度团购、百度 LBS 等业务从事技术研发工作。2014 年加入百度外卖，正式开启技术转管理的涅槃之路。
• 内容简介：在即将到来的 10 月份上海 QCon 大会上，百度外卖研发中心总监张灿将带来演讲《向前一步——年轻技术管理者的涅槃重生》，InfoQ 在此之前，对张灿老师进行了一次独家专访，让张灿老师聊聊作为女性技术人的成长感悟与对技术人转向管理者的思考。本文即由采访内容整理而成。

3）Node之父Ryan Dahl：我不想被定义

• 作者简介：薛命灯
• 内容简介：被称为Node之父的Ryan Dahl在2012年离开了Node项目，后来加入Google的Brain团队，从事深度学习方面的研究，主要专注在图像的着色和超解像技术上。拥有深厚数学功底的Ryan经历了从Web开发到深度学习的跨越，还主导了多个开源项目，如HTTP解析器、libuv等，可以说是一个技术多面手。他不喜欢被人定义成某个领域的专家。MTJ（Mapping The Journey）网站对Ryan进行了一次深度访谈，他在访谈中提及了他的成长经历、Node的开发始末、个人的职业变迁以及对深度学习和人工智能的看法。

4）那些年薪百万工程师钱多事少的日常

• 作者简介：Julie Bort
• 内容简介：拿着高薪公司可以不用干活，这是怎样的职业存在？想想很美好的事情，事实是否真的如此？

欢迎关注我们的微信公众号：金融壹账通移动研发团队