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

150 阅读3分钟

深阅读

精读《JS 引擎基础之 Shapes and Inline Caches》

推荐理由:不同前端引擎会使用不同的优化策略,那么JS 引擎是怎么优化的呢?本文深入理解Shapes 与 Inline Caches,有助于提升性能的编程技巧。

风格与品位--3个前端代码规范的工具

推荐理由:本文简绍三个工具 EditorConfig ,Prettier 和 eslint 。前两个工具帮你形成代码风格,另外一个让你提高代码品味。最后提供 typescript + eslint + prettier + airbnb + hooks 的安装和配置清单。一起来了解下吧!

高阶函数,你怎么那么漂亮呢!

推荐理由:工作中,或许我们习惯固有思维来解决所遇到的问题,想过用其他优秀的方法,无奈脑中好像没有存储这种优秀的方案,上网搜的话,可能会觉得会消耗时间,长期下来,代码质量止步不前,文章内容从我们平时常见问题入手,用不一样的方式来实现想要的效果,思路很不错,值得参考学习一下

处理 JS中 undefined 的 7 个技巧

推荐理由:通常情况下我们代码中都会出现undefined未处理的情况,从而导致一些报错,那么如何来避免呢?本文列出了7种处理undefined的技巧,一起来学习吧~

深度剖析:前端路由原理

推荐理由:本文介绍了路由、前端路由的源起、以及分析了两种前端路由:Hash 模式和 History 模式的原理以及简单功能实现。通过阅读本文,可以帮助我们更好的去阅读 vue-router 和 react-router 的源码实现了。

新鲜货

一步一步搭建前端监控系统:如何记录用户行为?

推荐理由:最近在研究前端监控,对于现在市面上的监控平台如何做到用户行为跟踪非常好奇。这篇文章正好为我解答了一些疑惑。另外文章中有作者的全套搭建前端监控系统的博客链接,可以学习一下。

同步渲染和异步渲染对 DOM 的阻塞

推荐理由:首先我们要明确什么是同步渲染,什么是异步渲染。现在我们的开发基本上都是异步渲染为主,在这种情况下,页面的render原理,以及脚本如何阻塞这一过程的,都要做到心中有数,这样才能在render层面进行优化。文章先讲实验,后做优化总结,值得一看。

职业发展

职业思考:技术人需要突破的 10 个困局

推荐理由:本文作者为宋小菜前端负责人,通过亲身经历总结了我们技术人员如何如何规划未来几年,如何应对不同的阶段。它可能不适合于每个人,但是却值得我们去深读借鉴。