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

178 阅读3分钟

新鲜货

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…