吴小明

摘要： entry： const { resolve } = require('path') const HtmlWebpackPlugin = require('html-webpack-plugin') module.exports = { // entry: './src/index.js', // 阅读全文

摘要： HMR： /* HMR：hot module replacement 热模块替换，模块热替换 作用：一个模块发生变化，只会重新打包这一个模块，而不是重新打包所有模块，极大地提升了构建速度 样式文件：可以使用HMR功能，style-loader内部实现了 js文件：默认不能使用HMR功能，需要修改js 阅读全文

摘要： 提取css文件成单独文件： 1、下载插件：npm install mini-css-extract-plugin -D 2、使用插件：webpack.config.js ①module中使用loader时用 MiniCssExtractPlugin.loader 替代 style-loader ②p 阅读全文

摘要： 使用webpack打包后报错： 原因是node版本不够： 阅读全文

摘要： 1、settings.json中添加： "prettier.semi": false, // 分号 "prettier.singleQuote": true, // 单引号 "prettier.trailingComma": "none" // 去掉结尾的逗号 2、如果上面方法不行，在项目根目录下创 阅读全文

摘要： D环境参数： node：10版本以上（10.4.0） 这里有个坑：10.4.0版本才开始支持BigInt对象 webpack：4.26版本以上（4.44.1） webpack是什么： webpack是一种前端资源构建工具，一个静态模块打包器（module bundler） 在webpack看来，前端 阅读全文

摘要： 1、用js获取伪元素属性 <style> .pie { width: 200px; height: 200px; background-color: aqua; } .pie::before { content: '我是你爸爸'; color: blue; background-color: red 阅读全文

摘要： 排在上面优先级越高： . [] () 提取属性与调用函数 delete new typeof + - ! 一元运算符 * / % 乘法、除法、取余 + - 加法/连接、减法 >= <= > < 不等式运算符 ! 等式运算符 && 逻辑与 || 逻辑或 ?: 三元 阅读全文

摘要： 如果需要使用滑块验证：vue登录时人机验证-滑块验证 随机验证码 效果图： 实现步骤： 1、封装Identity组件 <template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="cont 阅读全文

摘要： 效果： 实现： 1、创建SliderCheck.vue组件 <template> <div class="slider-check-box"> <div class="slider-check" :class="rangeStatus ? 'success' : ''"> <i @mousedown 阅读全文