JS基础
关注
分享
扫一扫
JS基础总结
红嘴-蓝鹊
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS：ES6_解构赋值
一、解构赋值 快速地从复杂结构中提取我要的内容1. 简单对象的解构 <script> const obj = { name: "胡莎", age: 18, gender: "女", isRich: true }; /* 解构赋值 */ // let {name} = obj // let {age} = o原创 2022-02-21 18:48:59 · 180 阅读 · 0 评论 -
JS：正则表达式
一、创建正则表达式 <script> // 什么是正则表达式 “规则表达式” // 就是我们通过一些符号和特殊符号组成一个模式 // 用来检测字符串是不是符合我写的 “规则” // 怎么写一个正则 // 字面量创建 var reg1 = /\d{5,}@qq\.com/ //内置构造函数创建 var reg2 = new RegExp("\\d{5,}@qq\\.com") // 打印正则对象的字面量原创 2022-02-18 17:47:07 · 403 阅读 · 0 评论 -
JS：随机女友_DOM练习题
<!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>D.原创 2022-02-11 19:27:30 · 1072 阅读 · 0 评论 -
JS：打字游戏_键盘事件监听
1. 打字游戏屏幕随机出现字母或数字 用户按下键盘，屏幕显示回答正确与否 当用户按下ESC时游戏结束<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=原创 2022-02-10 20:33:12 · 2213 阅读 · 0 评论 -
JS：BOM应用_随着滚动条出现顶部通栏、返回顶部按钮
<!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>D.原创 2022-02-09 17:08:51 · 183 阅读 · 0 评论 -
JS：浅拷贝、深拷贝的理解
1. 浅拷贝 = 拷贝地址 修改副本会相互影响 <script> // 1.浅拷贝 = 拷贝地址 修改副本会相互影响 var liqin = { name: "李沁", age: 24, married: true, children: [] } var husha = { name: "胡莎",原创 2022-02-08 16:08:19 · 411 阅读 · 0 评论 -
JS：创建Date对象、Date对象的API、计算时间差
1.创建Date对象方式 <script> // 创建Date对象 function demoCreateDate(){ // 1. 无参默认创建当前时间的Date对象 // var date = new Date(); // console.log(date); //Mon Feb 07 2022 15:38:40 GMT+0800 (GMT+08:00) .原创 2022-02-07 16:31:03 · 587 阅读 · 0 评论 -
JS：选择排序与冒泡排序
1. 选择排序 <script> var arr = [9, 6, 5, 3, 1, 4, 2, 8, 7, 10] // 选择排序逻辑 // 锁定一个位置，将未排序元素中最小的元素找出，与【锁定位元素】交换位置 // 锁定下一位，继续找出剩余元素中最小的，与【锁定位元素】交换位置 for (let min = 0; min < arr.length - 1; min++) {原创 2022-02-07 15:27:39 · 756 阅读 · 0 评论 -
JS：获取元素全部样式
1.获取非行间样式window.getComputedStyle(div) IE 9 以上使用 div.currentStyle IE 8 及一下使用<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial.原创 2022-02-04 23:13:43 · 1398 阅读 · 0 评论 -
JS：操作DOM元素（增、删、改、查）
一、增1. 创建一个节点 createElement、createTextNode<body> <div> <p> <span>李沁，我喜欢你！</span> </p> </div> <script> var div = document.querySelector('div'); var原创 2022-02-03 19:50:50 · 2745 阅读 · 0 评论 -
JS：隔行变色的表格
一、表格制作<body> <table cellspacing="0"> <thead> <tr> <th>序号</th><th>姓名</th><th>年龄</th><th>性别</th><th>操作</th> </tr>原创 2022-02-03 00:40:14 · 504 阅读 · 0 评论 -
JS：DOM 获取节点
1. 获取元素下的所有 **子节点** .childNodes<body> <div> 我是第一个文本节点 <!-- 我是一个注释 --> <p>1</p> 我是最后一个文本节点 <p>2</p> </div> <script> var div = document.quer原创 2022-01-31 20:54:35 · 1774 阅读 · 0 评论 -
JS：this关键字
1.谁在调用当前函数，this就指向谁无主语，直接调用的函数，this指向是window <script> function fn(){ console.log(this); } fn(); //this指向window </script> 主语.方法名() 方法内部的this指的是主语 <script> var liqin = { .原创 2022-01-29 22:37:42 · 309 阅读 · 0 评论 -
JS：DOM操作标签元素
1. 操作内容_innerText、innerHTML<style> .box { width: 100px; height: 100px; background-color: blueviolet; text-align: center; font: 24px/100px "宋体"; }</style><body> <div class="box"&原创 2022-01-27 22:40:14 · 684 阅读 · 0 评论 -
JS：string常用方法API_练习题
1. 给一段文章中的全部指定词语进行过滤，自己编辑一个敏感词数组，将指定文章中的所有敏感词都替换为等量的 * <script> var dirtywords = ['萨比', '你妹', '握草']; var passages = "萨比，快点过来，你妹在等你，握草，你这个萨比！"; for (const word of dirtywords) { passages = passages.replaceAll(原创 2022-01-24 13:53:53 · 520 阅读 · 0 评论 -
JS：什么值转布尔会得到 false
1. " " 、 0 、NaN 、 null 、 undefined <script> var str = ""; console.log(Boolean(str)); //false var num = 0; console.log(Boolean(num)); //false console.log(Boolean(NaN)); //false var a = null;...原创 2022-01-17 20:58:23 · 166 阅读 · 0 评论 -
JS：数组强化练习
1. 定义一个含有30个整型元素的数组，按顺序分别赋予从2开始的偶数；然后按顺序每五个数求出一个平均值，放在另一个数组中并输出。试编程。 <script> // 1. 定义一个含有30个整型元素的数组，按顺序分别赋予从2开始的偶数； // 然后按顺序每五个数求出一个平均值，放在另一个数组中并输出。试编程。 function getAvgArray() { var arr = [];原创 2022-01-19 21:21:52 · 1238 阅读 · 0 评论 -
JS: for循环_练习题（16道常规题）
JS: for循环_练习题（16道常规题）1．入职薪水10K，每年涨幅5%，50年后工资多少？2．打印100以内 7的倍数3．打印100以内的奇数4. 打印100以内所有偶数的和5. 打印图形6. 打印100–200之间所有能被3或者7整除的数7. 计算10的阶乘 10!8. 计算1+3+5+...+99的和9. 99乘法表10. 求100-999之间的水仙花数。 算法 : abc = a ³ + b³ + c ³11. 输出20-80之间能被3整除的整数，每5个一行********原创 2022-01-13 16:51:57 · 3792 阅读 · 0 评论 -
JS：string常用方法API
1. charAt() 方法从一个字符串中返回指定的字符 <script> function demoCharAt() { var str = "我愿意为你放弃曾经那些年少轻狂"; console.log(str.length); //15 for (let i = 0; i < str.length; i++) { console.log(str.char原创 2022-01-20 17:50:02 · 666 阅读 · 0 评论 -
JS：声明式函数与赋值式函数有何不同？
1. 声明式函数调用函数的代码既可以放到声明函数的前面，也可以放在声明函数的后面2. 赋值式函数函数调用的代码必须写到函数体后面原创 2022-01-18 15:41:34 · 566 阅读 · 0 评论 -
JS：定时器练习
1. 3秒后引爆炸弹<body> <p id="Bomb">距离炸弹爆炸还有10秒！</p> <button id="btn">拆取炸弹</button> <script> // 3秒后引爆炸弹 function timerBomb1() { // 引爆炸弹的赋值式函数 var handler = function () {原创 2022-01-18 20:44:53 · 640 阅读 · 0 评论 -
JS：数组的常用方法
1. push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度 <script> /* push() 方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度。 */ function demoPush() { var arr = [2, 4, 6, 8, 10]; var newArr = arr.push(12); console.log(newArr);//原创 2022-01-19 17:21:08 · 727 阅读 · 0 评论 -
JS: ES5中数组常用的批处理
ES5中数组常用的批处理，forEach()、map()、filter()、every()、some() 、reduce()原创 2022-01-15 15:32:15 · 595 阅读 · 0 评论 -
JS: 参数传递（值传递和引用传递）
JS: 参数传递（值传递和引用传递）1.基本数据类型：string、number、boolean、null、undefined2.引用数据类型：funcition、array、object . . . .3.值传递和引用传递：值传递针对基本数据类型，引用传递针对引用数据类型，传递可以理解为复制变量值。原创 2022-01-15 17:01:37 · 4429 阅读 · 0 评论 -
JS：什么是预解析？
1. 浏览器的JS引擎对脚本的处理过程：先通读，再执行2. 通读的过程即预解析3. 遇到变量（var xxx）分配内存 填充undefined4. 遇到函数（function xxx(){...}）分配内存 直接填充代码5. 导致的一些现象变量提升：在变量var之前就已经能访问，只不过类型和值都是undefined函数提升：声明式函数可以在声明前直接访问...原创 2022-01-18 15:06:00 · 207 阅读 · 0 评论 -
JS: 函数（function）练习题_14题
1. 编写一个函数，计算两个数字的和差积商 <script> function calculate(a, b) { return [a + b, a - b, a * b, a / b] } btn1.onclick = function () { var a = num1.value * 1; var b = num2.value * 1;原创 2022-01-17 17:03:45 · 1656 阅读 · 0 评论 -
JS：JS是如何存储不同类型的变量的？
一、数据类型之间存储的区别（重点） 既然我们区分了基本数据类型和复杂数据类型 那么他们之间就一定会存在一些区别 他们最大的区别就是在存储上的区别 我们的存储空间分成两种 栈 和 堆 栈： 主要存储基本数据类型的内容 堆： 主要存储复杂数据类型的内容 二、基本数据类型在内存中的存储情况直接在 栈空间 内有存储一个数据三、复杂数据类型在内存中的存储情况 在堆里面开辟一个存储空间 把数据存储到存储空间内 ...原创 2022-01-19 08:45:34 · 420 阅读 · 0 评论 -
JS：DOM获取页面元素
1. 通过id获取页面元素__document.getElementById<body> <div id="box"> <ul> <li class="box_items">李沁</li> <li class="box_items">迪丽热巴</li> <li class="box_items">李一桐</原创 2022-01-25 23:17:53 · 505 阅读 · 0 评论