JavaScript
关注
分享
扫一扫
文章平均质量分 63
JavaScript知识点总结
果冻OoO
这个作者很懒，什么都没留下…
展开
-
JavaScript将数组对象从小到大排序
案例<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head>.原创 2022-05-12 20:21:28 · 1799 阅读 · 0 评论 -
JavaScript从题学习——你真的了解indexOf吗？
案例：indexOf是可以传两个参数的，我们从查找字符串"abcoefoxyozzopp"中所有o出现的位置以及次数和['red', 'blue', 'red', 'green', 'pink','red'], 求 red 出现的位置和次数分别来看<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" cont原创 2022-05-11 11:31:08 · 1197 阅读 · 0 评论 -
JavaScript从题学习——预解析案例
前言从题中快速了解和复习下变量提升，函数提升，作用域链预解析案例答案在最后案例1 var num = 10; fun(); function fun() { console.log(num); var num = 20; } // 相当于执行了以下操作 // var num; // function fun() {原创 2022-05-11 11:21:25 · 462 阅读 · 0 评论 -
Javascript全局函数和全局变量
全局变量Infinity代表正的无穷大的数值。 NaN指示某个值是不是数字值。 undefined指示未定义的值。全局函数decodeURI()解码某个编码的URI。 decodeURIComponent()解码一个编码的URI组件。 encodeURI()把字符串编码为 URI。 encodeURIComponent()把字符串编码为URI组件。 escape()对字符串进行编码。 eval()计算JavaScript字符串，并把它作为脚本代码来执行...原创 2022-04-28 20:54:56 · 170 阅读 · 0 评论 -
总结下Promise，好记性不如烂笔头
目录Promise 的介绍和优点Promise 对象的用法和状态使用 Promise 的基本步骤promise 对象的 3 个状态Promise 的方法实例方法then()catch()finally()静态方法Promise.resolve()Promise.reject()Promise.all()Promise.race()还有些其他的Promise 链式调用（封装多个接口）手写promise几个注意点Promise ..原创 2022-04-13 17:09:01 · 1131 阅读 · 0 评论 -
手撕JS——节流throttle
节流（throttle）:不管事件触发频率多高，只在单位时间内执行一次。既该事件不会重复触发，与防抖最大的区别原创 2022-03-15 11:42:18 · 1675 阅读 · 0 评论 -
手撕JS——防抖debounce
由来以下场景往往由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，导致UI停顿甚至浏览器崩溃。1. window对象的resize、scroll事件2. 拖拽时的mousemove事件3. 射击游戏中的mousedown、keydown事件4. 文字输入、自动完成的keyup事件实际上对于window的resize事件，实际需求大多为停止改变大小n毫秒后执行后续处理；而其他事件大多的需求是以一定的频率执行后续处理。针对这两种需求就出现了debounce和throttle两原创 2022-03-14 21:29:12 · 342 阅读 · 0 评论 -
XMLHttpRequest Level2的新特性
目录1、设置HTTP请求时限2、FormData对象管理表单数据3、上传文件（1）定义UI结构（2）验证是否选择了文件（3）向FormData中追加文件（4）使用 xhr 发起上传文件的请求（5）监听onreadystatechange事件4、显示文件上传进度（1）导入需要的库（2）基于Bootstrap渲染进度条（3）监听上传进度的事件（4）监听上传完成的事件旧版XMLHttpRequest的缺点只支持文本数据的传输，无法用来读取和上传...原创 2021-12-27 16:48:36 · 693 阅读 · 0 评论 -
JavaScript：String对象知识点总结
目录前言：一、JavaScript字符串对象简介（1）多行字符串（2）模板字符串（3）字符串可以是对象（4）字符串属性（5）特殊字符二、常用字符串的操作（1）length（2）toUpperCase 和toLowerCase（3）indexOf（4）substring（5）match（6）search（7）replace（8）concat（9）split（10）localeCompare前言：自己参考其他博客和教..原创 2021-07-07 21:00:31 · 639 阅读 · 0 评论 -
JavaScript：Date对象和Math对象常用知识点总结
目录一、Date对象（1）Date简介（2）创建指定日期和时间的Date对象二、Math对象一、Date对象（1）Date简介在JavaScript中，Date对象用来表示日期和时间。要获取系统当前时间，用：var now = new Date();now; // Wed Jun 24 2015 19:49:22 GMT+0800 (CST)now.getFullYear(); // 2015, 年份now.getMonth(); // 5, 月份，注原创 2021-07-08 15:42:21 · 281 阅读 · 0 评论 -
ES6常见知识点总结
目录前言1.1块级作用域1.1.1 什么是变量作用域1.1.2 没有块级作用域造成的问题1.2 const的使用1.3 ES6的增强写法1.3.1 ES6的对象属性增强型写法1.3.2 ES6对象的函数增强型写法1.4 箭头函数1.4.1 认识箭头函数1.4.2 箭头函数的参数和返回值1.4.3 箭头函数的this使用1.5高阶函数1.5.1 filter过滤函数1.5.2 map高阶函数1.5.3 reduce高阶函数1.5.4综合使用原创 2021-11-25 15:51:39 · 1490 阅读 · 0 评论 -
JavaScript：Dom知识点总结
目录一、DOM简介二、HTML DOM 树形结构:三、DOM 节点节点类型节点父、子和同胞（1） 父级节点（2）子节点childNodes（3）子节点children（4）子节点first和last（5）兄弟节点四、DOM对象1、查找 HTML 元素常用方法（1）get方法（2）querySelector 和 querySelectorAll（3）获取特殊元素（body，html）2、事件基础（1）事件概述（2）事件三要素（.原创 2021-07-21 17:25:17 · 1433 阅读 · 0 评论 -
JavaScript:Array对象知识点总结
一、数组简介数组对象是使用单独的变量名来存储一系列的值。JavaScript的Array可以包含任意数据类型，并通过索引来访问每个元素。var stars = array();stars[0] = "Jay";stars[1] = "Huahua";stars[2] = "JJ";var stars = Array("Jay","Huahua","JJ");var stars = ["Jay","Huahua","JJ"];要取得Array的长度，直接访问length..原创 2021-07-08 14:26:09 · 214 阅读 · 0 评论