策码

MutationObserver监听网页二次渲染和子节点变化 缘由 之前做性能优化的时候有一部分是关于对图片部分的优化 ，主要是做了懒加载 和借助工具对图片转码和压缩处理。...

场景一，递归查找匹配的某个key 场景二，递归给所有对象加一个字段 包含所以父级信息 场景三，递归获取指定条件所以的对象合集...

这里，很多同学大概率是掉入了启发式缓存的坑。 启发式缓存(Heuristic caching)，在没有明确缓存配置时（可以简单的理解为没有设置 Cache-Control ...

技术: Vue3+TS+ElementUI 需求: 1.实现一个可以固定列和表头的表格，动态列（50+） 2.需要兼容Chrome、FireFox、Edge...

众所周知，Javascript最初设计是运行在浏览器中的，为了防止多个线程同时操作DOM带来渲染冲突问题，js执行器被设计成单线程，但随着前端技术的发展，js能力远不止如此...

回流与重绘是什么 回流（reflow） 和 重绘（repaint）是前端开发中性能优化的重要概念，它们对前端开发者来说非常重要，因为它们直接影响网页的性能和响应速度。...

JavaScript拥有丰富的数据结构，其中最常见的包括数组、栈和队列等。这些数据结构在前端开发中起着关键作用，无论是用于存储数据、实现算法，还是构建各种应用程序，都离不开...

算法就是计算或解决问题的步骤。 区别在于，程序是以计算机能够理解的编程语言编写的，可以在计算机上运行，而算法是以人类能够理解的数学方式来描述的，用于编程之前。但，算法和编程...

微前端是什么 微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立...

使用husky + lint-staged + eslint + stylelint + pretiier 做代码校验 向外暴露了 h-com-linters instal...

主流管理公共仓库的方案有以下几种： npm包管理（包括版本管理、指定commitid等） Git Submodule Git subtree 其他... npm npm包管...

介绍 stylelint是一个用于检测CSS代码风格的工具。它可以帮助开发人员保持一致的代码风格，并捕获常见的错误和潜在的问题。stylelint支持自定义规则和插件，可以...

一、安装 安装命令 二、文件准备 创建 prettier 所需文件 在根目录下创建.prettierrc.js配置文件及.prettierignore忽略文件 三、创建配置...

使用 安装 如果你第一次使用 ESLint，你必须使用 --init 命令新建一个配置文件： 使用 ESLint 检测任何 JavaScript 文件： ESLint 中一...

需求描述 一个可编辑的div，在输入文本后，需要进行一些交互插入文本如右键插入，插入文本后需要恢复光标。 使用execCommand命令插入文本 一般情况下，我们会使用se...

最近项目 svg 图标用的越来越多 ，而且不同项目使用相同svg ，故封装成一个组件库，方便同步统一引用使用...

这个木好翻译，如果实在要翻译我把他翻译成分叉，什么意思呢？你开源了一个项目，别人想在你这个项目的基础上做些改进，然后应用到自己的项目中，这个时候他就可以fork你的项目（打...

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f343425c2ab042d484233f2...