aaaaaikl的博客

原创 generator函数

声明 ：在function 和 函数名中间加一个*声明一个变量等于这个函数名这就算一个generator函数generator是分段执行的：function * fn(){console.log(1)yilte}let g=fn()console.log(g) // value:undefind done:true"done" 是判断这个函数是否执行完毕 没执行完毕就是false传参：fn(10)g.next(a)...

原创 ES6中新增的方法

新增了let和const方法let 不可以重新声明变量 并且没有变量提升const 声明的是常量 并且值不可以被改变 如果声明的是引用数据类型 就不能改变堆存储的位置...展开运算符用三个连续的点能将对象中的值展开箭头函数箭头函数中没有this指向 箭头函数中只有一个或没有参数时 用一个括号 箭头函数没有名称Symbol新增了一个定义数据类型的方法 表示独一无二的 可以用来给对象添加隐藏值 并且typeof可以判断出来Symbol的数据类型findIndex能找到符合

原创 vue3中的监听属性

在vue3中的监听属性一般时候addeventlistener可以在任何组件中添加监听事件在组件的setup()中可以添加监听事件'组件名'.addEventListener(('监听事件','监听的事件名')=>{console.log()})在组件的unmounted中可以销毁监听事件‘组件名’.removeEventListener 销毁监听事件另外，addEventListener还可以给一个元素添加多个事件，并且不会覆盖已存在的事件...

原创 vue3中的父子组件传值(provide/inject)

在vue3中的父子组件一般都用provide 和 inject 传值父组件中引入和注册了子组件之后在script标签下引入provide就可以将父组件中的变量或方法传递出去在子组件中就可以用inject来接收一下 不管子组件的层级有多深都可以接收到具体操作provide('变量名'，'变量')inject('变量名')provide('事件名','事件')inject('事件名','事件')...

原创 html原生ajax

ajax的原型其实是xmlhttprequest()作用是用来改变页面中的部分数据（在不刷新页面的情况下）在页面中我们可以用let xhr=XMLHttpRequest()xhr.onreadystatechange=function(res){if(xhr.readyState == 4 && xhr.status === 200){console.log(res)}}这样就可以用原生的ajax请求到数据了...

原创 vue自定义指令

在vue中除了一些特定的指令之外 也可以自定义一些指令用来操作元素最底层的逻辑自定义指令可以分为全局自定义指令和局部自定义指令directive全局自定义指令vue.directive('自定义的指令名'){inserted(el,bind){ //这个名字是固定的el:是dom节点，bind:是我们自定义指令的全部信息}}directives局部自定义指令在新建vue的实例化对象中directives{'自定义指令名':{ }}...

原创 html闭包

闭包笼统上说就是函数嵌套函数 使函数外面可以调用函数里面的值在函数中return一个函数然后在函数外面调用这个函数如function fn(){return function(){conslo.log(1)}}fn()() //1 调用时需要两个括号...

原创 改变this指向的方法

1.bind()‘函数名’.bind('要指向的对象')如果想调用函数就在后面再加一个()2.call()‘函数名’.call('要指向的对象','想传递的参数')可以直接调用 可以传参3.apply()'函数名'.apply('要指向的对象',[])可以直接调用 但是传递参数需要用数组...

原创 html绑定事件的方法

1.onclick="事件名"2.获取dom节点document.queryselector('标签').onclick('事件名')3.事件监听document.queryselcetor('标签').addeventListen('标签'，()=>{},true/false)

原创 vue中的路由守卫

路由守卫多用于网页中登录页面的时候 用户登录之后才能让用户进入网站的首页这时候就要用路由守卫判断用户是否登录 防止影响用户体验路由守卫 分为全局的路由守卫 和 页面的路由守卫全局的路由守卫需要let router = new VueRouter({....});全局前置守卫router.beforeEach((to, from, next) => {....})to:要去哪个页面from:从哪个页面来next:进入到这个页面之后下一步执行什么组件内守卫b

原创 keep-alive的用法和作用

keep-alive是vue的内置组件 是用来缓存页面中的东西 使页面在刷新后也能保持原样，不用重复请求接口用法：在你想保存的组件外面用keep-alive包裹住 当路由变化的时候页面的数据就不会变了有时候keep-alive 会嵌套许多组件：<compontent></compontent> 中绑定is属性 属性值是在路由中定义的name值 就可以一次嵌套多个组件如果想控制具体哪个页面缓存 就用v-if 在keep-alive标签上控制是否渲染这个标签...

原创 vue中的路由

$router.push()可以用 query和parmas传参 可以传递 字符串或者 对象对象中两个参数 第一个是路径（path）就是 route文件夹中的路径 或者 名字（name）route中的路由名字第二个参数是要传递的值 可以直接写在路由的参数后面用字符串拼接 也可以再写一个变量 将要传递的值放进去用query传参要用$route.query接收 用parmas传参要用$route.parmas接收可以直接在页面中显示...

原创 本地存储有哪几种有什么区别

localStorage ：localStorage的大小有5M通过localStorage.setitem('要存储的值','数组名')来把数据存到本地如果要存放引用数据类型：就用localStorage.setitem(JSON.parse(JSON.stringfiy('要存放的值')),'数组名')将数据变成JSON字符串通过localStorage.getitem('数组名') 来获取存到本地之后的数组引用数据类型：localStorage.getitem(JSON..

原创 vuex是vue的状态管理工具

vuex是vue的状态管理工具 可以用来解决组件之间数据共享的问题state 是用来存放状态/数据的东西mutations 用来改变state中的数据（只能用这个方法改变 别的方法一律不能改变）getters 是vuex中的异步操作actions 通过actions 来操作mutations 从而改变state 中的数据modules 模块化工具 适用于页面多的时候 能让页面内容看起来整洁 便于以后维护...

原创 vue自定义过滤器

过滤器是用来格式化一些东西的 例如价格 时间等过滤器分为全局的(filter)和局部的(filters)全局的过滤器需要定义成一个函数filter()可以传递参数局部的过滤器filters()可以串联使用 可以在一个标签中 用 '|' 管道符 隔开filters中可以写多个过滤器串联使用的时候 第一个参数是 管道符前面的过滤器的返回值...

原创 判断数据类型的方法

typeof 只能判断基本的数据类型construct 构造器instanceof 适用于判断数组prototype 对象原型上的方法 toString 会返回一个 '[object '数据类型']'后面的数据类型就是判断出来的数据类型 适用于所有数据类型...

原创 vue的生命周期

beforecreate 创建前created 创建之后beforemount 渲染前mounted 渲染后beforeupdate 视图更新前updated 视图更新之后beforedestroy摧毁之前destroyed摧毁之后activetydeactivety

原创 学习git的第一天