- 博客(23)
- 收藏
- 关注
RSS订阅原创 正则重难点和个人见解
正则表达式（RegExp）常用不常写1.查询：正则大全2.作用：描述了一种字符串的匹配模式，用在表单验证、搜索替换（模糊查询）一：声明 1.**构造函数：**new RegExp（规则，模式修正符）; 2.字面量：let reg = /规则/模式修正符;二：模式修正符（可选） 1. g 全局 2. i 不用区分大小写 3. m多行匹配三：正则组成部分 1. /…（规则）/ 定界符简单字符 规定的字符在字符串中必须包含let reg = /a/;//字符串中是
2022-03-03 16:49:31
1215
原创 this的各种指向和案例
thisthis 的指向会被分为几种情况。1. 全局环境下console.log(this); // window2. 普通函数中的 this 指向全局严格模式下指向 undefined。function fn(){ console.log(this); // window}fn();//嵌套函数也指向window即使是嵌套的函数， this 也是指向全局对象function outer() { function inner(){ console.log(this);
2022-03-02 16:38:20
641
2
原创 函数防抖知识要点
函数防抖 debounceJavaScript 中的函数大多数情况下都是由用户主动调用触发的，比如说点击、拖拽、改变浏览器尺寸、提交表单等。除非是函数本身的实现不合理，否则一般不会遇到跟性能相关的问题。但是在一些少数情况下，函数的触发不是由用户直接控制的。在这些场景下，函数有可能被非常频繁地调用，而造成性能问题：mousemove 事件。如果要实现一个拖拽功能，需要一路监听 mousemove 事件，在回调中获取元素当前位置来进行样式改变。如果不加以控制，每移动一定像素而触发的回调数量非常惊人，回
2022-03-02 16:37:23
6238
1
原创 高阶函数知识要点
高阶函数高阶函数（higher-order-function）并不是 JavaScript 语言所特有的东西，它适用于整个计算机领域，甚至数学领域。满足以下任一条件的函数都被称为高阶函数：函数可以作为参数被传递（callback）或者说接收一个或多个函数作为输入函数可以作为返回值输出（closer）JavaScript 中的函数显然满足高阶函数的条件，在实际开发中，无论是将函数当作参数传递，还是让函数的执行结果返回另外一个函数，这两种情形都有很多应用场景。函数是一等公民在函数提升和变量
2022-03-02 16:33:51
337
原创 双色球2.0版本
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2022-01-07 17:13:30
231
原创 许愿墙或者弹幕
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2022-01-07 17:12:24
359
原创 放大镜2.0版本
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .container,
2022-01-07 17:10:12
305
原创 dom版本的轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { m
2022-01-01 10:10:49
376
原创 DOM简单笔记
DOM一：概述DOM（Document Object Model）文档对象类型 他是W3C为HTML文档提供的一个API（应用程序接口）二：DOM节点（node）常用的节点有：元素节点 文本节点 属性节点 还有注释节点节点属性节点类型node namenode typenode value元素节点标签名（大写）1null属性节点属性名2属性值文本节点#text3文本内容获取属性节点：ele.getAttributeNode（‘’id‘’
2021-12-28 17:57:28
526
原创 发牌乱序纯js
/** * 发牌程序 * 共：54张 52张 * 玩家1: 17张 * 玩家2: 17张 * 玩家3: 17张 * 底牌: 3张 * 1. 生成 54张 * 2. 分发 17-17-17-3 打乱 * 3. 排序 */ const number = ['3', '4', '5', '6', '7', '8', '9', '10', 'J', 'Q', 'K', 'A', '2']; const flower = ["♠️", "♥️", "♣️", "♦️"];
2021-12-22 18:02:03
325
原创 中奖人数随机
const readline = require('readline-sync');let str = `徐鑫,郑义,张胜于,赵杰,邓翔,黄飞翔,刘嘉豪,赵鑫勇,吴建磊,何静,孙妃燕,蔡梦蝶,秦阳,何正乾,赖运,刘朝先,赵玲,赵霖,李志超,袁会,陈建良,刘株汛,曾正旭`;/** * ？个三等奖 * ？个二等奖 * ？个一等奖 *///随机数函数function random(max, min) { if (max == undefined) { max = min;
2021-12-21 16:19:17
140
原创 ATM登陆注册存取查退加转账
const readline = require('readline-sync');let arr = [ ['zhangsan', 123, 500], ['lisi', 456, 1000]];function main() { console.log('请选择操作：1. 登录 2. 注册：'); let opt = readline.question() - 0; let user = null; switch (opt) { c
2021-12-20 18:20:17
212
原创 数组的遍历方式（齐全）
数组（遍历数组）Array案例：arr1=[1,2,3]arr2=[3,4,5]arr3=[arr1,arr2]log(arr3[0][2]) //输出为 arr1 的 3一：数组的概念之前 变量只能存一个值 如果我们想存多个值呢？这就涉及到数组了数组可以把一组数据有序的全部一起存起来 ，并且提供方便的访问（获取）方式概念：数组是指一组数据的集合，每个数据被称为元素 在数组中可以任意存放任意类型的元素！并且是一组数据储存在单个变量中的优雅方式var arr ={1、2、3、4、
2021-12-20 13:55:43
8538
原创 循环 for while do..while 以及break和continue
循环（for 双重for while dowhile continue break）一.for循环:被循环的执行语句为循环体是否继续执行取决于终止条件语句所以：循环语句由 循环体和循环的终止条件组成的语句语句结构for (初始化变量;条件表达式;操作表达式){ //执行语句（循环体）}//初始化变量 就是用let/var声明的普通变量 通常用于作为计数器//条件表达式 就是用来决定每一次循环是否继续执行 就是终止条件//操作表达式 是每次循环最后执行的代码 经常用于我们计数器变量
2021-12-16 12:34:08
1197
原创 表单验证纯js代码 实现登陆注册并且 含有存取查退
表单验证纯js代码 实现登陆注册并且 含有存取查退const readline = require('readline-sync');let user = [['zhangsan', '123'], ['lisi', '124']];let islog = true;while (islog) { let isqucha = true; console.log('请输入1.注册2.登陆'); let opt = readline.question() - 0; sw
2021-12-15 22:23:44
694
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人