流浪のwolf

卷帝

导航

2022年11月12日

谈一谈响应式数据

摘要: 响应式数据是某个数据发生变化时,页面依赖这个数据的位置会自动更新视图 ; 响应式数据的原理: vue 在初始化 vue 实例时,会 遍历 data 数据,通过Object.defineProperty 给每个数据添加了 getter 和 setter 函数 ,我们获取 数据的时候,会触发 gette 阅读全文

posted @ 2022-11-12 22:04 流浪のwolf 阅读(30) 评论(0) 推荐(0) 编辑

谈一谈 vuex 中的核心属性

摘要: 1. state 保存数据的位置 ; 2. mutations 唯一修改 state 数据的方式 ; 3. getter 监听 state 数据的变化 ; 4. actions 执行异步代码,通过 commit 提交 mutations ; 5. modules vuex 的模块化 ; 阅读全文

posted @ 2022-11-12 21:53 流浪のwolf 阅读(40) 评论(0) 推荐(0) 编辑

谈一谈 vuex 的运行机制

摘要: Vuex提供数据(state)来驱动视图(vue components),通过dispath派发actions,在其中可以做一些异步的操作,然后通过commit来提交mutations,最后mutations来更改state。 阅读全文

posted @ 2022-11-12 21:48 流浪のwolf 阅读(19) 评论(0) 推荐(0) 编辑

谈一谈 vuex 里边,actions,mutations ,state 之间的运转方式

摘要: 首先,调用 actions 中的方法,一般我们在 actions 做登录和登出的请求 ; 然后调用 mutations 的方法修改数据 ,因为 mutations 方法是修改state的数据的唯一方法 ; 阅读全文

posted @ 2022-11-12 21:43 流浪のwolf 阅读(25) 评论(0) 推荐(0) 编辑

谈谈 keep-alive 组件,以及它们的实现原理

摘要: keep-alive 组件的使用场景: 我们切换 2 个组件的时候,2个组件会轮流被销毁创建,但是现在需求,切换到一个组件,另一个组件不会别销毁,会保留原来的状态 ;就要使用 vue 内置的组件 keep-alive ; keep-alive 的作用 : 保留组件的状态,避免组件重新渲染 ; 学习来 阅读全文

posted @ 2022-11-12 21:36 流浪のwolf 阅读(103) 评论(0) 推荐(0) 编辑

我们如何在 vue 应用我们的权限

摘要: 权限可以分为用户权限和按钮权限; 用户权限,让不同的用户拥有不同的路由映射 ,具体实现方法: 1. 初始化路由实例的时候,只把静态路由规则注入 ,不要注入动态路由规则 ; 2. 用户登录的时候,根据返回的权限标识确定用户的动态路由规则 ; 3. 最后使用 addRoutes 添加动态路由规则到rou 阅读全文

posted @ 2022-11-12 21:26 流浪のwolf 阅读(22) 评论(0) 推荐(0) 编辑

我们在 vue 项目中如何做路由导航守卫

摘要: 一般在 src 文件夹新建一个 permission 文件 ,单独用来做路由导航守卫业务 ,在 main.js 导入文件即可 ; 主要功能有 判断是否有 token ,以此判断用户是不是登录了 ; 阅读全文

posted @ 2022-11-12 21:11 流浪のwolf 阅读(23) 评论(0) 推荐(0) 编辑

父子组件生命周期的执行顺序

摘要: 父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted 阅读全文

posted @ 2022-11-12 21:05 流浪のwolf 阅读(24) 评论(0) 推荐(0) 编辑

25. http 常见状态码

摘要: 状态码的分类: 2xx:表明请求被成功接收并处理 ; 3xx:表示要完成请求,需要进一步操作。 通常,这些状态代码用来重定向 ;重定向就是 从 a 地址跳转到 b 地址 ; 4xx:客户端错误,请求错误,请求参数是否写对了 ; 5xx:服务器自己出错,不是客户端的错误 ; 具体分类: 200: 成功 阅读全文

posted @ 2022-11-12 17:28 流浪のwolf 阅读(41) 评论(0) 推荐(0) 编辑

24. echarts 可以画哪些图表

摘要: 1. 折线图 2. 柱状图 3. 饼图 4. 地图 5. 雷达图 延申问题:画折线图和柱状图哪些配置可以改变样式 1. color 设置每个数据的颜色 2. grid 网格设置图表的大小 3. series 设置背景色等 ; 4. toolbox 工具箱组件 下载、转发等 学习 echarts :h 阅读全文

posted @ 2022-11-12 17:04 流浪のwolf 阅读(69) 评论(0) 推荐(0) 编辑

23. 小程序上线流程

摘要: 1. 小程序注册 2. 完善小程序信息 3. 小程序开发 4. 小程序审核&发布 阅读全文

posted @ 2022-11-12 16:58 流浪のwolf 阅读(53) 评论(0) 推荐(0) 编辑

22. uni-app 怎么跳转界面

摘要: methods: { //gonavigate()为点击响应事件,可在HTML部分设置 @tap="gonavigate()" gonavigate(){ uni.navigateTo({ //保留当前页面,跳转到应用内的某个页面 url: '/pages/detail/detail' }) } } 阅读全文

posted @ 2022-11-12 16:57 流浪のwolf 阅读(32) 评论(0) 推荐(0) 编辑

21. uni-app 配置导航栏在哪个文件

摘要: 新建 tabbar 文件 阅读全文

posted @ 2022-11-12 16:55 流浪のwolf 阅读(19) 评论(0) 推荐(0) 编辑

20. 数组去重方法

摘要: 1. 使用 ES6 新增的 set 方法 2. 双重 for 循环 3. sort排序后去重 function fn(arr){ let newArr = [] arr.sort((a,b)=>{ return a-b }) arr.forEach((val,index)=>{ if(val != 阅读全文

posted @ 2022-11-12 16:52 流浪のwolf 阅读(18) 评论(0) 推荐(0) 编辑

19. 数组的排序方式

摘要: 1. 使用 sort 函数 格式 :arr.sort(( a,b ) => { a - b } ) 2. 封装函数,使用冒泡排序 ; var arr = [123,203,23,13,34,65,65,45,89,13,1]; for(var i=0; i<arr.length-1; i++){ / 阅读全文

posted @ 2022-11-12 12:00 流浪のwolf 阅读(11) 评论(0) 推荐(0) 编辑

冒泡排序

摘要: var arr = [123,203,23,13,34,65,65,45,89,13,1]; for(var i=0; i<arr.length-1; i++){ //每一轮比较要比多少次 for(var j=0; j<arr.length-1-i; j++){ //如果第一个比第二个大,就交换他们 阅读全文

posted @ 2022-11-12 11:50 流浪のwolf 阅读(6) 评论(0) 推荐(0) 编辑

18 . 介绍一下 Promise

摘要: Promise 是js内置的构造函数,也叫做期约函数 ,它有 3 种状态 ,等待状态 pending ,成功状态 fullfilled ,失败状态 reject ;2 个过程, 等待状态到成功状态 会调用 Promise实例 的then 函数 来加工响应数据 ;等待状态到失败状态会调用 Promis 阅读全文

posted @ 2022-11-12 11:30 流浪のwolf 阅读(22) 评论(0) 推荐(0) 编辑

17. ES6怎么嵌入变量

摘要: 模板字符串 具体操作: 首先 , 使用反引号包裹字符串,然后使用 ${} 嵌入变量 ; 阅读全文

posted @ 2022-11-12 11:14 流浪のwolf 阅读(21) 评论(0) 推荐(0) 编辑

16. VUE怎么阻止冒泡

摘要: 给事件添加 stop 修饰符 ,比如 click.stop ; 补充: 阻止默认行为 prevent 修饰符 ,超链接的跳转,表单的默认提交 ; once 修饰符 事件只触发一次 ps:事件修饰符可以连着写;如 click.stop.once 表示只会阻止第一次冒泡 ; 阅读全文

posted @ 2022-11-12 11:04 流浪のwolf 阅读(32) 评论(0) 推荐(0) 编辑

15. Vue 数据双向绑定原理

摘要: 在初始化 Vue 实例的时候,会遍历data中的数据,通过 Object.defineProperty 给数据添加 getter 和 setter 函数 ,获取数据触发 getter 函数 ,修改数据触发 setter 函数去修改,然后在 setter 函数里面执行dom更新行为 ; 阅读全文

posted @ 2022-11-12 10:55 流浪のwolf 阅读(23) 评论(0) 推荐(0) 编辑