前端开发菁英荟 - 201901月刊

各位同学们新年好鸭！小编在最近工作中听到部门的小伙伴抱怨道这个信息爆炸的时代，最大的问题是不知道哪些是有效的有价值的，觉得深有同感。《前端开发菁英荟月报》的初衷也是希望为读者筛选出有价值的文章和新闻资讯。如果你发现有价值的信息和工具，读到精彩的技术文章，欢迎私信公众号，我们会定期查阅和回复。

Android

Android架构之高可用移动网络连接

真实的网络环境是很复杂的，存在各种各样的因素会导致网络服务不可用，比如DNS劫持、服务器宕机、弱网等。本文主要谈一下在真实的网络环境下，存在哪些常见的网络不可用原因，以及大多数公司是如何解决并兜底，从而达到高可用连接这个目标的。

https://juejin.im/post/5c3ff2cbe51d4552216108fa

Android开发中API层的最佳实践

API层就是网络层，是一个App必不可少的模块。作者从12年开始做安卓开发，从这些年的开发经验中对API层的实践进行一些总结，内容方面主要是围绕HttpClient的选择，响应处理的编程模型和通知UI数据更新的最佳方式。

https://juejin.im/post/5c47e14a6fb9a049ac797f95

还在期待安卓9.0吗？Android 10.0要来了

目前，美国 Google公司的 AndroidP （安卓9.0），已经正式全面推出有几个多月了。众多手机品牌厂商也都在积极的进行更新适配 Android 9.0 系统。不知道各位Android用户是否体验到了这一最新版本的系统呢？

https://juejin.im/post/5c4bf44af265da615a42290d

iOS

OCEval-动态执行ObjectiveC的热修复方案

目前流行的 JSPatch/RN 基于 JavaScriptCore 提供了 iOS 的热修复和动态化方案。但是都必须通过下发 Javascript 脚本来调用 Objective-C 。 尤其是JSPatch，编写大量的JS代码来调用OC的方法，开发效率较低(目前可以借助语法转换器)，运行效率也会打折扣。更好的方案是直接编写 Objective-C 代码，来实现热修复或者动态化方案。开发效率更高，代码的执行效率也更高。

https://juejin.im/post/5c24a8396fb9a049d5198dfc

饿了么物流移动端业务可用性监控体系建设

在这个重视稳定性的年代，很多公司在移动端性能监控上花了很大的力气，对业务可用性监控的投入不足，但是移动端可用是由性能可用和业务可用共同组成，缺一不可。本文介绍了饿了么物流移动端在业务可用性监控体系建设上的一些探索和实践。

https://juejin.im/post/5c3577e0f265da616c65ca80

[英] Server-provided animations in iOS apps

这篇文章介绍了如何将 Adobe After Effects 的动画导出为 iOS app 可以读取的格式（借助 Lottie 库），然后创建一种动画云存储服务，将动画存储在服务器上，然后按需传递给客户端 app。这种方法最显著的优点就是可以对动画更新流程进行解耦，也就是说如果要发布一个漂亮的新动画，设计师只要给服务器团队提供 JSON 就可以了，效率非常高！

https://badootech.badoo.com/server-provided-animations-in-ios-apps-b51ce63beff3

[英] Functional networking in Swift

一篇非常不错的、手把手教学的 Swift 函数式编程教程。通过使用 Swift 的函数式特性以及 Future 和 Promise 的思想，一步步的把一个常见的网络请求模型改造得非常优雅。

https://www.swiftbysundell.com/posts/functional-networking-in-swift

---

H5

给2019前端的5个建议

阿里数据中台前端团队出品。他们出于产品的复杂性、人员的短缺和技术背景各异，在工作中尝试了各种方法打磨工具体系来提升开发效率。作者节选了其中的5项主要方法。

https://zhuanlan.zhihu.com/p/55357377

前端中的 IoC 理念

前端应用在不断壮大的过程中，内部模块间的依赖可能也会随之越来越复杂，模块间的低复用性导致应用难以维护。不过我们可以借助计算机领域的一些优秀的编程理念来一定程度上解决这些问题， 比如IoC。

https://juejin.im/post/5c2c47dcf265da616d544a53

Ant Design 情感化设计

总结自2019 See Conf 上分享的《Ant Design 情感化设计》，深度剖析蚂蚁金服在产品体验设计中，如何结合人类情感的实践经验，助力产品的体验升级和业务增长。在这个过程中我们可以看到蚂蚁金服的设计师们如何在模糊的感官、情感世界中寻找突破口，找到科学的理念和方法。

https://zhuanlan.zhihu.com/p/55364776

Polyfill 方案的过去、现在和未来

任何一个小知识点，深挖下去，也是非常有意思的。

https://github.com/sorrycc/blog/issues/80

[英] The TypeScript Tax

统计使用 TypeScript 的收益成本比，可以重点看成本部分。越大型的项目，使用TypeScript的成本越高，而且最多只有 20% 的线上问题是 TypeScript 能避免的。

https://medium.com/javascript-scene/the-typescript-tax-132ff4cb175b

[英] Roadmap to becoming a Web Developer in 2019

作者更新了2019年的web开发学习路书，7w多star的项目，值得一看。

https://github.com/kamranahmedse/developer-roadmap

[英] clean-code-javascript

《代码整洁之道》的 JavaScript 实践。

https://github.com/ryanmcdermott/clean-code-javascript

[视频] React Today and Tomorrow and 90% Cleaner React With Hooks

在 React Conf 2018 上，Dan Abramov & Ryan Florence 深入浅出 React Hooks。

https://www.youtube.com/watch?v=dpw9EHDh2bM

---

Hybrid

React Native 的 2018 年终总结

一年一度的 React Native 年终总结终于来了。作者把 2018 年所有的更新日志统计了一遍，并且挑出一些比较重要的更新内容罗列出来。希望能在 2019 年见到 RN 焕发出新的活力，给我们带来更多惊喜！

https://mp.weixin.qq.com/s/x2bxj_5F0G8Fq1qoCCwRIA

Flutter 2019 产品路线图正式公布

长路漫漫，Fluter 1.0发布之后仍有很多工作要做。开发团队在本文向大家公开了产品路线图规划，一方面是保持开源项目的透明度，同时开发者们也可以通过了解这个规划以制定更适合的工程方案。

https://mp.weixin.qq.com/s/nRAF7g3Faz5SvsPJ1A98Iw

Ionic 框架宣布 2019 年将正式支持 Vue 和 React

Ionic开发团队对 10000 多名 Ionic 用户进行了调查，结果发现2018 年 React 和 Vue 的使用率排名很高，而且预计 2019 年还将保持上涨趋势。因此，希望提供 React 和 Vue 的支持，让开发者有更多选择。

https://mp.weixin.qq.com/s/DUxnHXDo_62V7jt__Wb7Aw

flutter-go

阿里开源的 flutter 开发者帮助 APP，包含 flutter 常用 140+ 组件的demo 演示与中文文档，刚发布一个月就获得了5k star。

https://github.com/alibaba/flutter-go

新的一年，一起加油