JavaScript
关注
分享
扫一扫
js学习记录
zmm_mohua
这个作者很懒，什么都没留下…
展开
-
js - DOM
js - DOMDOMjs - DOM一、文档的加载1.1 概述二、属性和方法2.1 概述2.2 实例三、增删改3.1 概述3.2 实例四、读取元素的样式4.1 概述4.2 实例五、事件5.1 概述5.2 实例六、事件的冒泡6.1 概述6.2 实例七、事件的绑定7.1 概述7.2 实例八、事件的传播8.1 概述九、键盘事件9.1 概述9.2 实例一、文档的加载1.1 概述文档的加载 浏览器在加载一个页面时，是按照自上而下的顺序加载的，读取到一行就运行一行。 -如果将js代码写原创 2022-05-10 11:51:16 · 98 阅读 · 0 评论 -
js - BOM
js - BOMBOMjs - BOM一、简介1.1 概述二、Navigator2.1 概述2.2 实例三、History3.1 概述四、Location4.1 概述五、定时器5.1 概述一、简介1.1 概述BOM -浏览器对象模型 -在BOM中为我们提供了一组对象，用来完成对浏览器的操作 1、BOM对象 1）window -代表的是整个浏览器的窗口，同时w原创 2022-05-10 11:51:27 · 198 阅读 · 0 评论 -
js - Math
js - Math概述Math 1、Math和其他对象不同，它不是一个构造函数，它属于一个工具类不用创建对象，它里边封装了数学运算相关的属性和方法 2、圆周率：Math.PI 3、绝对值：Math.abs(变量) 4、对x向下取整：Math.floor(x) 5、对x向上取整：Math.ceil(x) 6、对x四舍五入：Math.round(x)原创 2022-05-10 11:51:36 · 130 阅读 · 0 评论 -
js - JSON
js - JSON概述JSON分类： 1、对象 {} 2、数组 []JSON中允许的值： 1、字符串 2、数值 3.布尔值 4、null 5、对象 6、数组JSON -> js对象：JSON.parse(json)js对象 -> JSON：JSON.stringify(obj)eval()原创 2022-05-10 11:51:54 · 157 阅读 · 0 评论 -
js - Date
js - Date概述Date对象 1、在js中，使用Date对象来表示一个时间 2、获取当前时间，即：new Date() 3、获取指定时间，传入一个时间字符串作为参数（月/日/年 时/分/秒），即：new Date("1/27/1998 11:10:10") 4、时间戳指的是从格林威治标准时间的1970年1月1日，0时0分0秒到当前日期所花费的毫秒数，计算机底层保存时间时使用的都是时间戳实例<script> let d = new原创 2022-05-10 11:52:02 · 113 阅读 · 0 评论 -
js - 字符串
js - 字符串概述字符串：在底层字符串以字符数组的形式进行保存 1、length：字符串长度 2、charAt()：获取字符串指定位置的字符 3、charCodeAt()：获取指定位置字符的字符编码（Unicode编码） 4、String.formCharCode()：可以根据字符编码去获取字符 5、concat()：可以用来连接两个或多个字符串，对原字符串不会产生影响原创 2022-05-10 11:52:27 · 74 阅读 · 0 评论 -
js - 正则表达式
js - 正则表达式正则表达式js - 正则表达式一、简介1.1 概述1.2 实例二、字符串和正则2.1 概述2.2 实例一、简介1.1 概述正则表达式 1、创建正则表达式 -语法1：var 变量 = new RegExp("正则表达式", "匹配模式") -语法2：var 变量 = /正则表达式/匹配模式 -使用typeof检查正则对象，会返回object 2、正则表达式的方法原创 2022-05-09 21:40:25 · 169 阅读 · 0 评论 -
js - 样式类
js - 样式类实例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>类的操作</title> <style> .b1 { width: 100px; height: 100px;原创 2022-05-09 21:37:12 · 155 阅读 · 0 评论 -
js - 线程机制与事件机制
js - 线程机制与事件机制线程机制与事件机制js - 线程机制与事件机制一、进程与线程1.1 概述二、浏览器内核2.1 概述三、定时器的思考3.1 概述3.2 实例四、js是单线程执行的4.1 概述五、Web Workers5.1 概述5.2 实例一、进程与线程1.1 概述1、进程：程序的一次执行，它占有一片独有的内存空间；可以通过windows任务管理器查看进程2、线程：是程序内的一个独立执行单元；是程序执行的一个完整流程；是cpu的最小调度单元3、进程与线程 1）应用程序必须运行在某原创 2022-05-09 21:36:00 · 368 阅读 · 0 评论 -
js - 运算符
js - 运算符概述1、typeof：可以判断变量的数据类型，以字符串的形式返回，其值有 "number"，"string"，"boolean"，"object",...2、+ ：与字符串做运算时，会将其转换为字符串再做运算 1）true ==> 1 2）false ==> 0 3）null ==> 0 4）undefined ==> NaN 5）NaN ==> NaN3、- * / ：如果与其他字符做运算，会先将其他字符转换成数字再做运算原创 2022-05-09 21:26:07 · 137 阅读 · 0 评论 -
js - 条件循环分支
js - 条件循环分支条件循环分支js - 条件循环分支一、条件分支语句1.1 实例二、条件语句2.1 实例三、for循环3.1 概述3.2 实例四、while 和 do while4.1 概述4.2 实例一、条件分支语句1.1 实例<script type="text/javascript"> function fun1(){ let num = +prompt("请输入数字："); switch(原创 2022-05-09 21:22:57 · 210 阅读 · 0 评论 -
js - 函数
js - 函数函数js - 函数一、基础知识1.1 简介1.1.1 实例1.2 call 和 apply1.2.1 概述1.3 arguments1.3.1 概述1.4 回调函数1.4.1 概述1.5 IFEE1.5.1 概述1.5.2 实例二、原型与原型链2.1 原型与原型链2.1.1 概述2.2 显示原型与隐式原型2.2.1 概述2.2.2 实例2.3 原型链2.3.1 概述2.3.2 实例2.4 instanceof2.4.1 概述2.5.2 实例2.5 练习2.5.1 实例三、执行上下文3.1 变原创 2022-05-09 21:14:57 · 687 阅读 · 0 评论 -
js - 对象
js - 对象对象js - 对象一、简介二、基本数据类型和引用数据类型三、this四、使用工厂方法创建对象4.1 概述4.2 实例五、构造函数5.1 概述5.2 实例六、原型对象6.1 概述6.2 实例七、原型链继承7.1 概述7.2 实例八、借用构造函数继承8.1 概述8.2 实例九、组合继承9.1 概述9.2 实例一、简介1、 对象属于一种复合数据类型，在对象中可以保存多个不同数据类型的属性2、对象的分类 1）内建对象 -由ES标准中定义的对象，在任何的ES的实现中都可以使用原创 2022-05-09 20:34:34 · 454 阅读 · 0 评论 -
js - 数组
js - 数组数组js - 数组简介数组的方法实例简介数组 1、存储数组中的元素，语法：数组名[下标] = 值 2、读取数组中的元素，如果读取不存在的索引，不会报错而是返回undefined 3、获取数组的长度，语法：数组名.length 1）对于连续的数组，使用length可以获取到数组的长度（元素的个数） 2）对于非连续的数组，使用length会获取到数组的最大索引+1 3）修改length - 如果修改的length大于原长度原创 2022-05-09 20:15:33 · 121 阅读 · 0 评论 -
js - 数据类型
js - 数据类型数据类型js - 数据类型一、简介1.1 基本数据（值）类型1.2 对象数据（引用）类型1.3 判断数据类型1.4 undefined 与 null 的区别1.5 实例二、数据_内存_变量2.1 数据2.1 内存2.3 变量2.4 内存，数据，变量三者之间的关系2.5 js调用函数时参数传递方式2.6 js如何管理内存三、包装类3.1 简介四、数据类型转换4.1 Boolean强制数据类型转换4.1.1 实例4.2 Number强制数据类型转换4.2.1 实例4.3 String强制数据原创 2022-05-09 20:07:48 · 109 阅读 · 0 评论 -
FED3 dom 节点查找
FED3 dom 节点查找题目代码function commonParentNode(oNode1, oNode2) { let parent1 = oNode1.parentNode; let parent2 = oNode2.parentNode; if(parent1 == parent2){ return parent1; }else{ commonParentNode(parent1, parent2); }}原创 2022-03-27 20:33:23 · 297 阅读 · 0 评论 -
FED1 修改 this 指向
FED1 修改 this 指向代码function bindThis(f, oTarget) { //call /* return function(){ return f.call(oTarget, ...arguments); }*/ //apply /*return function(){ return f.apply(oTarget, arguments); }*/ //bind r原创 2022-03-25 18:48:05 · 228 阅读 · 0 评论 -
FED12 Function.bind
FED12 Function.bind题目分析bind函数会返回一个新的函数且该新函数内部通过apply修改了函数内部this指向，核心步骤有：1）创建一个新this用来保存旧的this对象2）返回一个匿名函数，该匿名函数返回通过apply修改了指针指向的函数运算结果代码<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <原创 2022-03-25 18:39:40 · 270 阅读 · 0 评论 -
FED10 _objectCreate
FED10 _objectCreate题目分析Object.create：创建一个新对象，使用现有的对象来提供新创建的对象的proto1）创建一个临时函数2）将该临时函数的原型指向对象参数3）返回该临时对象的实例代码<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <原创 2022-03-24 14:32:32 · 135 阅读 · 0 评论 -
FED9 Array.reduce
FED9 Array.reduce题目代码<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <script type="text/javascript"> // 补全代码 Array.prototype._reduce =原创 2022-03-23 20:09:31 · 467 阅读 · 0 评论 -
FED8 实现 Array.filter
FED8 实现 Array.filter题目代码<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <script type="text/javascript"> // 补全代码 Array.prototype._filter = f原创 2022-03-22 16:02:18 · 326 阅读 · 0 评论 -
FED7 Array.map
FED7 Array.map题目代码<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <script type="text/javascript"> // 补全代码 Array.prototype._map = function(F原创 2022-03-19 16:41:17 · 303 阅读 · 0 评论 -
FED6 instanceof
FED6 instanceof原型链题目代码<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <script type="text/javascript"> const _instanceof = (target, Fn) => {原创 2022-03-18 13:15:57 · 174 阅读 · 0 评论 -
FED5 全排列
FED5 全排列题目代码<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <script type="text/javascript"> // 补全代码 const _permute = strin原创 2022-03-17 22:51:20 · 226 阅读 · 0 评论 -
FED4 快速排序
FED4 快速排序题目代码<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <script type="text/javascript"> const _quickSort = array => { // 补原创 2022-03-16 14:46:41 · 400 阅读 · 0 评论 -
FED2 数组去重
FED2 数组去重题目代码<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <script type="text/javascript"> const _deleteRepeat = array => { /原创 2022-03-16 14:16:14 · 413 阅读 · 0 评论 -
FED1 事件委托
FED1 事件委托题目分析区分 target 和 currentTarget ：target ：表示当前触发的事件currentTarget：表示绑定事件的处理函数代码<!DOCTYPE html><html> <head> <meta charset=utf-8> </head> <body> <ul> <li>.<原创 2022-03-15 12:27:45 · 144 阅读 · 0 评论