2024-04-21这里有的人第一行冒号后会有serve，有的人会和我的界面一样是个vite，这其实是vue版本的问题（有问题请评论区指正！我采用的是局部安装，在当前项目目录下安装vite。这个项目之前的缓存没有清除，所以在你的电脑上运行会出现部分不兼容报错情况（这种就很玄学了）大家根据自己的变量名是什么来更改，如果用vue2的话基本改成正确的名字启动就可以成功了~可以看见我第一行冒号前是dev，那么这时我要启动这个vue项目所使用的命令就应该是。安装一下vite，这里有两种安装方法，一种是全局安装（需要配置系统环境变量）_npm err! missing script: "serve" npm err! npm err! to see a list of scripts,

https://www.qianduange.cn//article/5544.html 分类：前端知识

2024-04-16说起Vue3的改进，很多人都会说出响应式的改变，与vue2相比，Vue3采用了的方式对响应式做了重写，而vue2则是采用的方式将对象的属性进行深度遍历，而这种方式想要实现响应式的前与后，就需要给每个属性添加和。但Vue3做了改进，通过使用proxy的方式，则不需要深度遍历了，他实现了删除属性的监听数组索引的监听以及动态属性添加的监听。这些我发现很多人都是可以回答出来的，但这些回答远远是不够的，下面我们说一些在面试中需要更丰富的回答。1 源码体积有所减少。

https://www.qianduange.cn//article/5053.html 分类：前端知识

2024-04-20vue2 vue-router Vuex axios elementui echarts后台管理系统，包括国际化配置，富文本编译器，mockjs，上传图片，pdf打印，导出Excel表，购物车案例_vue2 admin

https://www.qianduange.cn//article/5448.html 分类：前端知识

2024-04-20v-show通过css display控制显示和隐藏，v-if组件真正的渲染和销毁，而不是显示和隐藏，频繁切换状态使用v-show ，否则使用v-if快速查找到节点，减少渲染次数，提升渲染性能单组件生命周期： 挂载：beforeCreate==>created==>beforeMount==>mounted 更新：beforeUpdate==>updated 销毁：beforeDestory==>destoryed父子组件生命周期： 挂载：parent_vue2面试题2023

https://www.qianduange.cn//article/5429.html 分类：前端知识

2024-04-19/ 配置基本大小// 设置 rem 函数//当前页面宽度相对于1920px屏幕宽的缩放比例，可根据自己需要修改。//设置页面根节点字体大小（“Math.min(scale, 2)” 指最高放大比例为2，可根据实际业务需求调整）setRem();//初始化// 适配 - 重置函数setRem();// 全局可调用(其他方式也可)// 改变窗口大小时重置 remsetRem()适配的方法总体分为两步:px转换成remrem根据屏幕大小重置基数改变大小。_vue2 安装postcss-pxtorem

https://www.qianduange.cn//article/5338.html 分类：前端知识

2024-04-19在router.beforeEach中，可以使用next(false)来阻止路由的切换，从而等待父页面消息传递后再将导航转到目标路由。具体步骤如下： 在router.beforeEach中调用 next(false) 来暂停路由的切换。 在父页面中传递消息，并在接收到消息时使用router.push手动触发路由切换。 示例代码如下： javascript hljs复制代码// router.js import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) const rout

https://www.qianduange.cn//article/5233.html 分类：前端知识

2024-04-19可以通过以下方式实现点击浏览器返回时顺序正确跳转： 在父项目A中，设置iframe的src为子项目B的页面地址http://192.168.41.35:9527/#/energyStorage/energyStorageMonitor； 在子项目B中，监听父项目发送的切换路由消息，并根据消息内容进行页面跳转； 在子项目B中，使用Vue Router的beforeRouteLeave导航守卫来监听页面离开前的操作，当用户点击浏览器返回时，执行相应逻辑处理，确保页面跳转顺序正确。 通过以上步骤，可以保证在点击浏览器返回时，能够正确跳转到之前打开的页面，而不

https://www.qianduange.cn//article/5232.html 分类：前端知识

2024-04-19这个配置是为了在Vue.js项目中使用babel来转译代码，并且配置了使用了一些polyfills来填充一些ES6 的功能。特别是，设置了"useBuiltIns": "entry"选项时，babel会根据需要自动引入必要的polyfills来支持项目中使用的新特性，而不是全部导入。这样可以减小打包文件的体积，并且只为需要的功能添加polyfill。 复制AI内容

https://www.qianduange.cn//article/5218.html 分类：前端知识

2024-04-19transpileDependencies配置项用于指定需要通过 Babel 转译的依赖模块。在Vue CLI 3及以上版本中，由于新版的Babel在默认情况下不再转译node_modules中的模块，因此如果项目中引入了某些需要转译的第三方模块，就需要通过transpileDependencies来手动指定这些需要转译的模块。在上面的配置中，列出了一些常见的第三方库，以确保它们能够被正确转译并打包到最终的应用程序中。 复制AI内容

https://www.qianduange.cn//article/5217.html 分类：前端知识

2024-04-19javascript hljs复制代码const TerserPlugin = require('terser-webpack-plugin'); module.exports = { chainWebpack: config => { // 压缩大于1MB的图片 config.module .rule('images') .test(/\.(png|jpe?g|gif|svg)(\?.?$/) .use('image-webpack-loader') .loader('image-webpa

https://www.qianduange.cn//article/5216.html 分类：前端知识