性能监测篇：Performance、LightHouse 与性能 API 性能监测是前端性能优化的重要一环。监测的目的是为了确定性能瓶颈，从而有的放矢地开展具体的优化工作。 平时我们比较推崇的性能监测方案主要...

网页开发中我们经常要处理用户交互，我们会用 addEventListener 添加事件监听器来监听各种用户操作，比如 click、mousedown、mousemove、input 等，这些都是由用户直接触发的事件。 那么对于一...

大家好，我是 CUGGZ。 在 Web API 中，有非常有用的对象、属性和函数可用于执行小到访问 DOM 这样的小任务，大到处理音频、视频这样的复杂任务。常见的 API 有 Canvas、Web Worker、History、Fe...

❝ 原文链接：Flat node_modules is not the only way[1]，2020.05.27，by Zoltan Kochan ❞ 新用户经常问我关于 pnpm 创建的 node_modules 结构为什么如此奇怪。为什么它不是扁平化的？所有子...

喜欢就关注我们吧 随着VueJS越来越流行，社区创建的VueJS插件也变得越来越普遍和强大。 有些插件的确非常有用。例如，令人惊艳的UI库和实用程序插件可以帮助我们节省大量的开发时间。 虽然自己...

为你的应用添加声音是吸引用户的好方法。新通知的小铃声，发送邮件的“嗖”的声音，或者删除文件的崩溃声，都能在很大程度上为你的React Native应用构建更好的用户体验。 在这个指南中，我们将...

喜欢就关注我们吧 Vue中的过渡和动画可以使网站更有现代范，并为网站访问者提供更优越的用户体验。对于开发人员来说幸运的是，Vue动画只需几分钟即可设置完成。 本指南将重点介绍Vue中的元素，...

我们都知道,通常情况下我们使用 vue 大多都是用的 SFC(Signle File Component)单文件组件模式,即一个组件就是一个文件,但其实 Vue 也是支持使用 JSX 来编写组件的。这里不讨论 SFC 和 JSX 的好...

1、React 中 keys 的作用是什么？ Keys是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识 在开发过程中，我们需要保证某个元素的 key 在其同级元素中具有唯一性。在 React Di...

前端在上传视频时，需要截取视频中的 N 帧画面，选择一张做封面。 通过监听 video，我们可以使用 canvas 绘制当前视频位置的画面，并输出 base64 图片数据。虽然实现起来不难，我还是走了一些弯...