![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
Falling snow
这个作者很懒,什么都没留下…
展开
-
uni-app的地址三级联动
1、template样式<view class="wrap" type="text" > <view class="region"> 请选择地区: </view><picker class="pickerList" mode="multiSelector" :range="newProvinceDataList" :value="multiIndex"@change="pickerChange" @columnchange="pickerColumn原创 2021-09-08 17:39:37 · 2741 阅读 · 0 评论 -
vue-router 鉴权 守卫
一、全局路由守卫所谓全局路由守卫,就是小区大门,整个小区就这一个大门,你想要进入其中任何一个房子,都需要经过这个大门的检查//main.js中设置全局导航守卫,所有路由都会经过 //全局前置守卫beforeEach, 全局后置守卫afterEach() router.beforeEach((to,from,next)=>{ next() //决定页面是否继续向下走 next(true); });二、组件路由守卫// 跟 methods: {}等同级别书写,组件原创 2021-07-16 19:03:17 · 202 阅读 · 0 评论 -
vant-ui 按需引入
1.当我们在项目中使用vant的时候,首先安装vant-ui插件分别是:先安装vant-ui,再安装按需引入的插件安装vant-uinpm i vant --save安装按需引入的插件npm i babel-plugin-import -D2.在min.js中引入vantimport 'vant/lib/index.css';// 全局引入按需引入UI库 vantimport '@/plugins/vant'3.在vant官网中找到按需引入并把它复制到babel.config.js中原创 2021-06-03 21:56:36 · 1334 阅读 · 1 评论 -
axios拦截,api统一管理
1.首现在项目中我们在src目录下创建一个api文件夹,在文件夹中创建两个js文件分别为api.js和http.js文件名可以自定义2.http中对axios进行的封装,添加请求拦截和响应拦截。在请求拦截中,给请求头添加token字段,还有loading动画的开启。在响应拦截中,可以做一些loading动画的关闭,还有可以根据后端返回的状态码,做一些检验token是否有效或者过期的操作。//在http.js中引入asioximport axios from 'axios';//引入axiosimp原创 2021-06-03 21:44:00 · 90 阅读 · 0 评论 -
vue项目开发流程
1.创建项目 1.首先创建项目,我用的项目是vue 3.0 可以在新建文件夹中cmd,进入命令符,vue create 项目名 创建项目也可以在 命令符中vue ui 在浏览器中创建项目 2.项目安装好后,安装自己需要的各种插件, 3.我们常用的axios(请求)、框架(后台管理系统安装element-ui,移动端安装vant) ,vuex-persistedstate(数据持久化插件),前期我们先安装这几个,后面根据项目的需要,在安装需要的插件2.配置多环境变量1.在package.js原创 2021-06-03 21:17:42 · 1107 阅读 · 0 评论 -
transition
transition:过度属性(all) 过度完成时间 缓冲描述 延迟时间;第一个参数(transition-property):过度属性,可以直接写all第二个参数(transition-duration):过度时间,单位是s第三个参数(transition-timing-function):缓冲描述,linear匀速,ease非匀速,cubic-bezier贝塞尔曲线第四个参数(transition-delay):延迟时间,单位是s<!DOCTYPE html><html原创 2021-06-01 20:34:17 · 900 阅读 · 0 评论 -
keep-alive
keep-alive是Vue提供给我们一个内置组件,用来在路由切换的时候保存我们的组件状态当我们在切换路由需要保存失活组件的状态的时候需要用到,比如我浏览淘宝滑动的中间位置,然后又去购物车页面,再回到首页的时候能够保存住我刚才滑动的位置作用:保存我们路由切换时组件的状态 , 比如列表页面进入详情,我们想保存列表滚动的位置,我们就可以 使用keep-alive保存列表页面的滚动位置。组件使用keep-alive以后会新增两个生命周期 actived() deactived(),原创 2021-06-01 18:57:07 · 68 阅读 · 0 评论 -
事件委托(事件代理)(传统的,vue , e.target.dataset.index)
那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件。那这是什么意思呢?网上的各位大牛们讲事件委托基本上都用了同一个例子,就是取快递来解释这个现象,我仔细揣摩了一下,这个例子还真是恰当,我就不去想别的例子来解释了,借花献佛,我摘过来,大家认真领会一下事件委托到底是一个什么原理:有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台MM代为签收。现实当中,原创 2021-06-01 18:51:44 · 815 阅读 · 0 评论 -
2021-06-01
闭包闭包:当一个函数用到了另外一个函数的变量,那么这个变量和这个函数的环境就是闭包环境,主要体现是通过函数嵌套或者通过作用域链的方式来实现的。优点:不会造成变量污染缺点:容易造成内 存泄漏...原创 2021-06-01 08:08:43 · 55 阅读 · 0 评论 -
let 和var const区别
let 和var const区别var是es5提出的,let和const是ES6提出的,var定义的变量,没有块的概念,可以跨块访问, 不能跨函数访问。let定义的变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问。const用来定义常量,使用时必须初始化(即必须赋值),只能在块作用域里访问,而且不能修改...原创 2021-05-28 18:51:48 · 61 阅读 · 0 评论 -
this指向问题、new的过程
this指向问题、new的过程1.谁调用就指向谁。事件监听函数内部,this指向绑定事件监听的那个元素节点构造函数内部,this指向创建的新对象。对于箭头函数,由于没有自身自变量、this,所以指向环境中的this一个函数没有前缀调用(被引用),也就是普通调用,this指向全局变量。在严格模式下,this为undefine。2.new创建对象2.赋值原型3.调用foo函数,修改this指向4.返回obj...原创 2021-05-27 21:21:52 · 69 阅读 · 0 评论 -
作用域、作用域链、自由变量、变量提升
作用域、作用域链、自由变量、变量提升1.作用域函数变量的作用范围, 主要分为全局变量和局部变量局部变量就是定义在函数内部的变量,这个变量只能在函数内部使用全局变量就是定义在函数外部的变量,在当前文件内有效2.作用域链当代码在一个环境中执行时,会创建变量对象的一个作用域链(作用域形成的链条)作用域链的前端,始终都是当前执行的代码所在环境的变量对象作用域链中的下一个对象来自于外部环境,而在下一个变量对象则来自下一个外部环境,一直到全局执行环境全局执行环境的变量对象始终都是作用域链上的最后一个原创 2021-05-27 21:19:27 · 82 阅读 · 0 评论 -
数组常用方法
数组常用方法 (es4,es5,es6)push 方法可向数组的末尾添加一个或多个元素,并返回新的长度。末尾添加,返回的是长度,会改变原数组。Pop 方法用于删除并返回数组的最后一个元素。返回最后一个元素,会改变原数组。Unshift 方法可向数组的开头添加一个或更多元素,并返回新的长度。返回新长度,改变原数组Shift 法用于把数组的第一个元素从其中删除,并返回第一个元素的值。返回第一个元素,改变原数组。Sort() 数组元素进行正向排序,默认升序Reverse() 方法用于颠倒数组中元素的顺原创 2021-05-26 19:44:45 · 63 阅读 · 0 评论 -
有关call和apply、bind的this指向
10.有关call和apply、bind的this指向1.在浏览器里,在全局范围内this 指向window对象;2.在函数中,this永远指向最后调用他的那个对象;3.构造函数中,this指向new出来的那个新的对象;4.call、apply、bind中的this被强绑定在指定的那个对象上;5.箭头函数中this比较特殊,箭头函数this为父作用域的this,不是调用时的this.要知道前四种方式,都是调用时确定,也就是动态的,而箭头函数的this指向是静态的,声明的时候就确定了下来;6.ap原创 2021-05-26 19:39:28 · 160 阅读 · 0 评论 -
原型、原型链
javascript原型、原型链1. prototype每个函数都有一个prototype属性,被称为显示原型2.proto每个实例对象都会有_ _proto_ _属性,其被称为隐式原型每一个实例对象的隐式原型_ _proto_ _属性指向自身构造函数的显式原型prototype3.constructor每个prototype原型都有一个constructor属性,指向它关联的构造函数。4.原型链获取对象属性时,如果对象本身没有这个属性,那就会去他的原型__proto__上去找,如果还查不原创 2021-05-26 19:37:49 · 49 阅读 · 0 评论 -
深拷贝面试必备
深拷贝(什么是深拷贝,为什么要进行深拷贝,如何进行深拷贝(至少写三种方法,手写深拷贝))?1.什么是深拷贝是指,建一个新的对象和数组,将原对象的各项属性的“值”(数组的所有元素)拷贝过来,是“值”而不是“引用” 我们希望在改变新的数组(对象)的时候,不改变原数组(对象)2.三种方法实现方法1.slice 方法实现数组的深拷贝该方法可以将原数组中抽离部分出来形成一个新数组,只要设置为抽离全部,即可完成数组的深拷贝const arr = [1,2,3,4,5]const arr2 = arr.sl原创 2021-05-26 19:33:15 · 64 阅读 · 0 评论 -
vue-router(两种路由模式、编程式、组件式如何传参
vue-router(两种路由模式、编程式、组件式、如何传参(优缺点)、)两种模式:history/hash编程式:this.router.push(path:′newDetail/495′);组件式:<router−liketo="/user/useradd">增强用护</router−link>传参:传this.router.push({path:'newDetail/495'});组件式:<router-like to="/user/useradd">增强用护原创 2021-05-26 19:30:41 · 141 阅读 · 0 评论 -
vuex(概念、几部分组成、map高级语法、数据持久化面试题
vuex(概念、几部分组成、map高级语法、数据持久化)1.vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,它采用集中式存储和管理程序的所有组件的数据vuex实现组件件通信是在大型项目中使用。2.几部分组成1.state 存储数据 在组件中的使用 this.store.state.属性名2.mutations直接操作state中的数据在组件中的使用this.store.state.属性名 2.mutations 直接操作state中的数据 在组件中的使用原创 2021-05-26 19:26:48 · 117 阅读 · 0 评论 -
组件之间的传值面试题
组件之间的传值;vue中的组件传值分为3种:父传子、子传父、和兄弟传值;第一种父传子,主要是通过props来实现的具体实现:父组件通过import引入子组件,并注册,在子组件标签上添加要传递的属性,在子组件通过props来接收,接收有两种形式一是通过数组形式,要接收的属性【】,接收过来的数据可以直接使用,二是通过对象的形式来接收{},对象形式可以设置要传递的数据类型和默认值。第二种子传父:主要是通过emit来实现在子组件中通过绑定事件来触发函数,在其中设置this.emit 来实现在子组件中通过绑原创 2021-05-26 19:24:52 · 673 阅读 · 2 评论 -
vue 的生命周期函数
vue 的生命周期函数,有那些?在项目中怎么使用?以及应用场景?1.vue的生命周期函数分为:创建前beforeCreate :在实例初始化之后执行此时对象还未创建,el 和data并未初始化,因此无法访问 methods,data ,computed等方法和数据。2.创建后:created:最早开始使用data和methods中的数据的钩子函数,这个阶段可以数据请求,但是不能dom操作。3.挂载前:beforeMount:挂载开始之前被调用,把data里面的数据和模板生成html,完成了el和da原创 2021-05-26 19:22:20 · 7866 阅读 · 0 评论 -
面试必备
1.vue 的生命周期函数,有那些?在项目中怎么使用?以及应用场景?1.vue的生命周期函数分为:创建前beforeCreate :在实例初始化之后执行此时对象还未创建,el 和data并未初始化,因此无法访问 methods,data ,computed等方法和数据。2.创建后:created:最早开始使用data和methods中的数据的钩子函数,这个阶段可以数据请求,但是不能dom操作。3.挂载前:beforeMounted:挂载开始之前被调用,把data里面的数据和模板生成html,完成了e原创 2021-05-20 22:00:51 · 108 阅读 · 0 评论