自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 什么是节流?

我们都知道防抖是在最后一个人上车之后再进行计时(可以先看我写的什么是防抖函数),一段时间后没有人上车就发车,而节流则类是于准点发车的公交车,即一段时间后就发车,中途有人上车也不会像防抖一样进行重新计时。常用的场景有:窗口调整,页面滚动,抢购疯狂点击例如:下面这个例子,我们每点击一次按钮,数字就会进行加一,我们点击多块,数字就会变多块,这有时不是我们想要的,比如点抢购物券,因为这样我们可以加一个恶意程序,进行多次点击,这时候就很浪费性能<div id='oDiv'>0</d

2022-04-01 12:53:59 155

原创 什么是函数防抖?

1,什么是防抖?防抖函数就是在函数需要频繁触发的情况时,只有足够空闲时间,才执行一次。类是于公交车在站台上,乘客上车,当最后一个乘客上车后进行计时,一段时间内,如果有乘客上车,就重新计时,直至计时时间内没乘客上车了,就发车。普遍用于搜索框:没有进行函数防抖:<input type="text" id='app'></inpue><script> var oInp = document.getElementById('app'); functio

2022-03-31 22:49:11 744

原创 vue组件之间的通信方式

父子组件通信绝大部分vue本身提送的通信方式,都是父子组件通信prop最常见的组件通信方式之一,由父组件传递到子组件event最常见的组件通信方式之一,当子组件发生了某些事,可以通过event通知父组件。style和class示例父组件:<template> <div id="app"> <HelloWord style="color:red" class="hello" msg="Welco

2022-03-28 13:26:04 113

原创 虚拟DOM

面试题:请你阐述一下你对vue虚拟DOM的理解1,什么是虚拟DOM?虚拟DOM本质上就是一个普通的JS对象,用于描述视图的界面结构。在vue中,每个组件都有一个render函数,每个render函数都会返回一个虚拟DOM树,这也就意味着每个组件都对应一课虚拟DOM树。2,为什么需要虚拟DOM?在vue中,渲染试图会调用render函数,这种渲染不仅发生在组件创建时,同时发生在试图依赖的数据更新时。如果在渲染时,直接使用真实的DOM,由于真实DOM的创建,更新,插入等操作会带来大量的性能损耗,

2022-03-26 20:22:47 209

原创 node.getIterator is not a function

出错原因:做一个移动端的项目,安装了postcss-px2rem,同时安装了vant插件,在全局引入时,main.js导入vant样式文件报错以上错。百度出错原因是因为postcss-px2rem解决方案:卸载postcss-px2rem,下载postcss-pxtorem,postcss-pxtorem也是一款postcss插件,用于将css单位转化为rem,用于移动端适配,同时在postcss.config.js设置如下代码,没有这个文件可以自己创建该文件夹。const aut...

2022-03-20 17:18:45 5243 2

原创 vue2安装vue-router时报错

在安装的过程中报错,报错内容如下:后面百度,报错原因是版本兼容问题,说是npm版本问题,最新版本对下在要求比较严格。解决方法:根据错误提示,在命令行中加入–legacy-peer-deps,同时标明具体安装的版本号,不然安装的就是最新版本。npm install --legacy-peer-deps vue-router@3.5.2安装成功后在package.json文件中可查看是否安装成功。问题就解决了。...

2022-03-07 19:29:12 1051 1

原创 router中的mode和base

在vue的路由对象中有两个属性,mode(模式),base(基路径)。mode模式有两种模式,vue-router默认是hash模式,使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会进行重新加载。另一种模式就是history模式,而history模式是利用h5 history.pushState API 来完成 URL 跳转,无须重新加载页面。两种模式下的url地址也是不一样的,在hash模式下,url地址为(http://www.***.com/#/h

2022-03-07 11:35:16 2982

request.js

request.js

2022-12-21

空空如也

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

TA关注的人

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