- 博客(12)
- 收藏
- 关注
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人