better-fe 技术周刊 - 2019/08/26

新鲜货

AST 与前端工程化实战

推荐理由：AST 是一个很是基础可是同时很是重要的知识点，咱们熟知的 TypeScript、babel、webpack、vue-cli 都是依赖 AST 进行开发的。本文将经过 AST 与前端工程化的实战向你们展现 AST 的强大以及重要性。

蚂蚁金服如何把前端性能监控作到极致?

推荐理由：前端页面，尤为是C端业务，对于性能的要求是很是高的。那咱们如何去评判一个页面、站点的性能好坏呢？总不能就说"我感受这个页面很快，我感受这个页面很慢"，1是过于感性不够客观、2是没有办法横向比较。蚂蚁金服的同窗就利用了浏览器自身API结合数据清洗和一些计算方式来客观地评价页面性能，不妨看看他们的作法。

是时候了，无外链的CSS开发策略

推荐理由：CSS代码中无外链开发策略，节约了大量的请求的同时，更是方便了之后迁移或引用css文件，本文给出了一些开发实践与疑虑解惑，一块儿来看看吧～

详解 React 16 的 Diff 策略

推荐理由：React 核心算法的更新已经进行了多年了。React 16在保持公共API不变的状况下，将核心架构改成了支持异步渲染的Fiber架构。这篇文章对Fiber 架构讲解的很是全面和深刻，值得学习。

深阅读

这些Web API真的有用吗? 别问，问就是有用🈶

推荐理由：本文列举了一些列比较不常见的Web API，内容较多。阅读这篇文章，或许会有惊喜哦～

前端该若是解决数据结构和算法

推荐理由：前端程序员有至关一部分对“数据结构”和“算法”的基础概念都不是很清晰，本文详细介绍了经常使用的数据结构和算法，能够对数据结构和算法创建一个较全面的认知体系。

ESLint 在中大型团队的应用实践

推荐理由：代码规范是开发过程当中经久不变的话题，尤为在多人团队中，每一个成员若是各有各的代码规范，会致使项目可维护行大大下降。如何将每一个人的代码规范统一，提高项目可读性、可维护。此时咱们便须要使用JS的代码检查工具来帮助咱们约束规范。深读本文，学习如何利用ESLint来帮助约束规范。

checkValidity等form原生JS验证方法和属性详细介绍

推荐理由：form表单在后台管理系统中应用普遍，为了简便，咱们大都使用第三方UI组件库来实现基础样式和基本校验、查询等功能，这篇文章可以让咱们更好的理解校验实现的原理，form表单原生属性的强大。附：实践，xy-ui.codelabo.cn/docs/#/xy-f…