风之化身

监听网页更新，并通知用户刷新页面的插件，支持 Vite、Webpack、umi。接入简单，并支持丰富的自定义功能。...

本文为稀土掘金技术社区首发签约文章。 很多小伙伴都说学会了web worker，但是在实际的项目中好像没有什么实战场景。因此，小羽整理出来了比较通用的场景，希望可以给小伙伴...

在用户正在访问单页面网站的情况下，突然发布了新的版本。而由于单页面中路由特性，或浏览器缓存的原因，并不会随着路由变化而重新加载前端资源，此时用户浏览器所运行的脚本，并非是最...

22年7月入职了现在的公司。记录一下在公司做的前端代码优化，如果你也遇到了同样的问题，希望可以帮助到你,或者可以在评论区进行交流。...

近期对现有的前端项目新增了单元测试，特此对这段时间用到的一些基于vitest+Vue Test Utils的单元测试知识做一下总结。...

学会看开源项目源码，学会两种调试Vue3源码的方式 1. 使用 vitest vscode 扩展测试用例调试。 2. 使用生成 sourcemap 文件调试源码。 3. 学...

前言 这是一篇属于面向前端的关于CICD和Github Action的入门文章，其旨在： 入门掌握Github Action的用法 学习CI和CD的含义及其实现细节 基于G...

新年快乐，愉快的假期中总是不自觉的打开电脑😄。开源的世界每天都会有各种惊喜，下面是我们整理的15个有趣的开源项目，希望当中有您喜欢的。...

像每个React开发者一样，你可能已经问过自己以下问题之一 - 我如何建立一个**可重复使用**的组件以适应不同的使用情况？ - 我如何建立一个具有**简单API**的组件...

从源码来看，每输出完 node 的所有属性值后，会跟着输出 \n\0，这也是输出结果中 nodes 数组是一行行数字的原因。不过我们知道 \n\0 在 JSON 反序列化的...

以上代码就是举个例子，大部分情况应该都是写一个类，然后整一堆样式进去。 取名困难，节点结构一多，取名真的是个难事。当然了，我们可以用一些规范或者选择器的方式去规避一些取名问...

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当...

本系列将全程采用TypeScript进行代码编写，你可以直接复制模板项目开始代码的编写。模板项目主要帮助你完成了以下工作 克隆 示例项目，复制根目录下的start proj...