JS流程控制

一.分支控制 1.if语句 if(条件表达式){ //执行语句 } 2.if else双分支语句 if(条件表达式){ //执行语句1 } else { //执行语句2 } 3.if else if多分支语句 if(条件表达式1){ //执行语句1 } else if (条件表达式2) { //执行语句2 } else if (条件表达式3) { //执行语句3 } e

- 阅读全文 -

原生Js实现轮播图

效果演示HTML代码<div class="container-slider"> <!-- Slider Container with images... --> <div class="slides"></div> <!-- Previous Button

- 阅读全文 -

JS字符串检测长度、检测类型、类型转换

//1.检测获取字符串的长度 变量.length num.length //2.检测变量的数据类型 typeof 变量 typeof numnum.length //3.把其他型转换为字符串型 //3.1.变量.toString() num.toString() //3.2.String(变量) String(num) //3.3..利用 + 拼接字符串的方法实现转换效果 隐式转换 num+''

- 阅读全文 -

编写优雅 TypeScript 代码的 7 个技巧

能跑的代码并不意味着就是干净的代码。干净的代码指的是组织整齐、易于阅读、易于理解且易于维护的代码。今天我们要介绍的是如何在React中实现干净代码的7个技巧,以便我们可以轻松地维护代码!1. 为所有值提供显式类型在使用TypeScript时,很多人常常会忽略提供显式类型的过程,从而错过了TypeScript所能提供的强大特性。代码库中经常可以看到这样的代码:错误示例01:const Compone

- 阅读全文 -

Js对象从入门到出门

JavaScript对象是属性的无序集合,每个属性都有一个名称和对应的值。属性名称通常是字符串,因此我们可以说对象映射字符串到值。这种字符串到值的映射有各种各样的名称——类如众所熟知的以“hash”、“hashtable”、“dictionary”或“associative array”等为名的基本数据结构。 创建对象我们可以使用对象字面量、new关键字和Object.create()函数来创建

- 阅读全文 -

别再害怕jS高阶函数、回调和闭包了

JavaScript中的HOF(高阶函数)、回调以及闭包,这些都是我们学习JavaScript过程中的拦路虎,但是如果你对它们的概念及用法理解清楚了,那么你会发现,其实它们也并不是你想象的那么可怕。 高阶函数一个函数,如果接受函数定义作为参数,或返回一个函数,那么这个函数就称为HOF(高阶函数)。例如:function isEven(n) { return n % 2 === 0; }

- 阅读全文 -

js删除字符串后3位

//示例 var test = '0123456789'; //str.slice(start,end) 以start为起始下标,end为结尾下标;若为正,则从左向右算,若为负,则从右向左数 console.log(test.slice(1, 3)); //12 //str.substring(start,stop) 从start,stop里找出一个较小的值,然后从字符串的开始位置算起,截

- 阅读全文 -

js图片懒加载

1.什么是图片懒加载?懒加载也就是延迟加载。当访问一个页面的时候,先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径(这样就只需请求一次,俗称占位图)。只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。2.为什么要使用懒加载?很多页面,内容很丰富,页面很长,图片较多。比如说各种商城页面。这些页面图片数量多,而且比较大,少说百来K

- 阅读全文 -

js常用正则表达式

正则表达式一、用户名正则//用户名正则,4到16位(字母,数字,下划线,减号) var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; //输出 true console.log(uPattern.test("jxdn"));二、密码强度正则//密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符 var pPattern

- 阅读全文 -