初叙

（1）给父元素中填充新的元素//创建新的子元素var li_f = document.createElement("li");//元素添加样式li_f.className = a===0?"layui-nav-item layui-nav-itemed":"layui-nav-item";//填充到父元素中treelayer.appendChild(li_f);（2）修改元素的classif ($li.className.search("layui-nav-itemed") &gt

给元素添加删除class//添加li_f.classList.add("layui-this");//删除$checkedMenu[0].classList.remove("layui-this");

一个.html页面引用的.js代码动态修改资源路径时，用.html对应的路径！！！

function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) return unescape(r[2]); retu..

通过js代码来改变单选框的选中状态：//选中$("#id").attr('checked',true);//第2种写法$("#id").attr('checked','checked');注：checked的值为true或false没有引号，设置为'checked'时不能忘记引号。//不选中$("#id").attr('checked',false);...

关于split()参数中的正则表达式：https://blog.youkuaiyun.com/shenzhennba/article/details/8086110

使用declare创建的类可以使用inherited方法来调用其父类被覆盖掉的方法。

js常用方法整理

js字符串'true'，'false'转布尔类型

js 截取字符串

数据删除指定位置的元素array.splice(index, 1);

问题描述：直接从另外一个项目复制的js代码，在新项目中报以下错误Method definition shorthands are not supported by current JavaScript version解决：在idea的设置中进行如下设置

获取元素子元素的个数进行判断varnumber=$("#div_id").children().length;

应用描述：每次选不同的选项，生成不同的子菜单，此时需要改变菜单标题中的文本显示，使用.innerText()方法改变<span>标签内的文本。document.getElementById('menu_title').innerText = title;

应用描述：根据一级菜单中的选项将选项下的子节点生成一个二级目录，第一个子菜单生成之后选择第二个选项的时候就要把之前的子目录干掉，再把新的子节点目录装进去，此时使用.empty()方法清除该元素下的子元素。//清空子元素$("#second_menu").empty();...

直接相减会有误差，借鉴https://blog.youkuaiyun.com/hmq1350167649/article/details/107755871?utm_medium=distribute.pc_relevant_bbs_down.none-task--2~all~first_rank_v2~rank_v29-6.nonecase&depth_1-utm_source=distribute.pc_relevant_bbs_down.none-task--2~all~first_rank_v2~ran

深拷贝

map()创建一个新的数组，其结果是该数组中每个元素都调用一遍提供的函数的结果。/**callback:用来生成新数组的函数currentValue:当前正在处理的元素index:正在处理的元素的索引array:调用map()的数组——.map()前面的arr**/var newArray = arr.map(function callback(currentValue,index,array) { //对每个元素的处理});...

创建型设计模式关注对象如何创建，通过模式方法，解决基本的创建对象过程中给项目增添的复杂性，创建型设计模式的目的就是通过控制创建过程解决此类问题。例如构造器模式、工厂模式、抽象工厂模式、原型模式、单例模式、建造者模式。结构设计模式结构模式关注于对象组成和对象之间的关系。该模式应用于当系统的某一部分需要发生改变的时候而不改变系统结构，有助于对系统中的某部分进行重组。例如：装饰模式、外观模式、享元模式、适配器模式、代理模式。行为设计模式：关注改善或者精简系统中不同对象的值。例如：迭

用法：Object.assign(target,s1,s2...)将所有可枚举属性的值从一个或者多个源对象中复制到目标对象中，返回目标对象。注：对于复制的新对象是深拷贝，对于属性为引用类型的属性对象而言，该方法只拷贝了对象的引用，即浅拷贝。...

事件：（一）事件流：描述页面中接收事件的顺序。（二）事件冒泡：最具体的元素接收，然后逐级向上传播至最不具体的节点（文档）。（三）事件捕获：由最不具体的元素接收，最具体的节点最后接收到事件。事件处理：（一）HTML事件处理：直接添加在HTML结构中。在元素中添加事件监听。缺点：监听某个方法，HTML和JavaScript两部分修改代码就比较麻烦。（二）DOM0级事件处理：把一个函数赋值给一个事件处理程序。在JavaScript中通过获取元素，使用函数操作事件。.oncl

JavaScript提供6种基本的值类型：数字（number）、字符串（String）、布尔值（boolean）、对象（object）、函数（function）、未定义类型（undefind）。arguments对象在每次调用函数的时候会向函数体内添加一个特殊变量，这个变量指向了一个包含该次调用的所有参数的对象。length属性：表示传入参数的个数。Math对象生成随机数：Math.random() * 10;向下取整：Math.floor();向上取整：Math.ceil();

判断相等有两种：==在两个值是不同类型时会进行自动类型转换，然后再比较。===要求类型和值都要相等，如果类型不相等直接返回false。以下是JS中的类型转换：值 字符串操作环境 数字运算环境 逻辑运算环境 对象操作环境 undefined "undefined" NaN false Error null "null" 0 false Error 非空字符串 不转换 字符串对应的数字/NaN tru.

箭头函数相当于一个匿名函数，左边是参数，右边是返回。x => x * x就相当于function (x) { return x * x;}语法：(参数1,参数2,...,参数n) => {函数声明/表达式}注：只有一个参数的时候，圆括号是可以省略的。 返回一个对象的时候，要用小括号把对象的大括号包起来。 箭头函数不能使用new...

array.filter()方法创建一个新的数组，符合指定条件的全部元素。它不会改变原来的数组，并且对空数组不进行检测。

JavaScript BOM模型

初始JavaScript，简单介绍

JavaScript中一切都可以是对象，除了提供的内建对象外还允许自己去自定义一些对象。访问对象属性：对象.属性名称访问对象的方法：对象.方法名称JavaScript中有两种创建对象的方式:（1）定义并创建对象的实例;person = new Object();person.firstName = "John";person.lastName = "Doe";person.age = 50;（2）使用函数来定义对象,然后在创建新的对象实例.//使用对象构造器funct

DOM文档对象模型（Document Object Model），在页面加载的时候，浏览器会创建页面的DOM。通过DOM可以访问JavaScript HTML文档中的所有元素。JavaScript可以创建动态的HTML：改变HTML元素； 改变HTML的属性； 改变CSS样式； 对页面所有事件做出反应。查找HTML元素可通过三种方式：id、标签名和类名。...

字面量（固定的值）：数字字面量 字符串字面量 表达式字面量 副本字面量 对象字面量 函数字面量变量（存储数据值）：var定义=进行赋值数据类型：基本数据类型:String\Number\Boolean\Null\Undefined\Symbol(ES6新引入的原始数据类型,代表独一无二的值)Null和Undefind的区别:他们的值是相等的,但是类型不同.引用数据类型:Array\Object\Function类型转换:强制转换:String(变量) toStr

JavaScript更改html内数据

display——控制显示none：隐藏block：显示

document.getElementById('元素id').属性