编写优雅 TypeScript 代码的 7 个技巧
能跑的代码并不意味着就是干净的代码。干净的代码指的是组织整齐、易于阅读、易于理解且易于维护的代码。今天我们要介绍的是如何在React中实现干净代码的7个技巧,以便我们可以轻松地维护代码!1. 为所有值提供显式类型在使用TypeScript时,很多人常常会忽略提供显式类型的过程,从而错过了TypeScript所能提供的强大特性。代码库中经常可以看到这样的代码:错误示例01:const Compone
能跑的代码并不意味着就是干净的代码。干净的代码指的是组织整齐、易于阅读、易于理解且易于维护的代码。今天我们要介绍的是如何在React中实现干净代码的7个技巧,以便我们可以轻松地维护代码!1. 为所有值提供显式类型在使用TypeScript时,很多人常常会忽略提供显式类型的过程,从而错过了TypeScript所能提供的强大特性。代码库中经常可以看到这样的代码:错误示例01:const Compone
JavaScript对象是属性的无序集合,每个属性都有一个名称和对应的值。属性名称通常是字符串,因此我们可以说对象映射字符串到值。这种字符串到值的映射有各种各样的名称——类如众所熟知的以“hash”、“hashtable”、“dictionary”或“associative array”等为名的基本数据结构。 创建对象我们可以使用对象字面量、new关键字和Object.create()函数来创建
JavaScript中的HOF(高阶函数)、回调以及闭包,这些都是我们学习JavaScript过程中的拦路虎,但是如果你对它们的概念及用法理解清楚了,那么你会发现,其实它们也并不是你想象的那么可怕。 高阶函数一个函数,如果接受函数定义作为参数,或返回一个函数,那么这个函数就称为HOF(高阶函数)。例如:function isEven(n) { return n % 2 === 0; }
//示例 var test = '0123456789'; //str.slice(start,end) 以start为起始下标,end为结尾下标;若为正,则从左向右算,若为负,则从右向左数 console.log(test.slice(1, 3)); //12 //str.substring(start,stop) 从start,stop里找出一个较小的值,然后从字符串的开始位置算起,截
// 删除指定索引位置成员,参数2固定为1 arr.splice(index,1);
1.什么是图片懒加载?懒加载也就是延迟加载。当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次,俗称占位图)。只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。2.为什么要使用懒加载?很多页面,内容很丰富,页面很长,图片较多。比如说各种商城页面。这些页面图片数量多,而且比较大,少说百来K
正则表达式一、用户名正则//用户名正则,4到16位(字母,数字,下划线,减号) var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; //输出 true console.log(uPattern.test("jxdn"));二、密码强度正则//密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符 var pPattern
经常会忘记一些常用命令,在这里进行汇总记录,会不断进行更新初始化npm init生成一份package.json配置,会以询问的方式进行一些初始化配置。参数--force--yes可以通过这两个配置跳过询问环节,直接生成默认的配置。配置npm config list查看基本配置,后面增加参数-l能查看所有配置npm config set registry https://registry.npm.