TypeScript中的单件设计模式 设计模式通俗的讲,就是一种更好的编写代码方案,打个比喻:从上海到武汉,你可以选择做飞机,做轮船,开车,骑摩托车多种方式,把出行看成是编码,那么选择飞机相对就是一个更好选择的优化方案。
深度掌握TypeScript中的重载【函数重载、方法重载】 TS 的函数重载比较特殊,和很多其他后端语言的方法重载相比,多了不少规则。函数签名[ function signature ]:函数签名=函数名称+函数参数+函数参数类型+返回值类型四者合成。在 TS 函数重载中,包含了实现签名和重载签名,实现签名是一种函数签名,重载签名也是一种函数签名。不完整模糊的 TS 函数重载定义:一组具有相同名字,不同参数列表的和返回值无关的函数。完整的函数重载定义:包含了以下规则的一组函数就是TS函数重载 :**规则1:**由一个实现签名+ 一个或多个重载签名合成。
TypeScript中的类 定义:类就是拥有相同属性和方法的一系列对象的集合,类是一个模具,是从这该类包含的所有具体对象中抽象出来的一个概念,类定义了它所包含的全体对象的静态特征和动态特征。 类有静态特征和动态特征【以大家最熟悉的人类为例】静态特征【软件界叫属性】姓名,年龄,地址,身份证号码,联系方式,家庭地址,微信号动态特征【软件界叫方法】吃饭,走路【再看桌子类】 静态特征【属性】高度,宽度,颜色,价格,品牌,材质 动态特征【方法】承载【来看订单类】
一文搞定>>、<<、>>>等位运算 位运算在我们平时开发中很少会用到,以至于它被大多数人所忽略,因此在面试题中能频繁的看到位运算的身影。由于位运算本质是二进制运算,大多数开发者可能会对此比较陌生,本文旨在揭开位运算的神秘面纱,一同探究其本质,帮助大家掌握位运算的方法。
React中实现keepalive组件缓存效果 由于react官方并没有提供缓存组件相关的api(类似vue中的keepalive),在某些场景,会使得页面交互性变的很差...封装keepalive缓存组件,实现组件的缓存,并暴露相关方法,可以手动清除缓存
el-cascader组件根据最后一级向上找到父级并设置默认值 vue + elementUI项目中,el-cascader级联选择器使用频率非常高,一些基本使用方法可以参考elementUI官方文档,本文主要研究当接口只返回最后一级id时,如何向上找出所有父级数据,并设置组件el-cascader的默认值!图中未处理的数据就是根据最后一级id向上查找父级数据,处理后的数据是将找到的树形数据继续平铺处理成组件需要的各级id组成的数组(若业务场景固定,只需要id数据,那么在。准备测试数据:方位、省、市区级联选择。方法中可以直接返回处理后的数据)。
前端性能优化之控制请求并发数 在我们平时开发中,经常会遇到页面数据初始化时,频繁调同一个接口的情况。比如echarts项目中,一个页面可能会有几十张图表,如果一个接口返回所有图表数据的话,会造成用户过长的等待时间,再者过多图表同时渲染,也会给页面增加压力,造成卡顿的现象。...
React开发中常见报错之组件更新错误 在React开发中,这样的报错会经常遇到:Warning: Can't perform a React state update on an unmounted component.