摘要： 组件懒加载的方式 1. require（AMD规范） { path: '/demo', name: 'Demo', component: resolve => require(['../components/Demo/index'], resolve)} 这种方法可以实现按需懒加载，并且一个组件会打 阅读全文

摘要： 使用技术 vite-plugin-theme 用于动态更改界面主题色的 vite 插件。 在 vite 处理 css 后,动态解析 css 文本内符合插件配置的颜色值的时候,从所有输出的 css 文件提取指定的颜色样式代码。并创建一个仅包含颜色样式的app-theme-style.css文件，动态插 阅读全文

摘要： 一、什么是less？ 一种 动态 样式 语言. LESS 将 CSS 赋予了动态语言的特性，如 变量， 继承，运算， 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可一在服务端运行 (借助Node.js). 二、什么是颜色梯度？ 本人没有文化，正 阅读全文

摘要： 一，重排与重绘导致的性能问题 浏览器的重排重绘导致一定的性能问题，频繁的性能操作会严重导致浏览器卡顿，影响用户体验；因此在开发过程中我们应该尽量的避免浏览器的重排重绘，从而性能与用户体验； 布局（回流）与绘制（重绘）：第一次布局叫布局，后续DOM操作等导致的布局叫回流。 很多时候无法避免操作dom， 阅读全文

摘要： scoped css 官方文档 缺点 一、如果用户在别处定义了相同的类名，也许还是会影响到组件的样式。 二、根据css样式优先级的特性，scoped这种处理会造成每个样式的权重加重了： 即理论上我们要去修改这个样式，需要更高的权重去覆盖这个样式。 所以在引用包含scoped的第三方插件时如若需要修改 阅读全文

摘要： 当APi模块有很多文件的时候，需要一个一个导入，这是我们可以创建一个自动导入的方法，简化代码和工作量； 以下是针对我项目中使用的代码： /* * @Description: 自动化导入接口文件，使用时请严格按照文件名取用 * @Date: 2020-07-07 17:20:30 * @LastEdi 阅读全文

摘要： 单个指令引入，在main.js（入口JS文件）中引入你已经写好的指令文件，可以省略文件后缀： // main.js import focus from 'xxx/directive'多个指令引入 Vue.use((Vue) => { ((requireContext) => { const arr 阅读全文

摘要： 监听页面某个元素的属性变化 window.MutationObserver（callback） Mutation Observer API 用来监视 DOM 变动。比如节点的增减、属性的变动、文本内容的变动。MutationObserver是一个构造器，接收一个回调函数callback用来处理节点变 阅读全文

摘要： 数据结构之二叉树 一、认识数据结构 什么是数据结构？下面是维基百科的解释： 数据结构是计算机存储、组织数据的方式。数据结构意味着接口或封装：一个数据结构可被视为两个函数之间的接口，或者是由数据类型联合组成的存储内容的访问方法封装。 二、数据结构分类 常见的数据结构： 1、数组（Array） 2、栈（ 阅读全文

摘要： css样式pointer-events pointer-events 是CSS3的一个属性，支持的值非常多，其中大部分都是和SVG有关。目前只了解 none 这个值， 其他值后续要补上。 pointer-events: none; 借用 CSS3 pointer-events:none 应用举例及扩 阅读全文