2021年12月7日
懒加载/预加载
摘要： 懒加载：当文件需要使用时才加载 预加载：会在使用之前，提前加载js文件（等其他资源加载完毕，浏览器空闲了，在偷偷加载资源，适用于pc端）兼容性问题严重，caniuse查看是否使用该技术 ​ 扩展：正常加载可以认为是并行加载（同一时间加载多个文件） //test.js console.log('tes 阅读全文
posted @ 2021-12-07 10:37 STRIVE-PHY 阅读(129) 评论(0) 推荐(0)
dll
摘要： 使用dll技术，对某些库（第三方库：jquery，react，vue...）进行单独打包，仅打包一次 新建webpack.dll.js文件，该文件用于配置需要单独打包的库 const { resolve, join } = require("path"); const webpack = requi 阅读全文
posted @ 2021-12-07 10:36 STRIVE-PHY 阅读(78) 评论(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 阅读(123) 评论(0) 推荐(0)
Webpack：HMR
摘要： HMR(hot module replacement热模块替换) 一个模块发生变化，只会重新打包这一个模块，极大提升构建速度。 启用HRM 更新 webpack-dev-server 配置， 然后使用 webpack 内置的 HMR 插件。 devServer: { // 开启HMR功能 // 修改 阅读全文
posted @ 2021-12-07 10:31 STRIVE-PHY 阅读(159) 评论(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 阅读(171) 评论(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 阅读(458) 评论(0) 推荐(0)
2021年11月22日
插槽
摘要： 作用：让父组件可以向子组件指定位置插入HTML结构，也是一种组件通信的方式，适用于 父组件==>子组件。 分类：默认插槽、具名插槽、作用域插槽 使用方式： 默认插槽 父组件： <Son> <div>html结构</div> </Son> 子组件： <template> <div> <!--定义插槽- 阅读全文
posted @ 2021-11-22 09:54 STRIVE-PHY 阅读(140) 评论(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 阅读(304) 评论(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 阅读(60) 评论(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 阅读(48) 评论(0) 推荐(0)