自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 vuex基础详解

state,mutations,actions,getters

2023-02-23 10:47:17 103

原创 用map函数处理从后端拿到的数据

用map函数处理从后端拿到的数据###前情提要:​ 在2022年5月17日,在实习中需要调用接口拿到数据在前端页面渲染,但导师给过来的数据又多又杂,需要进行过滤提取使用,且请求到的数据各名称与我写的名称不一样。###解决办法:1. 采用 for 循环来循环请求回来的数组中每一项item。(不建议)2. 采用 map 方法,下面将介绍 map 函数。map 介绍:​ map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。​ map() 方法按照原始数组元素顺序依次

2022-05-27 20:35:44 1383 1

原创 封装axios

封装axios概述:​ 在页面中每一个增删改查都需要向后请求接口,使用非常频繁,故而需要把它封装起来。​ 把所有HTTP请求共用的配置,事先都在axios上配置好,预留好必要的参数和接口,然后把它作为新的axios返回。###示例方法:​ 应将 axios 封装在一个独立的文件夹中,一般是在在 vue 项目中创建一个 utils 文件夹,在这个文件夹下创建 request.js 文件。// 封装 axiosimport axios from 'axios'// 创建一个 axios 实例

2022-05-27 20:29:57 337

原创 防抖和节流

防抖和节流一. 防抖###1. 概念防抖是指:一个事件被触发的时候,里边的函数不会立即被触发,而是会等待一段时间再触发。举个例子:游戏中的回城就可以认为是防抖,在回城的读秒过程中,如果再次执行回城操作,那么会重新进行读秒,只有整个读秒过程都没有再次执行回城操作,那么等到读秒结束才能成功回城。###2. 防抖使用场景:​ input输入框频繁输入内容时。​ 频繁点击按钮,触发某个事件。​ 监听浏览器滚动或鼠标滚动。3. 防抖讲解​ 未使用防抖时:var aa = document.g

2022-05-27 20:29:11 308

原创 vue中数组的七个响应式方法

vue中数组的七个响应式方法起因:​ 在使用vue实习中,通过数组的索引改变了数组中的值,测试时发现,更改成功了,但是试图无响应。原因:*通过索引值修改数组元素,不是响应式方法*// 以下代码,虽然可以正确更改索引为0的那一项,但是视图上并不会相应改变this.person[0]='adda';解决:​ vue 中包含一组观察数据变异的方法。1.push():该方法是在数组最后添加数据 假设数组为array​ this.array.push(‘a’) ==> 在数组arra

2022-05-27 20:28:32 4495

原创 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 1569

原创 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 1582

原创 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 104

原创 element ui 中导航列表的使用

element ui 导航栏使用

2022-05-27 20:18:13 798

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除