最近在做视频相关的项目，有一个需求是选取视频的任意一帧作为视频封面。实现这个需求可以是在前端填入截取视频的秒数，后台截取图片并返回图片链接，但有两个问题：一是不能精确知道视频某一帧的准确秒数，二是后端截图有网络传输时间延迟，无法实时预览截图效果，需要再次修改的话比较浪费资源。所…

性能优化相关的文章其实网上挺多，但是大部分都是在讲如何优化性能，也就是讲方法论。但是在实际工作中，如何量化性能优化也是相当重要的一环。今天本文会介绍谷歌提倡的七个用户体验指标（也可以认为是性能指标），每个指标分别根据以下几点讲解： 首次绘制，FP（First Paint），这个…

错误信息收集方案： 前端错误分为：代码执行错误、资源加载错误 一、try catch 这种方式需要开发者手动对预估存在错误风险进行包裹，这种可以手动完成也可以通过自动化工具和类库完成。自动化工具也是基

已经好久没有写博客了。本文不说 Vue3.0 了，相信已经有很多文章在说它了。而前一段时间尤大开源的 Vite 则是一个更加吸引我的东西，它的总体思路是很不错的，早期源码的学习成本也比较低，于是就趁着假期学习一番。 本文撰写于 Vite-0.9.1 版本。 一个是 Vite 主…

90行代码带你快速学会webpack。在前端社区里，webpack可以说是一个经久不衰的话题。其强大、灵活的功能曾极大地促进了前端工程化进程的发展，伴随了无数前端项目的起与落。

如何做一个查找项目中无用模块的工具？如何写一个通用的模块遍历器？babel 和 postcss 分别怎么做依赖分析？这篇文章给你答案。

目前工作快四年，年后投了一波简历，这里整理了一下新鲜出炉的前端面经，需要的可以自取。 面试挺累人的，每天下班后赶回家面试，有时候干脆找个会议室偷偷摸摸面试。面了将近一个月，目前还没挂过，但由于各种因素，又都拒了。。。现在又要开始新一轮的面试了，祝自己好运吧。 看到评论区里面不少…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

2020 年即将结束了，不知不觉 源码分析 专题已经写了 9 篇文章，往期的 8 篇文章介绍了 Axios、BetterScroll、koa-compose 和 FileSaver.js 等优秀的开源项目，该专题的每篇文章阿宝哥都花了挺多时间与精力。不过值得欣慰的是，专题中的多…