引言 给组内的项目都在CICD流程上更新上了性能守卫插件，效果也还不错，同事还疯狂夸奖我 接下里进入我们的此次的主题吧 但是会出现两个问题，如果采用第一种方式，使用lighthouse查看性能指标

困扰着前端人自适应大屏适配的噩梦可能要被这短短的几行代码破解了，难道这就是大屏适配的最优解？快来看看这款名为autofit的小工具，用了都说好！

因为多入口组件库中开发环境和生成环境的配置是不同，所有要区分开来。 通过process.env.NODE_ENV变量来判断，生产环境时process.env.NODE_ENV为development。 在Vue组件库项目中原来src文件夹的内容是demo展示的内容，所以文件名改…

逐步学习什么是递归？通过使用场景来深入认识递归。 前端性能优化之路——图片篇。 今年的文章量比去年又多了好多，看来大家在掘金越来越活跃啦！可以Mark起来慢慢看～不过呢小饼还是建议大家到微信群里看每日小报，毕竟每天消化一两篇会更加有用，日积月累就会有很大的收益。反而积攒到一起的…

AST 是一个非常基础但是同时非常重要的知识点，我们熟知的 TypeScript、babel、webpack、vue-cli 得都是依赖 AST 进行开发的。本文将通过 AST 与前端工程化的实战向大家展示 AST 的强大以及重要性。 第一次看见 AST 这个概念的时候还是在《…

当下的前端同学对 React 与 Vue 的组件化开发想必不会陌生，RN 与 Weex 的跨界也常为我们所津津乐道。UI 框架在实现这样的跨端渲染时需要做哪些工作，其技术方案能否借鉴乃至应用到我们自己的项目中呢？这就是本文所希望分享的主题。 什么是跨端渲染呢？这里的「端」其实并…

防抖就是将一段时间内连续的多次触发转化为一次触发。 原理很简单，主要是判断是否到达等待时间，如果没到达的话就继续加入任务队列等待执行。使用方法： 返回一个执行器的原因是这样可以方便获取最后一次函数执行时返回的值。 节流顾名思义则是将减少一段时间内触发的频率。 可以将一些事件降低…

这个问题颇有争议，主要是因为有一些场景使得这个问题比较难以追因和理解。 让我们先从 Android 开始。Android 系统被设计成监听推送消息，一旦收到一条消息，就会唤醒对应的 Android 应用来处理推送消息，而不管这个应用是否关闭。 Android 上的任何浏览器和上…

获得 PushSubscription 并将其保存到我们的服务器之后，就可以触发推送消息了，但是有一件事我之前一笔带过了，那就是向用户请求权限时的用户体验。 令人遗憾的是，很少有网站会考虑他们应该如何向用户请求权限，所以让我们简单地看看好的和不好的用户体验。 现有的一些常见模式…