JavaScript
关注
分享
扫一扫
文章平均质量分 52
我要努力要变强要优秀
天亮之前有一刻是很黑的，星星也没有，月亮也没有。
展开
-
async函数和await关键字
async函数是使用async关键字声明的函数。 async函数是AsyncFunction构造函数的实例， 并且其中允许使用await关键字。async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为，而无需刻意地链式调用promise。转载 2022-03-25 16:29:13 · 610 阅读 · 0 评论 -
【JavaScript学习笔记】面向过程与面向对象
这里写目录标题1.面向过程与面向对象1.1面向过程1.2面向对象1.3面向过程与面向对象对比2.对象与类2.1对象2.1.1创建对象2.2类2.2.1创建类2.2.2类创建添加属性和方法2.2.3类的继承3.面向对象版tab 栏切换3.1功能需求3.2案例准备3.3切换3.4添加3.5删除3.6编辑1.面向过程与面向对象1.1面向过程面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。1.2面向对象面向对象是把事务分解成为.原创 2021-08-10 16:09:13 · 212 阅读 · 1 评论 -
【原生JavaScript案例】面向对象版tab栏切换
目录1.1功能需求1.2案例准备1.3切换1.4添加1.5删除1.6编辑1.1功能需求点击 tab栏,可以切换效果. 点击 + 号, 可以添加 tab 项和内容项. 点击 x 号, 可以删除当前的tab项和内容项. 双击tab项文字或者内容项文字可以修改里面的文字内容1.2案例准备获取到标题元素 获取到内容元素 获取到删除的小按钮 x号 新建js文件,定义类,添加需要的属性方法(切换,删除,增加,修改) 时刻注意this的指向问题1.3切换 ...原创 2021-08-10 15:30:43 · 305 阅读 · 0 评论 -
【JavaScript案例】js实现键盘敲击奏响音符
上面是网页页面布局，实现的是当键盘敲击页面对应的字母按键时，响起相应的音符下面是本案例的代码：index.html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS Drum Kit</title> <link rel="stylesheet" href="style.css"> <link...原创 2021-08-08 07:36:39 · 744 阅读 · 1 评论 -
【JavaScript学习笔记】循环语句（for，while，do...while，continue，break）
1 - 循环1.1 for循环语法结构for(初始化变量; 条件表达式; 操作表达式 ){//循环体}| 名称 | 作用 || ---------- | ------------------------------------------------------------ || 初始化变量 | 通常被用于初始化一个计数器，该表达式可以使用 var 关键字原创 2021-08-08 06:41:30 · 237 阅读 · 0 评论 -
【JavaScript学习笔记】元素偏移量offset系列
获取URL参数关键知识点：location对象 location.search substrsplitlogin.htmlindex.html学习链接：https://www.bilibili.com/video/BV11t4y1i7ht?p=283原创 2021-07-23 17:25:57 · 289 阅读 · 0 评论 -
【JavaScript学习笔记】获取URL参数--location对象
获取URL参数关键知识点：location对象 location.searchsubstrsplitlogin.htmlindex.html学习链接：https://www.bilibili.com/video/BV11t4y1i7ht?p=283原创 2021-07-23 13:09:39 · 219 阅读 · 4 评论 -
【JavaScript学习笔记】location对象--获取URL参数
获取URL参数关键知识点：location对象location.searchsubstr 方法向节点添加最后一个子节点。提示：如果您需要创建包含文本的新段落，请记得添加到段落的文本的文本节点，然后向文档添加该段落。您也可以使用 appendChild() 方法从一个元素向另一个元素中移动元素。2. for(varkindatas[i])：for...in...语句js中使用for(var k in obj)来遍历对象：https://blog.csdn.net/weixin_4565...原创 2021-07-21 15:13:11 · 4636 阅读 · 2 评论 -
Js中className的用法
className可以用来改变标签元素的css类选择器，从而改变元素的样式举个栗子一个简单的无序列表，点击button之前ul的样式为uhh1点击button后，调用check函数中的className将ul的样式由uhh1改为uhh2<style type="text/css"> .uhh1{color:#CCCCCC;font-size:12px;} .uhh2{color:#FF6600;font-size:24px;} </style>...原创 2021-07-17 10:04:59 · 665 阅读 · 0 评论 -
js预解析
JS的预解析过程：1，预解析2，再逐行解读代码，实例：<script>var name="xm";var age=18;function fn(argument){console.log(name);//输出未定义：undefinedvar name="xh";var age=12;}</script>解析：全局作用域，局部作用域，都是通过以下两个步骤进行预解析的。1，先读取有var 的变量(没有使用var的变量是不会被预解析的)，给赋值为：undef原创 2021-07-14 13:04:09 · 183 阅读 · 0 评论 -
学习js函数时的一些小理解碎笔记
<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><script>/*调用函数时才会执行*/function displayDate(){ alert('你好'); return 666;}/*加载页面时就会执行*/var a=displayDate; alert(a());//输出函数.原创 2021-07-13 13:28:40 · 100 阅读 · 0 评论 -
js函数中的关于返回值return的问题
详细说明参考原文链接：https://www.cnblogs.com/kangyuanjiang/p/9915226.html我目前疑惑的是函数体中一定要有返回值吗，如果没有返回值那函数体就不起作用了吗，还是说函数依旧会执行，只是不会有值返回？扩展：...原创 2021-07-13 12:57:30 · 278 阅读 · 0 评论 -
JavaScript参数的理解
JavaScript参数的理解参考链接：https://blog.csdn.net/qq_41945935/article/details/90576763https://www.runoob.com/js/js-function-parameters.html深入理解JavaScript函数参数：https://www.cnblogs.com/cangqinglang/p/9971314.html提取难点关于aruments类数组对象当实参比形参个数要多时，剩下的实参没有办法直接获得，需要使原创 2021-07-13 11:29:39 · 139 阅读 · 0 评论 -
js放到head中失效的原因与解决方法
今天写js碰到一个奇怪的问题，写好的js放到body里面执行，但是放到head中没有任何效果，为什么导致这种原因呢？失效代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con原创 2021-07-11 15:30:38 · 1545 阅读 · 0 评论 -
js计算班级总成绩，班级平均分
html ：<body> <button id="class score">关于班级成绩的计算</button></body>js： /*js计算班级总成绩，班级平均分参数： 总成绩,班级人数，成绩，平均分*/<script> var classScore = document.getElementById('class score'); classScore.onclick = fu原创 2021-07-11 13:11:26 · 2872 阅读 · 0 评论 -
html哪些是块级元素，哪些是行内元素
块级元素：块级大多为结构性标记 <address>...</adderss> <center>...</center> 地址文字 <h1>...</h1> 标题一级 <h2>...</h2> 标题二级 <h3>...</h3> 标题三级 <h4>...</h4> 标题四级 <h5>...<...原创 2021-07-09 18:40:19 · 3207 阅读 · 0 评论