摘要： 每次有代码变更，都需要在浏览器自动刷新。实际上webpack是支持模块热更新的，当代码变更后，自动刷新浏览器。 webpack依赖： "webpack": "^5.23.0", "webpack-bundle-analyzer": "^4.4.0", "webpack-cli": "^3.3.12" 阅读全文

摘要： VSCode打开新窗口后编辑器会默认只显示一个Tab，为了让其能显示多个Tab方便开发，记录一下过程方法。 首先，打开code编辑器，按照步骤Code -> 首选项 -> 设置，打开设置页。 然后在tab栏的最右边选择第一个小图标（从左往右数是第一个），如下图画红框的位置 点击此图标，将以下两项的配 阅读全文

摘要： ## react + antd实现动态菜单 import React, { Component } from 'react'; import { Menu } from 'antd'; import history from '../../router/history'; const { SubMe 阅读全文

摘要： 文章以提示框Toast为例实现Vue全局插件封装，并在全局中使用。 main.js中引入 import ToastInfo from '@/plugin/toastInfo.js'; Vue.use(ToastInfo); 在单页面的使用 methods:{ open2() { this.$toas 阅读全文

摘要： 使用谷歌浏览器访问localhost:9000时，控制台报错：跨域 这是需要我们右键谷歌图标打开属性，在快捷方式找到目标，输入 --disable-web-security --user-data-dir，然后应用-确定即可。 此操作注意在输入前，要加一个空格与前面的文本分开。 PS："C:\Pro 阅读全文

摘要： 这篇文章主要是使用了ElementUI的隐藏滚动组件和select选择器，并处理在使用过程中遇到的问题。 1、自定义select样式 2、ScrollBar+select组合 3、当select处于下拉状态时，滚动文本已经到达底部还会继续滚动 4、设置滚动区域的高度，也可设置max-height / 阅读全文

摘要： ## vue 滚动条组件对比 由于项目中需要使用到滚动区域，且要求滚动区域可以设置最大高度，并要求支持谷歌和IE浏览器。 在使用了以下几款滚动条后针对他们的情况记录他们的优缺点 ``` 一、vue-custom-scrollbar 这是一款自定义的滚动插件，基于perfect-scrollbar库。 阅读全文

摘要： 20、Invalid options object. Less Loader has been initialized using an options object that does not match the API schema. 处理：react使用的less-loader版本问题，删除l 阅读全文

摘要： 10、 Mac 新建react项目 create-react-app: command not found 变更create-react-app my-app 为 npm init react-app my-app 9、 Too many re-renders. React limits the n 阅读全文

摘要： 1、变量 @width: 10px; @height: @width + 10px; 2、混合 .bordered { border-top: dotted 1px black; border-bottom: solid 2px black; } #menu{ color: #111; .borde 阅读全文