Javascript

节点的概念 节点：网页中的所有内容都是节点，例如标签、属性、文本、注释、回车、换行、空格等。 节点属性：可以用标签--元素.出来，可以使用属性节点.出来,文本节点.点出来。 nodeType: 节点的类型： 1-标签DIV-1 2-属性:class 3-文本:innerText nodeName:节 ......

概念 BOM(Browser Object Model)是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。我们在浏览器中的一些操作都可以使用BdM的方式进 ......

概念 轮播图（Carousel）是一种常见的网页设计元素，用于展示多张图片或信息。它通常由一个容器和一组水平排列的图片或内容组成。轮播图中的图片会按照一定的规律（例如自动轮播、点击切换或滑动切换等）进行切换，以便在有限的空间内展示多个内容。 HTML元素 网页元素 <div class="wrap" ......

数组的概念 数组是指一组数据的集合，其中的每一个数据称作元素在数组中可以存放任意类型的元素。 数组是一种将一组数据存储在单个变量名下的方式。 创建数组 创建数组 var arr = new Array();// 使用new 创建一个空数组 var arr0 = []; //利用数组字面量创建数组 v ......

函数的概念 在js里面，可能会定义非常多的相同代码或功能相似的代码，这些代码需要大量重复地使用。 函数就是封装了一段可被重复调用的代码块。通过代码块实现大量代码的重复使用。 函数示例 //常规方法 var sum = 0; for (var i = 1; i <= 100; i++) { sum + ......

JavaScript作用域： 就是代码名字（变量）在某个范围内起作用和效果。目的是/为了提高程序的可靠性同时减少命名冲突。 JavaScript作用域在（es6）之前：全局作用域和局部作用域。 全局作用域：整个Script标签或者一个单独的js文件。 局部作用域：在函数内部就是局部作用域。这个代码名 ......

预解析口诀：先声明再调用 JavaScript代码是由浏览器中的JavaScript解析器来执行的。JavaScript解析器在运行JavaScript代码的时候分为两步：预解析和代码执行。 预解析的变量问题 /*console.log(unknow);*/ // 报错:使用了未定义的变量 cons ......

为什么需要对象 保存一个值时，可以使用变量，保存多个值（一组值）时，可以使用数组。如果要保存一个人的完整信息（信息面板）呢？ 在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。 对象是由属性和方法组成。 属性：事物的特征，在对象中用属 ......

内置对象是什么 JavaScript中的对象分为三种：自定义对象，内置对象和浏览器对象。 前面两种对象是JS基础内容，属于ECMAScript；第三个浏览器对象属于我们JS独有的。 内置对象就是指JS语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法）。 ......

算术运算符 概念：算术运算使用的符号，用于执行两个变量或值的算术运算。 运算符 描述 例子 + 加 1+1-2 - 减 1-1=0 * 乘 1*1=1 / 除 1/1=1 % 取模（取余数） 1%1=0 算数运算符 console.log(1 + 1); console.log(1 - 1); co ......

流程控制 在程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。通常需要通过控制代码的执行顺序来实现我们要完成的功能。 简单理解：流程控制就是控制我们的代码按照什么结构顺序来执行。 流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行顺序。 顺序流程控制 ......

标识符的语法规范 变量、函数必须要有意义 变量名名称一般用名词 函数的名称一般用动词 操作符规范 操作符两边各保留一个空格 单行注释规范 单行注释前有个空格。（如图红框处） 注释规范图 其他规范 如图所示红框处空格 其他规范图 ......

简单数据类型的内存分配 简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型。 （简单）值类型：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型：string，number，boolean，undefined，null。 简单数据类型存放在栈里面 查看代码 var t ......

方式 说明 案例 Boolean()函数 其他类型转为布尔类型 Boolean('true') 代表空、否定的值会被转换为false，如 '' 、0、NaN 、null 、undefined 其余值都转换为ture 布尔转换 console.log(Boolean('')); console.log ......

计算年龄： 弹出输入框prompt，提示用户输入出生年份。 把输入内容保存起来，用今年的年份减去变量，得到现在的年龄。 利用弹出窗口（alert）输出结果。 计算年龄 var year = prompt('请输入你的出生年份：'); var age= 2023 - year; alert('你的年龄 ......

标识（zhi）符：是指开发人员为变量、属性、函数、参数取的名字。标识符不能是关键字或保留字 关键字：是指JS本身已经使用的字，不能再用它充当变量名或方法名。 包括 break、case、catch、continue、dfault、delete、do、else、do、else、finally、for、 ......

方式 说明 案例 parselnt(string) 把string类型转为数值类型 parselnt（'78'） parseFloat(string) 把string类型转换为浮点型 parseFloat(78.21) Number()强制转换函数 把string类型转换为数值类型 parseFlo ......

#var ”变量提升“现象，只是声明的提升，定义或者赋值不提升 代码例子1： // var 的情况 console.log(foo); // 输出undefined var foo = 2; 等效于 // var 的情况 var foo; console.log(foo); // 输出undefin ......

JavaScript中有一个特殊的运算符，被称为“双小于号”。这个运算符的符号是“<<”，作用是将一个数的二进制形式向左移动指定的位数。在移位过程中，右侧的位将会自动补0。双小于号在JavaScript中常常用于进行位运算操作，让我们来了解一下它的具体用法。 参考：https://www.yzktw ......

# What's the difference between Async Await and Promise in JavaScript All In One > `Async` vs `Promise` ## demos --> ## (🐞 反爬虫测试！打击盗版⚠️）如果你看到这个信息, 说明 ......

# how to get the SVG document content that inside a object tag in javascript > object tag & SVG document content in javascript ## demos ```js ``` ![im ......

分词工具：cncut // 下载方式： // npm npm i cncut // yarn yarn add cncut const cncut = require("cncut") const cn = cncut() console.log(cn.cut("你是不是傻啊").join("/") ......

## 前言 闭包（Closure）是JavaScript中一个非常重要的概念，指的是函数可以访问其词法作用域以外的变量。简单来说，当一个函数内部定义的函数引用了外部函数的变量时，就形成了闭包。 要理解闭包，首先需要了解词法作用域（也称为静态作用域）。词法作用域是指在代码编写阶段就确定了变量的作用域， ......

JavaScript的防抖（Debouncing）和节流（Throttling）是两种用于优化高频率事件处理的常见技术。它们都可以限制事件的触发频率，以减少过度触发事件处理函数而导致的性能问题。 ## 防抖（Debouncing） 防抖是指在事件被触发后，等待一定时间再执行事件处理函数。如果在等待时 ......

分享 7 个和安全相关的 JavaScript 库，守护你的应用 首发2023-08-09 16:00·前端达人 转载说明：原创不易，未经授权，谢绝任何形式的转载 在JavaScript开发的世界中，安全性是保护应用程序免受潜在威胁和漏洞的至关重要。幸运的是，开源社区贡献了各种强大的安全库，可以加强 ......

假设有一个抽屉式菜单，根据手指的touch是会跟着动的，在面板任何地方右拉都会触发抽屉菜单的出现。 菜单隐藏的时候右边的内容是overflow:scroll的 这个时候滑动sroll的同时手指向右都会唤醒抽屉菜单，但是是不允许的。 其实按理来说右侧的面板内容如果一直不跳出文档流，也可能不需要额外处理 ......

JavaScript用法 HTML 中的 Javascript 脚本代码必须位于 <script> 与 </script> 标签之间。 Javascript 脚本代码可被放置在 HTML 页面的 <body> 和 <head> 部分中，下面是一个例子。这个例子是把JavaScript代码放在<bod ......

获取指定日期所在周的第一天（周一） 1 /* 2 *获取指定日期所在周的第一天（周一） 3 *@params{d:string|Date} 默认值：今天 4 *@RETURN:Date 5 */ 6 function getFirstDayOfWeek(d){ 7 var date=d || new ......

​ 这里只写后端的代码，基本的思想就是，前端将文件分片，然后每次访问上传接口的时候，向后端传入参数：当前为第几块文件，和分片总数 下面直接贴代码吧，一些难懂的我大部分都加上注释了： 上传文件实体类： 看得出来，实体类中已经有很多我们需要的功能了，还有实用的属性。如MD5秒传的信息。 public c ......

什么是函数柯里化？ 函数柯里化是一种技术，一种将多入参函数变成单入参函数。 这样做会让函数变得更复杂，但同时也提升了函数的普适性。 举个例子 (例一) //正常函数 function sum(a,b){ console.log(a+b); } sum(1,2); //输出3 sum(1,3); // ......