摘要: 1、创建Storage类 定义 对应的get set remove clear api 通过set函数添加过期时间参数来实现过期时间的记录 设置存储时存储当前值和过期时间 get取值的时候先验证当前值是否存在 以及时间是否大于过期时间 如果存在且不大于过期时间既可返回对应的值否则返回空 class 阅读全文
posted @ 2023-06-22 17:01 有只小菜猫 阅读(678) 评论(0) 推荐(0)
摘要: 1、回流重绘的概念 回流:当Render Tree中部分或全部元素的尺寸、结构、或某些属性发生改变时,浏览器重新渲染部分或全部文档的过程 重绘:当页面中元素样式的改变并不影响它在文档流中的位置时,浏览器会将新样式赋予给元素并重新绘制它的过程 浏览器使用流式布局模型 (Flow Based Layou 阅读全文
posted @ 2023-06-22 16:58 有只小菜猫 阅读(74) 评论(0) 推荐(0)
摘要: 1. js 中的声明 声明就是 变量的声明和函数的声明, 其目的是让 js 解释引擎知道有什么东西. 声明时不参与运算的, 是不参与执行的, 是在预解析阶段就完成的. 变量的声明 // 变量的声明就是 var 变量名. var num = 123; // 这是一个语法糖,可以理解成 var num; 阅读全文
posted @ 2023-06-22 16:38 有只小菜猫 阅读(28) 评论(0) 推荐(0)
摘要: // 1泛型的定义 // 泛型:在软件工程中,我们不仅要创建一致的定义良好的api,同时也要考虑可重用性。组件不仅能够支持当前的数据类型,还能支持未来的数据类型 // 在C#和Java这种语言中,可使用泛型来创建可重用的组件,一个组件支持多种类型的数据 // 2泛型函数 // T表示泛型,具体什么类 阅读全文
posted @ 2023-06-22 15:58 有只小菜猫 阅读(200) 评论(0) 推荐(0)
摘要: 接口的作用:在面向对象编程中,接口是一种规范的定义,它定义行为和动作的规范。 在程序设计里面,接口起到一定的限制和规范作用。接口定义某一些类所遵守的规范,接口不关心这些类的内部状态数据,也不关心类里面方法的实现细节 它只规定这批类中必须提供某些方法,提供的这些方法就可以满足某些需求。 ts的接口同时 阅读全文
posted @ 2023-06-22 15:58 有只小菜猫 阅读(213) 评论(0) 推荐(0)
摘要: // 01.抽象类是提供其他类继承的基类,不能直接被实例化 // 02.用abstract关键字定义抽象类和抽象方法,抽象类中的抽象方法不包含具体实现并且必须在派生类中实现 // 03.abstract抽象方法只能在抽象类中 // 04.抽象类和抽象方法用来定义标准:例如,要求Animal类的子类必 阅读全文
posted @ 2023-06-22 15:57 有只小菜猫 阅读(135) 评论(0) 推荐(0)
摘要: // 父类定义一个方法不去实现,让继承它的子类去实现,每一个子类有不同的表现多态属于继承 class Animal{ name:string constructor(name:string){ this.name = name } eat(){ console.log('吃的方法') } } cla 阅读全文
posted @ 2023-06-22 15:57 有只小菜猫 阅读(41) 评论(0) 推荐(0)
摘要: //1. function Person1(name,age){ this.name='zhangsan' this.age=20 this.run = function(){ alert('yundong') } } Person.prototype.sex = '男' Person.protot 阅读全文
posted @ 2023-06-22 15:56 有只小菜猫 阅读(36) 评论(0) 推荐(0)
摘要: 1. ts函数定义 // es5函数声明 function run3(){ return 'run' } // es5匿名函数 var run4 = function(){ return 'run' } // ts函数声明 function run5():string{ return 'run' } 阅读全文
posted @ 2023-06-22 15:54 有只小菜猫 阅读(57) 评论(0) 推荐(0)
摘要: 1.js有的类型 boolean类型、number类型、string类型、array类型、undefined、null 2.ts多出的类型 tuple类型(元组类型)、enum类型(枚举类型)、any类型(任意类型) 3.特别的类型 void类型(没有任何类型)表示定义方法没有返回值 never类型 阅读全文
posted @ 2023-06-22 15:52 有只小菜猫 阅读(17) 评论(0) 推荐(0)
摘要: 一、使用Array.apply let arr= Array.apply(null, { length: 10 }).map((item,index)=>{ return index; }); console.log(arr); //(10) [0, 1, 2, 3, 4, 5, 6, 7, 8, 阅读全文
posted @ 2023-06-22 15:46 有只小菜猫 阅读(410) 评论(0) 推荐(0)
摘要: 1、思路:定义一个新数组,并存放原数组的第一个元素,然后将元素组一一和新数组的元素对比,若不同则存放在新数组中 function unique(arr) { let newArr = [arr[0]]; for (let i = 1; i < arr.length; i++) { let repea 阅读全文
posted @ 2023-06-22 15:45 有只小菜猫 阅读(27) 评论(0) 推荐(0)
摘要: 触发钩子的完整顺序: 将路由导航、keep-alive、和组件生命周期钩子结合起来的,触发顺序,假设是从a组件离开,第一次进入b组件: 1. beforeRouteLeave:路由组件的组件离开路由前钩子,可取消路由离开。 2. beforeEach: 路由全局前置守卫,可用于登录验证、全局路由lo 阅读全文
posted @ 2023-06-22 14:51 有只小菜猫 阅读(68) 评论(0) 推荐(0)