自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 post和get的区别

1.GET比POST更不安全,因为参数直接暴露在URL上,所以不能用来传递敏感信息,get比post方式更快。4.get在请求只能进行url编码(urlencode),而post支持多种编码方式。3.get在浏览器回退时是无害的,不会再向服务器发请求,而post会再次提交请求。2.get传输数据大小有限制--最大8k,post没有。get和post都是http协议中的两种请求方式。post一般用于传输数据。get一般用于获取数据。

2023-06-26 14:44:58 126 1

原创 注册全局组件

组件全局注册

2022-10-08 10:49:36 121 1

原创 路由全局守卫。判断是否有token,如果没有则跳到登录页面

路由守卫

2022-07-03 23:23:30 1000

原创 父页面共享并修改子页面的数据

留言

2022-07-03 23:16:38 171

原创 路由跳转时传参(传对象)

路由传参传对象

2022-07-03 21:33:38 337

原创 vue项目如何真机测试

vue

2022-06-03 15:02:58 1062 1

原创 跨域的问题

什么是跨域?跨域指的是浏览器页面访问不同的服务器的时候,因为同源策略限制导致的请求不成功。‘解决方法:1.JSONP原因:<script>标签不受同源策略的影响用法:前端准备搞回调函数,放入<script>标签中的src属性中,向后端发送请求的时候,后端就能拿到回调函数,将数据作为参数传给回调函数,前端自然就会收到数据缺点:只支持get请求,不支持post请求,因为发送的请求携带在script的url中,不带请求体2.cors跨域请求用法:首页浏览器会

2022-04-09 20:47:50 928

原创 重排重绘的理解

页面的重绘(repaint)与重排(reflow,也有称回流)。页面渲染完成后,若JS操作了DOM节点,根据JS对DOM操作动作的大小,浏览器对页面进行重绘或是重排。重绘(repaint):屏幕的一部分要重绘。渲染树节点发生改变,但不影响该节点在页面当中的空间位置及大小。譬如某个div标签节点的背景颜色、字体颜色等等发生改变,但是该div标签节点的宽、高、内外边距并不发生变化,此时触发浏览器重绘(repaint)。重排(reflow):也有称回流,当渲染树节点发生改变,影响了节点的几何属性(如宽、高

2022-04-06 17:03:03 1187

原创 路由跳转以及传参问题

页面导航的两种方式1.声明式导航:通过点击链接实现导航的方式,叫做声明式导航例如:普通网页中的<a></a>链接或vue中的<router-link></router-link>2.编程式导航:通过调用Javascript形式的API实现导航的方式,叫做编程式导航例如:普通网页中的lication.href1.先来说声明式导航:跳转:不传参的情况下,直接跳到页面传参的情况:①传参写法1: 借鉴原生的URL参数格式 利用 ?

2022-04-06 12:16:04 905

原创 购物车业务实现

仅此为自己写购物车业务的思路,记录分享~。1.购物车的数据要在两个地方使用---购物车页面和头部栏(头部栏是一个悬浮标签时显示的下拉框购物车)---请求数据共享①权限设置,去购物车页面必须是登录状态,因此要去设置权限--在router-index.js中:给每个路由添加一个meta属性--引入vuex文件②在登录页面,登录成功后就调用actions中的方法,获取购物车数据(后面讲actions)---actions中设置①给actions中添加一个方法-getCart

2022-04-04 23:55:12 661

原创 vue项目中computed用法讲解

计算属性出现的目的是解决模板中放入过多的逻辑会让模板过重且难以维护的问题.计算属性是根据data中已有的属性,计算得到一个新的属性.下面,我们可以通过一个案例来学习一下计算属性、在一个文本框中输入第一个名字,第二个文本框中输入第二个名字,然后展示全部名称。了解了计算属性后,下面对用户列表添加一个功能,要求是计算总人数。可以在ul列表下面,添加如下的代码。最终展示出了,对应的人数,但是这里在模板中做了运算(在这里做了字符串拼接,虽然计算简单,但是最好还是通过计算属性..

2022-04-03 12:44:56 5345

原创 http理解

**简述浏览器打开`www.baidu.com`显示页面,中间都经过哪些过程**向DNS服务器获取域名对应的IP地址并返回浏览器,通过IP地址向web服务器发请求,web服务器从文件服务器获取网页中所需要的文件,从数据库服务器获取网页中所需要的数据,最后讲完整的网页相应给浏览器什么是异步数据加载浏览器在向服务器发送请求的时候,不耽误用户在网页上做其它操作,可以同时开启多个任务,并且可以以无刷新的效果来更改页面中的局部内容异步请求数据的步骤分为哪几步创建异步对象,绑定监听事件,创

2022-04-02 19:23:08 608

原创 Vue生命周期

其实`Vue`实例的生命周期,主要分为三个阶段,分别为- 挂载(初始化相关属性,例如`watch`属性,`method`属性) 1. `beforeCreate` 2. `created` 3. `beforeMount` 4. `mounted`- 更新(元素或组件的变更操作) 1. `beforeUpdate` 2. `updated`- 销毁(销毁相关属性) 1. `beforeDestroy` 2. `destroyed`...

2022-04-02 19:16:02 248

原创 虚拟DOM

1.什么是虚拟DOMVirtual DOM(虚拟DOM)是由普通的JS对象来描述DOM对象,因为不是真实的DOM对象,所以叫做虚拟DOM. 为什么要用虚拟DOM来模拟真实DOM呢? 因为我们知道一个dom对象中的成员非常多,所以创建dom的成本非常高,如果使用虚拟dom来描述真实dom,就会发在线创建的成员少,成本也就低了。2.为什么使用虚拟DOM?手动操作DOM比较麻烦,还要考虑浏览器兼容性的问题。虽然Jquery等库简化DOM操作,但随着项目复杂度越来越高,既要考虑Dom操作,还要考虑数据

2022-03-31 22:21:20 63

原创 在JS中,bind,call,apply这三者都是用来改变函数的this对象的指向的,他们有什么样的区别呢。

1.都是用来改变函数this对象的指向的2.第一个参数都是this要指向的对象3.都可以利用后续参数传参总结:1.都是用来改变函数this对象的指向的2.第一个参数都是this要指向的对象3.都可以利用后续参数传参4.call后面的参数与say方法中是一一对应的,而apply的第二个参数是一个数组,数组中的元素是和say方法中一一对应的,这就是两者最大的区别。...

2022-03-31 13:10:54 324

空空如也

空空如也

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

TA关注的人

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