随笔分类 - 五、Vue学习
摘要：map.js // 拒绝授权后，弹框提示是否手动打开位置授权 export function openConfirm() { return new Promise((resolve, reject) => { uni.showModal({ title: "请求授权当前位置", content: "
阅读全文
摘要：1、等比例缩放 APP.vue methods: { bodyScale() { let devicewidth = document.documentElement.clientWidth //获取当前分辨率下的可是区域宽度 let scale = devicewidth / 1920 // 分母
阅读全文
摘要：一、检查node版本 （1）有node.js （2）没有node.js 安装地址：Node.js 二、使用npm，包管理工具，是node包管理和分发工具 【需要配置仓库镜像地址，改为中国仓库镜像地址】 1、查看当前镜像：npm get registry 2、设置镜像地址的命令： 设置最新的国内淘宝镜
阅读全文
摘要：知识点：token存储、路由守卫拦截、请求拦截 一、前端存储token 存储到状态管理中==》为了做变量判断 存储到cookie中==》设定过期时间 二、请求拦截 发送请求，获取个人信息，前端需要带有token，后端则返回需要的信息 需要单独的封装一个请求类，将token封装进去 三、路由守卫拦截
阅读全文
摘要：参考地址：vue管理系统权限管理（从后端到前端整个流程） - 掘金 (juejin.cn)
阅读全文
摘要：vue-axios Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中 一、流程： 1. 拿到项目和后端接口，首先要配置全局代理； 2. 接着全局封装axios和request.js； 3. 过滤axios请求方式，控制路径，参数的格式，http.js；
阅读全文
摘要：一、SEO 搜索引擎化 通过分析搜索引擎的排名规律 了解各种搜索引擎怎样进行搜索、怎样抓取互联网页面、怎样确定特定关键词的搜索结果排名的技术 二、与前端有关的SEO配置 title keywords description <html> <head> <title>title</title> <me
阅读全文
摘要：一、基本原理 开发大型单页应用时使用 是一个专门为 Vue.js 应用程序开发的状态管理模式 最大的特点是响应式 在 Vuex 中存放一些需要在多个界面中进行共享的信息 Vuex 应用的核心就是 store（仓库），包含着应用中大部分的状态 ( state ) state中全局共享数据，更改stat
阅读全文
摘要：vue-router使用pushStat进行路由更新，不刷新页面，静态跳转； 使用diff算法，按需加载，减少dom操作， 同一个页面跳转或者路由跳转 异步加载this.$nextTick(()=>{获取url}) 使用location.href来跳转，简单方便，但是刷新了页面； 不同页面间跳转 可
阅读全文
摘要：一、分类 （1）全局守卫 router.beforeEach 全局前置守卫 进入路由之前 router.beforeResolve 全局解析守卫(2.5.0+) 在beforeRouteEnter调用之后调用 router.afterEach 全局后置钩子 进入路由之后 （2）路由独享守卫 befo
阅读全文
摘要：一、原理 Vue的数据更新是一种延迟异步更新 是一个用于在DOM更新完成后执行回调函数的方法 其能够监听DOM更新完成 当数据更新了，在dom中渲染后，⾃动执⾏该函数 异步更新队列：当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新 二、作用 Vue在
阅读全文
摘要：一、计算属性【computed】 对于任何复杂逻辑，你都应当使用计算属性 是根据依赖关系进行缓存的计算，只有在它的相关依赖发生改变时才会进行更新 默认使用的是getter属性 当一个数据受多个数据影响时，可以使用computed <!-- 复杂运算 --> <div>{{message.split(
阅读全文
摘要：【key 是为 Vue 中 虚拟节点 的唯一标记，通过这个 key，diff 操作可以更准确、更快速】 （1）第一种情况是 v-if 中使用 key。 由于 Vue 会尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染。 因此当使用 v-if 来实现元素切换的时候，如果切换前后含有相同类型的
阅读全文
摘要：https://www.cnblogs.com/wind-lanyan/p/9061684.html
阅读全文
摘要：一、虚拟DOM 1、概念相关 是一个JavaScript对象，通过对象的方式来表示DOM结构，是对DOM的抽象 以对象的形式来描述真实DOM结构，最终渲染到页面 在每次数据发生变化前，虚拟DOM都会缓存一份，变化之时，现在的虚拟DOM会与缓存的虚拟DOM进 行比较 在vue内部封装了diff算法，通
阅读全文
摘要：一、底层原理 利用 v-bind 用来绑定value的值 用 v-on 去绑定input标准事件 是事件用来监听当输入域内容发生变化的时候来执行一些事情 具体事件： 通过$event这个事件对象获取到最新的输入域的值 把最新的值赋值给旧的值，进行数据更新。 》双向数据绑定 二、如何实现 （1）作用在
阅读全文
摘要：一、组件之间的关系 父子关系、兄弟关系、跨级关系 二、父子之间数据传递 1、父组件向子组件传递【使用 props】 第一步：在父组件中使用子组件时，给子组件绑定属性 第二步：在子组件中使用props接收绑定的属性值 2、子组件向父组件传递【使用 $emit】 第一步：在子组件中通过$emit触发指定
阅读全文
摘要：一、原理 二、流程 第一步，“数据劫持” vue 2.x 用 Object.defineProperty() 方法来实现数据劫持，为每个属性分配一个 订阅者集合的管理数组 dep vue 3.x 用 ES6 的 Proxy 构造函数来实现数据劫持。 第二步，“添加订阅者” 在编译的时候在该属性的数组
阅读全文
浙公网安备 33010602011771号