better-fe 技术周刊 - 2019/11/04

168 阅读3分钟

深阅读

300 毫秒点击延迟的来龙去脉

推荐理由:在h5中,采用click点击事件时,如果产生了轻微的卡顿,可能是由于浏览器默认300毫秒点击延迟导致的。这篇文章深入的分析了此问题,并给出了解决方案。

前端工程化:Docker、k8s、Serverless

推荐理由:目前,我司部署项目,都开始走云平台提供的部署平台。那么云平台底层是怎么实现的呢?熟读本文,让我们一窥究竟。

精读《用 Babel 创造自定义 JS 语法》

推荐理由:用 Babel 创造自定义 JS 语法,虽然在实际开发中很少用到,但是通过精读本文,了解其原理过程,可以抽出很多通用知识,希望读者可以对Babel理解更深入一层。

nginx 配置 host 支持https

推荐理由:上周在开发时发现之前项目中的https证书已过期,导致在本地环境总是弹出不安全,charles抓包无法抓取页面中的数据,推荐一篇重新给项目申请安全证书的文章,供本地开发使用,具体步骤写的很清楚。

高性能渲染十万条数据(虚拟列表)

推荐理由:在工作中,经常会遇到加载列表数据的场景,有时数据量巨大,一般我们都会做成无限加载的方式去加载,但随着数据量越来越大,页面性能会越来越差,因此我们需要有一个比较好的方案去提高性能,本文提供了一种虚拟列表的方式,同时作者还有一篇时间分片的方式(文中有链接),值得收藏阅读!

新鲜货

用于macOS的平铺式窗口管理器 - yabai

推荐理由:这期荐者再次推荐一款效率神奇,yabai开源项目。在macOS上,已经有不少各具特色的窗口管理器,例如 Magnet,Moom等。不过这些窗口管理器,都或多或少地依赖一些鼠标、触控板操作。而yabai的配置则更加灵活,且其本身开源。纯键盘操作、自动进行窗口布局、完善的多桌面,多显示器支持、高度的可定制能力。如果你之前一直用Finder这一系统自带的浮动式窗口管理器,那么是时候尝试一下平铺式窗口管理器了。

炫技,从 12.67s 到 1.06s 的网站性能优化实战

推荐理由:作为互联网项目,最重要的便是用户体验。今天,我们将从性能优化的三大方面,逐步展开介绍如何通过性能优化,提升用户体验,其中包括网络传输性能、页面渲染性能以及JS阻塞性能。这篇文章会系统性地带着读者们体验性能优化的实践流程。

职业发展

浅谈:前端如何赋能业务

推荐理由:随着公司业务的发展,前端的使命也在变化。那么我们如何做到,技术服务于业务,但是又不是完全被需求推着走?这篇文章阐述了公司发展的各个阶段,对前端同学的不同要求。我们自己正在处于哪个阶段?怎样才能最大化的实现自己在该阶段的价值?我们有没有为下一阶段的到来做好准备?读完这篇文章,相信你一定会有所思考。