自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 检测数据类型的几种方式

第一种typeof 可以检测基本数据类型,但是碰到引用数据类型返回的是object第二种instanceof可以用于引用类型的检测,但对基本类型是不生效的,不能检测null和undefinedinstanceof 方法 consoles.log(内容 instanceof 数据类型)第三种constructor检测js的基本类型和引用类型,但对象原型更改的时候,它才会生效constructor 用法consoles.log(内容 constructor === 数据类型)第.

2022-04-26 17:06:04 1203

原创 git如何创建上传代码和分支

1.注意推之前先拉取git init 初始化下本地仓库git remote add origin 仓库地址 关联远程库git pull origin master 拉取分支名git add 文件名 提交到暂存区 【git add -A 或git add . 提交本地全部文件】git status 查看提交状态git commit -m '提交说明' 提交说明git push origin master 提交到远程库团队合作开发: 分支:每个人不同的模块,创建自..

2022-04-22 08:54:29 838

原创 什么是防抖和节流?有什么区别?如何实现

1.定义节流:n 秒内只运⾏⼀次,若在 n 秒内重复触发,只有⼀次⽣效防抖:n 秒后在执⾏该事件,若在 n 秒内被重复触发,则重新计时2.相同点:都可以通过使⽤ setTimeout 实现⽬的都是,降低回调执⾏频率。节省计算资源3.不同点:函数防抖,在⼀段连续操作结束后,处理回调,利⽤clearTimeout和 setTimeout实现。函数节流,在⼀段连续操作中,每⼀段时间只执⾏⼀次,频率较⾼的事件中使⽤来提⾼性能函数防抖,关注⼀定时间连续触发的事件,只在最后执⾏⼀次,

2022-04-09 10:08:36 576

原创 v-if与v-show的区别

1.v-if通过创建或删除DOM节点来实现元素的显示隐藏,2.v-show通过css中的display属性来控制3、v-if更适合数据的筛选和初始渲染 v-show更适合元素的切换在项⽬中我会经常使⽤v-if和v-show,⽐如我们在搜索功能的时候,他有⼀个历史记录,这个时候我们根据是否有搜索的结果来判断历史记录的显示与隐藏,这块我就可以使⽤v-if ,当然⽤v-show也可以.v-for与v-if的优先级那个⾼v-for的优先级⾼. 因为v-for的时候我们才开始渲染dom元素,这个v-i

2022-04-07 16:00:11 158

原创 $nextTick⽅法有什么作⽤

1.异步操作方法2.等待元素加载完毕之后才会执行的回调函数3.我们经常会在nextTick⽅法⾥⾯获取dom元素应用场景1.在created里面获取dom节点2.例如点击按钮出现input框,并获取焦点showInput(item) { item.inputShow = true this.$nextTick(()=>{ this.$refs.saveTagInput.focus() })}...

2022-04-07 15:53:04 110

原创 vue中本地跨域如何解决?线上跨域如何解决?

本地跨域是通过在vue.config.js⽂件⾥⾯的devServer属性⾥⾯的proxy属性⾥⾯配置,⼀共配置三个属性,分别是代理名称 代理地址 开启跨域 重写路径线上跨域是在nginx.conf⽂件⾥⾯配置, 代理名称是通过location 代理名称。proxy_pass 代理地址本地开发模式 devServer: { proxy: { '/api': { target: process.env.VUE_APP_BASE_API, // 接口地址

2022-04-06 20:23:47 5933

原创 MVVM模式的优点以及与MVC模式的区别

MVVM模式的优点:1、低耦合:视图(View)可以独⽴于 Model 变化和修改,⼀个 ViewModel 可以绑定到不同的"View"上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。2、可重⽤性:你可以把⼀些视图逻辑放在⼀个ViewModel⾥⾯,让很多 view 重⽤这段视图逻辑。3、独⽴开发:开发⼈员可以专注于业务逻辑和数据的开发(ViewModel),设计⼈员可以专注于⻚⾯设计。4、可测试:界⾯素来是⽐较难于测试的,⽽现在测试可以针对ViewMod

2022-04-06 20:18:25 2023

原创 什么是闭包

1.闭包的概念闭包就是函数中套了一个函数,内层函数可以访问外层函数中的变量有时候需要用到函数内的局部变量,在正常情况下是不能读取到的,这个时候就需要用到闭包。闭包可以封装对象的私有属性和方法,,可以定义属性和方法,vue中的data就是一种闭包的形式。闭包作为回调函数,可以实现函数的复用闭包的优点和缺点优点:可以重复使用变量,不会造成变量污染缺点:内存消耗很大,可能会导致内存泄露。2、如何从外部读取函数内部的局部变量?function f1(){    var a=7

2022-04-02 14:20:34 1490

原创 什么是事件委托

事件委托,又名事件代理。事件委托就是利用事件冒泡,就是把子元素的事件都绑定到父元素上。如果子元素阻止了事件冒泡,那么委托也就没法实现了好处:1.提高性能,2.减少了事件绑定3.从而减少内存占用应用场景 在vue中事件委托我们经常遇到vue中v-for一个列表,列表的每一项都绑定了@click处理事件。我们都知道绑定这么多监听,从性能方面来说是不太好的。那我们我们可以通过把每个item的click事件委托给父元素的形式来实现...

2022-04-01 17:28:20 719

原创 this的指向 改变this指向的三个参数

1、作为普通函数使用var title='window';function fn(){ var title='zxc'; console.log(this.title);}fn();2、作为对象方法来使用var name='window';var obj={ name:'obj', sayTitle:function(){ console.log(this.name); }}obj.sayTitle();3.apply

2022-04-01 17:19:27 268

原创 路由的导航守卫 以及路由守卫钩子函数里面的三个参数分别是什么

路由的导航守卫 分为全局守卫、组件级守卫、和单个页面独享的守卫全局守卫路由的前置守卫router.beforeEach((to,from,next)=>{ to -- 去哪里 from -- 从哪里来 next -- 重定向})后置守卫注意:后置钩子函数里面没有next后置钩子函数 router.afterEach((to,from)=>{* * })组件级守卫写在页面里 与data和methods同级...

2022-03-30 08:43:56 827

原创 什么是Vuex

​​​​​​​vuex :是一个专为vue.js开发的状态管理器, vuex我们可以解决组件之间数据共享的问题,后期也方便我们管理以及维护有五个属性分别是: state、getters、mutations、actions、moduleState:存放状态getters:计算属性mutations:修改状态actions: 异步操作Module: 模块化...

2022-03-28 16:12:12 117

原创 什么是vue生命周期

vue每个组件都是独立的,每个组件都有一个属于它的生命周期分别是创建前后、挂载前后、更新前后以及销毁前后. 分别对应的钩⼦函数为beforeCreate 创建前、 created创建后、beforeMount 挂载前、mounted挂载后、beforeUpdate 更新前、updated更新后、beforeDestory 销毁前、 destoryed销毁后,...

2022-03-24 20:00:47 149

空空如也

空空如也

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

TA关注的人

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