随笔分类 - vue框架
1
vue2学习
摘要：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出来的可以在
阅读全文
摘要：对象的变化侦测： defineProperty 循环递归为data中的数据进行设置访问器属性；并在getter中收集（设置）依赖，set中触发依赖 源码关键方法：observe walk Observer defineReative 闭包 Dep def 数组的变化侦测： getter中收集依赖，在
阅读全文
摘要：1、方式一：后端提供打印文件，返回Blob格式数据，前端承接后直接转成对应文件即可 1） 前端直接调用后端接口，把blob文件转为url对象，拿到此对象后可以进行下载，打印和预览等操作 2） 下载 3） 打印 打印只需要将该url放入iframe后，拿到iframe的对象，调用print函数即可 4
阅读全文
摘要：导航被触发。 在失活的组件里调用 beforeRouteLeave 守卫。 调用全局的 beforeEach 守卫。 在重用的组件里调用 beforeRouteUpdate 守卫 (2.2+)。 在路由配置里调用 beforeEnter。 解析异步路由组件。 在被激活的组件里调用 beforeRou
阅读全文
摘要：前言：写这个随笔是因为后端部署时，第一次进入页面无问题，刷新后页面空白，寻找原因发现有两个解决方案;1、后端nginx做保底映射，映射到正确的路径；2、前端更改为hash模式也可解决 1.原理不同。 2.表现不同。 3.history模式特点 总结 单页应用是在移动互联时代诞生的，它的目标是不刷新浏
阅读全文
摘要：nexttick——下一次DOM更新后执行 可类比eventloop DOM更新本身不是异步操作，Vue为了让dom更新不去频繁触发影响性能，做了个优化处理，累计更新，不实时更新； 当数据发生改变，依赖记录数据变化，生成一个函数去更新DOM，并把这个函数push进一个任务队列；并在下一个微任务（可能
阅读全文
摘要：watch:变化时触发； 1、注意，不应该使用箭头函数来定义 watcher 函数 (例如 searchQuery: newValue => this.updateAutocomplete(newValue))。理由是箭头函数绑定了父级作用域的上下文，所以 this 将不会按照期望指向 Vue 实例
阅读全文
摘要： 
阅读全文
1
