随笔分类 - vue框架
vue2学习
摘要：A嵌入B，B加载速度太慢了，需要4s+，需优化： B系统技术栈： vue3 + vite 优化结果如下，上下对比还有有差距的： 一、先处理： 首屏加载的文件——先优化文件大 step1： 安装可视化插件 rollup-plugin-visualizer； viteconfig.js export d
阅读全文
摘要：1、父应用设置devtools = true也不生效； 原因： 开发和线上使用的都是vue.min.js, 更换到vue.js就展示乾坤基座的devtools了； vue.config.js配置了外部cdn加载，所以这块我直接在index.html加载vue2.js文件； 除此方法之外，好的方式应该
阅读全文
摘要：我这个项目vue2，主要使用ant-design-vue；但是ant-design-vue，table有一些我无法处理的缺陷（也许是本人菜）；因此引入了element-ui部分组件（el-table, el-table-column）； 主要冲突点是：$xxx之间的冲突，搜了一些方案，包括： 1、n
阅读全文
摘要：Vite vs Webpack 对比 1. 基本概念 // Vite // 基于ESM的构建工具，开发服务器基于浏览器原生ESM // 生产环境使用Rollup打包 // Webpack // 基于CommonJS的模块打包工具 // 开发和生产环境都使用webpack打包 2. 主要区别 2.1
阅读全文
摘要：Vue2 默认 Webpack 配置 1. 默认Loader配置 // 1. vue-loader // 处理.vue单文件组件 { test: /\.vue$/, loader: 'vue-loader' } // 2. babel-loader // 处理JavaScript { test: /
阅读全文
摘要：1. Plugin的基本结构 class MyPlugin { // 构造函数，接收配置参数 constructor(options = {}) { this.options = options; } // 必须的apply方法，webpack会调用这个方法 apply(compiler) { //
阅读全文
摘要：Webpack Less全局变量注入方案 项目初始化 使用npm init -y初始化项目 安装webpack相关依赖：webpack、webpack-cli 基础配置 创建入口文件index.js 配置基础webpack配置（对象方式） 设置入口、输出、模式等基本配置 Less支持配置 安装les
阅读全文
摘要：adapterFunc(){ (function (win) { document.body.style.zoom = 1; // document.body.style = width:1920px!important; height:960px!important;overflow: hidde
阅读全文
摘要：上线后打开f12，开启禁用缓存 =>发现index.js加载了两次；6.6M直接双倍流量； 一番研究得知： vue-cli打包时，会将一些文件preload和prefetch； （1）preload（预先加载文件） app.js vendor.js （2）prefetch（闲时加载） index.j
阅读全文
摘要：changeOrigin: true, pathRewrite: { ['^/' + process.env.VUE_APP_BASE_API]: '' }, headers:{ //改写Origin,注意结尾不含 / Origin:"http://112.28.109.249:9997", //改
阅读全文
摘要：一、需求： 1、微信浏览器环境H5使用扫一扫功能=>方案：引入wxjssdk，然后获取公众号的签名信息；再在config中配置；配置好了就能使用扫一扫api了 2、短信链接内部实现扫一扫功能=>方案：使用input accpet=“image/*”，读取图片区识别，识别二维码数据后发送给后台 |--
阅读全文
摘要：beforeRouteEnter:(to, from, next)=>{ console.log(1) next(vm=>{ console.log(2) }) } 这里是先打印1，后打印2 1的时机是：to页面进入前，to页面的create都没执行 2的时机是：to页面已经进入了，并且to页面的b
阅读全文
摘要：全局事件总线——就是用来组件间通信使用的；可以理解为事件订阅 main.js就一行代码 Vue.prototype.$bus = new Vue() 1、组件种订阅 this.$bus.on(eventName, function(params){}) 2、组件中发布 this.$bus.$emit
阅读全文
摘要：why v-show 和 flex 冲突？ v-show => display: none flex => display: flex 所以冲突；可以在外层嵌套template v-show ；在uniapp上不要用template
阅读全文
摘要：``` .DS_Store node_modules/ unpackage/ dist/ # local env files .env.local .env.*.local # Log files npm-debug.log* yarn-debug.log* yarn-error.log* # Ed
阅读全文
摘要：需求：我们的乾坤vue框架，需要集成给第三方，menu由他们处理（包括菜单权限），我们只负责提供一个去除menu和头部的main即可； 这里需要可配置，不能把我们的menu弄丢了。 实现方式： 1、在src同级目录新建 public/plugins/config.js 因为是基于webpack打包，
阅读全文
摘要：一、在学习的过程中，好奇npm run build 到底做了什么？ 打包 build对应的命令行为： cross-env NODE_ENV=dev vue-cli-service build 1、修改环境变量NODE_ENV为dev 2、执行vue-cli-service build命令进行打包 二
阅读全文
摘要：Vuex 和 localStorage 的区别 最重要的区别：vuex 存储在内存中localstorage 则以文件的方式存储在本地，只能存储字符串类型的数据，存储对象需要 JSON 的 stringify 和parse 方法进行处理。读取内存比读取硬盘速度要快。 应用场景 Vuex 是一个专为
阅读全文
摘要：1、Vue.use 在引入各种插件、组件、plguin时都会使用；那么这个函数到底在干嘛？ 查看Vue.use的interface  reactive() 函数传入参数，return 出一个响应式对象，这样return出来的可以在
阅读全文
浙公网安备 33010602011771号