- 博客(10)
- 收藏
- 关注
RSS订阅原创 用map函数处理从后端拿到的数据
用map函数处理从后端拿到的数据###前情提要： 在2022年5月17日，在实习中需要调用接口拿到数据在前端页面渲染，但导师给过来的数据又多又杂，需要进行过滤提取使用，且请求到的数据各名称与我写的名称不一样。###解决办法：1. 采用 for 循环来循环请求回来的数组中每一项item。（不建议）2. 采用 map 方法，下面将介绍 map 函数。map 介绍： map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按照原始数组元素顺序依次
2022-05-27 20:35:44
1393
1
原创 封装axios
封装axios概述： 在页面中每一个增删改查都需要向后请求接口，使用非常频繁，故而需要把它封装起来。 把所有HTTP请求共用的配置，事先都在axios上配置好，预留好必要的参数和接口，然后把它作为新的axios返回。###示例方法： 应将 axios 封装在一个独立的文件夹中，一般是在在 vue 项目中创建一个 utils 文件夹，在这个文件夹下创建 request.js 文件。// 封装 axiosimport axios from 'axios'// 创建一个 axios 实例
2022-05-27 20:29:57
340
原创 防抖和节流
防抖和节流一. 防抖###1. 概念防抖是指：一个事件被触发的时候，里边的函数不会立即被触发，而是会等待一段时间再触发。举个例子：游戏中的回城就可以认为是防抖，在回城的读秒过程中，如果再次执行回城操作，那么会重新进行读秒，只有整个读秒过程都没有再次执行回城操作，那么等到读秒结束才能成功回城。###2. 防抖使用场景： input输入框频繁输入内容时。 频繁点击按钮，触发某个事件。 监听浏览器滚动或鼠标滚动。3. 防抖讲解 未使用防抖时：var aa = document.g
2022-05-27 20:29:11
309
原创 vue中数组的七个响应式方法
vue中数组的七个响应式方法起因： 在使用vue实习中，通过数组的索引改变了数组中的值，测试时发现，更改成功了，但是试图无响应。原因：*通过索引值修改数组元素,不是响应式方法*// 以下代码，虽然可以正确更改索引为0的那一项，但是视图上并不会相应改变this.person[0]='adda';解决： vue 中包含一组观察数据变异的方法。1.push（）：该方法是在数组最后添加数据 假设数组为array this.array.push(‘a’) ==> 在数组arra
2022-05-27 20:28:32
4497
原创 VUE中的数据劫持
VUE中的数据劫持vue2.0 的数据劫持是利用 Object.defineProperty（）的 getter 和 setter 来监听到属性的变化时做一些事情。而vue3.0 已经放弃了使用这个方法，而是采用 es6 提供的 proxy。proxy是代理器，用于改变某些操作的默认行为，在目标对象的外层架设了一层拦截，外界想要访问这个属性必须先经过proxy。语法：var proxy = new Proxy(target,handler)以下是用法示例:var per = { name
2022-05-27 20:23:20
1572
原创 vue2登录功能的实现
vue2登录功能的实现一. 使用axios调用接口npm下载 axios，在 mian.js 中引入，实现全局的挂载。import axios from 'axios'// 将接口根地址统一写好axios.defaults.baseURL = ''// 将axios挂载到vue的实例上，因为在vue2中每个组件都是vue的实例// 在别的组件中可以使用this.$http发起axios请求Vue.prototype.$http = axiosaxios调用接口的方式，根据上图来。
2022-05-27 20:22:56
1592
原创 js数据类型和类型判断
js数据类型和类型判断一. 数据类型基本数据类型（6种）： String Number Boolean Symbol null undefined对象数据类型： Object Functiion Array类型判断typeof ：用来判断基本数据类型的，会将所有的对象数据类型判断为object。判断结果以字符串的形式显示。a = trueb = 'daidai'console.log(a, typeof a, typeof a === 'bool
2022-05-27 20:21:23
105
原创 JavaScript中属性描述符与getter setter方法
JavaScript中属性描述符与getter setter方法1. 定义属性描述符是用来描述对象的属性，设置对象的属性。vue2.0 的数据劫持是利用 Object.defineProperty（）的 getter 和 setter 来监听到属性的变化时做一些事情。而vue3.0 已经放弃了使用这个方法，而是采用 es6 提供的 proxy。getter，setter也称访问器，是属性描述符的一部分。 get：是用来获取属性的，无需传参 set：是用来更改属性的，需传参2. 详细解释
2022-05-27 20:20:51
105
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人