随笔分类 -  五、Vue学习

1 2 3 下一页
微信小程序获取当前订单+导航
摘要：map.js // 拒绝授权后，弹框提示是否手动打开位置授权 export function openConfirm() { return new Promise((resolve, reject) => { uni.showModal({ title: "请求授权当前位置", content: " 阅读全文
posted @ 2024-10-18 15:50 有只小菜猫 阅读(111) 评论(0) 推荐(0)
PC端网页等比例在手机端显示
摘要：1、等比例缩放 APP.vue methods: { bodyScale() { let devicewidth = document.documentElement.clientWidth //获取当前分辨率下的可是区域宽度 let scale = devicewidth / 1920 // 分母 阅读全文
posted @ 2024-01-02 10:10 有只小菜猫 阅读(736) 评论(0) 推荐(0)
使用脚手架环境开发vue2项目
摘要：一、检查node版本 （1）有node.js （2）没有node.js 安装地址：Node.js 二、使用npm，包管理工具，是node包管理和分发工具 【需要配置仓库镜像地址，改为中国仓库镜像地址】 1、查看当前镜像：npm get registry 2、设置镜像地址的命令： 设置最新的国内淘宝镜 阅读全文
posted @ 2023-07-25 18:03 有只小菜猫 阅读(325) 评论(0) 推荐(0)
Vue登录流程
摘要：知识点：token存储、路由守卫拦截、请求拦截 一、前端存储token 存储到状态管理中==》为了做变量判断 存储到cookie中==》设定过期时间 二、请求拦截 发送请求，获取个人信息，前端需要带有token，后端则返回需要的信息 需要单独的封装一个请求类，将token封装进去 三、路由守卫拦截 阅读全文
posted @ 2023-06-29 17:39 有只小菜猫 阅读(123) 评论(0) 推荐(0)
Vue管理系统权限管理（从后端到前端整体流程）
摘要：参考地址：vue管理系统权限管理（从后端到前端整个流程） - 掘金 (juejin.cn) 阅读全文
posted @ 2023-06-23 10:26 有只小菜猫 阅读(39) 评论(0) 推荐(0)
Axios封装
摘要：vue-axios Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中 一、流程： 1. 拿到项目和后端接口，首先要配置全局代理； 2. 接着全局封装axios和request.js； 3. 过滤axios请求方式，控制路径，参数的格式，http.js； 阅读全文
posted @ 2023-06-20 09:24 有只小菜猫 阅读(292) 评论(0) 推荐(0)
SEO与SSR
摘要：一、SEO 搜索引擎化 通过分析搜索引擎的排名规律 了解各种搜索引擎怎样进行搜索、怎样抓取互联网页面、怎样确定特定关键词的搜索结果排名的技术 二、与前端有关的SEO配置 title keywords description <html> <head> <title>title</title> <me 阅读全文
posted @ 2023-06-20 09:22 有只小菜猫 阅读(95) 评论(0) 推荐(0)
vuex
摘要：一、基本原理 开发大型单页应用时使用 是一个专门为 Vue.js 应用程序开发的状态管理模式 最大的特点是响应式 在 Vuex 中存放一些需要在多个界面中进行共享的信息 Vuex 应用的核心就是 store（仓库），包含着应用中大部分的状态 ( state ) state中全局共享数据，更改stat 阅读全文
posted @ 2023-06-14 14:45 有只小菜猫 阅读(90) 评论(0) 推荐(0)
Vue-router跳转和location.href有什么区别
摘要：vue-router使用pushStat进行路由更新，不刷新页面，静态跳转； 使用diff算法，按需加载，减少dom操作， 同一个页面跳转或者路由跳转 异步加载this.$nextTick(()=>{获取url}) 使用location.href来跳转，简单方便，但是刷新了页面； 不同页面间跳转 可 阅读全文
posted @ 2023-06-14 10:52 有只小菜猫 阅读(294) 评论(0) 推荐(0)
路由守卫
摘要：一、分类 （1）全局守卫 router.beforeEach 全局前置守卫 进入路由之前 router.beforeResolve 全局解析守卫(2.5.0+) 在beforeRouteEnter调用之后调用 router.afterEach 全局后置钩子 进入路由之后 （2）路由独享守卫 befo 阅读全文
posted @ 2023-06-14 10:52 有只小菜猫 阅读(139) 评论(0) 推荐(0)
vue-router的两种模式，路由传参有哪些方式
摘要： 阅读全文
posted @ 2023-06-14 10:44 有只小菜猫 阅读(25) 评论(0) 推荐(0)
$nextTick原理及作用（更新视图）
摘要：一、原理 Vue的数据更新是一种延迟异步更新 是一个用于在DOM更新完成后执行回调函数的方法 其能够监听DOM更新完成 当数据更新了，在dom中渲染后，⾃动执⾏该函数 异步更新队列：当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新 二、作用 Vue在 阅读全文
posted @ 2023-06-14 10:41 有只小菜猫 阅读(170) 评论(0) 推荐(0)
watch、computed、methods的区别
摘要：一、计算属性【computed】 对于任何复杂逻辑，你都应当使用计算属性 是根据依赖关系进行缓存的计算，只有在它的相关依赖发生改变时才会进行更新 默认使用的是getter属性 当一个数据受多个数据影响时，可以使用computed <!-- 复杂运算 --> <div>{{message.split( 阅读全文
posted @ 2023-06-14 10:30 有只小菜猫 阅读(93) 评论(0) 推荐(0)

1 2 3 下一页