cZzzz666-CSDN博客

原创 promise

promise 解决异步编程是链式操作可以用new promise 实例化里面有两个函数的参数 (reslove,reject)promise有三个状态pengding 初始状 reslove fulfilled 成功 reject rejected失败案例 // let p1 =new Promise((resolve,reject)=> { // setTimeout(()=> { // reject(1) ..

2022-01-04 16:51:14 314

原创 Vue自定义指令

除了常用的指令v-forv-shzowvue也可以自定义指令自定义指令分为全局vue.directive 和局部的directives局部的和data，methods同级全局的在main.js中定义在标签上写 v-自定义指令名 <p v-acolor="color" @click="change">111</p> data() { return { color:'red' }; },...

2021-12-30 17:04:52 458

原创 ajax获取数据

ajax 是实现页面局部刷新的技术实现前后端交互ajax在浏览器中有一个内置的XMLHttpRequrst,可以获取到数据1.实例化一个核心对象 var 变量名=new XMLHttpRequrst()2.建立连接变量名.open('请求的方式'，'请求的路径'，'true 同步异步（默认是异步）')3. .send 如果要传参数，可以写在这个请求里面4.变量名.onreadystatechange =function() { 如果说当前readyState状态值为4并且status状态..

2021-12-30 16:42:15 1325

原创 vue的mixin

minxin混入用来存放可重复使用的数据和方法 vue的生命周期也可以放入,mixin里生命周期执行比组件里早使用：创建一个js文件存放方法和数据引入使用mixin里生命周期执行比组件里早...

2021-12-30 11:15:26 310

原创数据类型与深浅拷贝

数据类型简单（一般）数据类型number数字 string 字符串 bollean 布尔值 undefined null复杂数据类型 object array function判断数据类型第一种typeof typeof null 返回object第二种 instanceof第三种 constructor构造器第四种对象原型上的tostring方法 Object.prototype.toString.call简单数据类型是存在栈里的存储的数据空间比较固定复杂数据类型是存在堆...

2021-12-29 17:19:51 222

原创 vue的路由守卫

路由守卫分为全局路由守卫组件路由守卫单个路由守卫全局路由守卫分为: 路由的前置守卫 router.beforeEach 路由的后置钩子 router.afterEach 组件路由守卫在页面定义和methods,data同级分为: 路由进入前beforeRouteEnter 路由更新用于动态路由 beforeRouteUpdate 路由离开组件 beforeRouteLeave 单个路由守卫:beforeEnter 写在配置路由的地方和 p...

2021-12-29 17:12:38 205

原创 this指向

this指向谁调用就指向谁在浏览器中this指向window函数中谁调用就是指向谁构造函数中this指向new实例化对象修改this指向bind apply callfn1.bind(修改的指向)(1,2) 要调用的函数的参数在后面()里fn1.call(修改的指向,1,2) 直接调用函数参数跟在后面fn1.apply(修改的指向,[1,2])直接调用函数参数参数在数组里...

2021-12-29 17:10:10 64

原创 git安装与使用

git是代码管理仓库适合多人开发1安装git百度搜索打开官网下载一路回车安装2注册新建仓库码云3克隆远程仓库到本地 gitclone+仓库地址获取仓库：1》从文件夹打开命令行 git Bash Here2》cd 进入要上传到仓库的文件夹3》git add . gitadd加上一个点4》git commit -m "文件的描述信息"5》 git config --global user.email "you@example.com"6》 git config...

2021-12-29 16:41:56 91

原创 vue 的keepalive

keep-alive 包裹动态组件会缓存组件并不是销毁它,作为标签使用 <keep-alive> </keep-alive>包裹需要缓存的组件包裹组件其中一个不需要缓存有2个办法 1.使用路由元信息需要加上两个坑其中一个用keepalive包裹然后判断在不需要的缓存的路由上加 meta:{ noneedCache:true } meta和path name同一级在app.vue中通过{{$route}}可以获取meta中的none...

2021-12-29 16:38:05 299

原创 VueX是什么

vuex是vue的状态管理工具state 存放状态mutations 唯一可以修改state数据getters vuex的计算属性actions 异步操作需要经过mutations内的方法改变statemodules 模块化获取state this.$store.state.获取mutations this.$store.commit获取actions this.$store.dispatch语法糖映射关系...mapState ...mapGetters 是在compute...

2021-12-28 20:38:37 165

原创 Vue的生命周期

VUE生命周期是一个组件从创建到销毁创建： beforecreate创建前 created 创建后 data在创建后及以后挂载： beforemount挂载前 mounted 挂载后 Dom 在挂载后及以后更新： beforeUpdate视图更新前 updated视图更新后销毁：beforeDestroy销毁前 destroyed 销毁后activated :被 keep-alive 缓存的组件激活时调用。deactivated: 被 keep-alive 缓存的组件失...

2021-12-28 11:58:09 274

原创浏览器的本地存储

浏览器的存储三种 localStorage sessionStorage cookie共同点：都可以存储数据并且存储只跟域名走不同的是：大小： localStorage sessionStorage 大约5M，cookie 4k传输： cookie会跟着请求来回发送, localStorage sessionStorage不会localStorage 永久存储 sessionStorage关闭当前会话失效...

2021-12-28 11:47:06 166

cZzzz666的博客