2021年12月7日
dll
摘要： 使用dll技术，对某些库（第三方库：jquery，react，vue...）进行单独打包，仅打包一次 新建webpack.dll.js文件，该文件用于配置需要单独打包的库 const { resolve, join } = require("path"); const webpack = requi 阅读全文
posted @ 2021-12-07 10:36 STRIVE-PHY 阅读(71) 评论(0) 推荐(0) 编辑
source-map
摘要： source-map [inline-|hidden-|eval-][nosources-][cheap-[module-]]source-map 一种提供源代码到构建后代码映射技术（如果构建后代码出错，通过映射可以追踪源代码错位） 1、使用：devtool:'source-map' 1）devto 阅读全文
posted @ 2021-12-07 10:32 STRIVE-PHY 阅读(105) 评论(0) 推荐(0) 编辑
Webpack：HMR
摘要： HMR(hot module replacement热模块替换) 一个模块发生变化，只会重新打包这一个模块，极大提升构建速度。 启用HRM 更新 webpack-dev-server 配置， 然后使用 webpack 内置的 HMR 插件。 devServer: { // 开启HMR功能 // 修改 阅读全文
posted @ 2021-12-07 10:31 STRIVE-PHY 阅读(126) 评论(0) 推荐(0) 编辑
2021年12月1日
webpack js兼容性处理
摘要： 1、基本js兼容性处理 --> @babel/preset-env 只能转换基本语法，promise等高级语法不能转换 官方文档：https://webpack.docschina.org/loaders/babel-loader/ 1）安装 npm install -D babel-loader 阅读全文
posted @ 2021-12-01 13:48 STRIVE-PHY 阅读(155) 评论(0) 推荐(0) 编辑
webpack@5.64.4 配置eslint
摘要： 1、安装配置 eslint-webpack-plugin 1）安装 eslint-webpack-plugin：（该插件使用 eslint 来查找和修复 JavaScript 代码中的问题。） npm install eslint-webpack-plugin --save-dev 注意: 如果未安 阅读全文
posted @ 2021-12-01 10:21 STRIVE-PHY 阅读(410) 评论(0) 推荐(0) 编辑
2021年11月22日
插槽
摘要： 作用：让父组件可以向子组件指定位置插入HTML结构，也是一种组件通信的方式，适用于 父组件==>子组件。 分类：默认插槽、具名插槽、作用域插槽 使用方式： 默认插槽 父组件： <Son> <div>html结构</div> </Son> 子组件： <template> <div> <!--定义插槽- 阅读全文
posted @ 2021-11-22 09:54 STRIVE-PHY 阅读(110) 评论(0) 推荐(0) 编辑
2021年11月20日
vue脚手架配置代理
摘要： 方法一 在vue.config.js中添加如下配置： /* 1、不能配置多个代理服务 2、当自己项目public中有请求的资源文件时，将不会将请求发送给代理服务器，再去服务器上请求数据。请求的是public中的资源文件 */ devServer:{ proxy:'http://127.0.0.1:8 阅读全文
posted @ 2021-11-20 17:07 STRIVE-PHY 阅读(273) 评论(0) 推荐(0) 编辑
2021年11月6日
Vue生命周期图示
摘要： ![](https://img2020.cnblogs.com/blog/2447991/202111/2447991-20211106154250778-1624858675.png) 阅读全文
posted @ 2021-11-06 15:43 STRIVE-PHY 阅读(56) 评论(0) 推荐(0) 编辑
2021年10月14日
类的继承
摘要： 创建一个父类的构造函数 // 创建一个Animal的构造函数 function Animal(name) { this.name = name || 'Animal' this.sleep = function () { console.log(this.name + " is sleeping") 阅读全文
posted @ 2021-10-14 11:04 STRIVE-PHY 阅读(40) 评论(0) 推荐(0) 编辑
2021年10月11日
css居中（上下左右居中，垂直居中，水平居中）
摘要： 初始样式 已知子盒子宽高 .outside { width: 200px; height: 200px; background-color: red; } .inside { width: 100px; height: 100px; background-color: rgb(231, 255, 1 阅读全文
posted @ 2021-10-11 13:57 STRIVE-PHY 阅读(1505) 评论(0) 推荐(0) 编辑