javascript部分（二）
调试代码：1 打开浏览器控制面板
2 找到srouces，找到页面源代码
3 在需要暂停的代码，那一行左侧单击行号，添加一个断点 break point
4 刷新页面让程序重新执行
5 根据右侧的控制面板，让程序按步骤一次执行，观察过程中变量的变化
什么时候使用while，什么时候使用for：
当循环次数不能确定的时候，适合用while循环
当循环次数比较确定的时候，适合用for循环
continue和break之间的区别：
continue:直接跳出本次循环，下次循环继续
break:终止整个循环，使循环不再继续
什么是数组：
用来存储多个相同类型的数据的容器
数组的下标：
下标计数从0开始
通过下标，可以从数组当中取出某一个数据
数组的便携操作API：
会改变原数组：
arr2.push()--------向数组的末尾添加数据
arr2.pop()---------删除最后一位
arr2.unshift()------向头部添加数据
arr2.shift()---------删除头部的元素
arr2.splice(3,1)----删除第四个
不会改变原数组：
arr2.slice(4)--------参数4，表示，从下标为4的位置，开始截取。截取数组的一部分，生成一个新数组（原数组不会改变的）
常见的事件类型：
鼠标事件：
鼠标单击（左键和右键，滚轮）
鼠标的双击
鼠标的划入
鼠标的划出
鼠标的长按
鼠标的按下
鼠标的抬起
鼠标的移动
键盘事件：
键盘按下
键盘抬起
键盘的按下并抬起
功能键（ctrl + alt + shift + capslock .....
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
jQuery（DOM操作）：
DOM: Document Object Model--------------文档对象模型
使用$函数来获得页面元素：
$(".box")------函数接受一个字符串作为选择器用来选取对应的元素
DOM操作：
增加：$("<div>")
删除：ele.remove()
修改：
ele.html("xxxxx")
ele.css("color","#fff")
ele.empty()
查找：
$("选择器")---------查元素
ele.html()-----------获取内部文本
ele.val()-------------获取value属性
ele.width()----------获取宽度
ele.position()-------获取元素对应父元素的位置
this关键字：指代当前对象（即当下触发函数的源头，通常情况下this指代当前发生事件的DOM元素）
常用使用方法:(括号中的xxxx表示的时间)
$(".box").show(xxxx); ------------显示
$(".box").hide(xxxx);-------------隐藏
$(".box").slideUp(xxxx);----------向上收起
$(".box").slideDown(xxxx);--------向下展开
范例引用：
$("button").click(function(){
let str = $("input").val();
------------------------------------------------------------生成一个P标签, 添加到body当中
let p = $("<p>");------------------------------------------创建P标签
p.css("background","pink");
p.html(str); ------------------------------------------------给P标签添加文本内容
p.appendTo($(".box")); -----------------------------------把P标签放到.box标签的末尾
p.prependTo($(".box")); ----------------------------------把P标签放到.box标签的开头
p.insertAfter( $(".box") ) ----------------------------------把P标签放到.box标签的后面
p.insertBefore( $(".box") ) --------------------------------把P标签放到.box标签的前面
$(".box").after(p); -----------------------------------------在.box这个元素的后面添加一个P
p.after($(".box"))------------------------------------------在P的后面添加.box这个元素
})
let lastTD = $("<td>");
let delBtn = $("<button>删除</button>");
lastTD.append( delBtn )
tr.append(lastTD);----------------------向tr里加..........
tr.appendTo(lastTD);-------------------把tr加到........
更新了一部分DOM的内容，老师讲课时候顺道讲了我就也顺道整理了~不足的地方大佬们评论区补充~
javascript部分（一）
HTML和CSS部分
学习html总结（一）
学习html总结（二）
学习html总结（三）
学习html总结（四） 最近开始看前端课程，谢谢分享总结{:1_893:} let p = $("<p>");------------------------------------------创建P标签
这个还能创建一个标签？ 什么是数组：
用来存储多个相同类型的数据的容器
你学的是js 不是java 什么是数组：
JS是弱类型语言，普通数组里可以同时容纳多种不同类型的元素。
也有一类特殊的数组类型，叫“TypedArray”，顾名思义，就是有类型的数组，这种数组通常用于处理二进制数据或跟C++等强类型语言通信。
数组的下标：
更常用的说法叫做“索引”，用英文index翻译来，数组的索引同时也是“字段（field）”，当把数组当做参数传给一些处理对象的函数或方法中的时候，会将数组当成字段为索引的对象来处理。
数组的便携操作API：
可以参考文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array#%E6%96%B9%E6%B3%95
左侧列表中“方法”的部分有很多，功能很全，很多情况下可以代替循环。
jQuery是一个挺古老的库了，早先Web API比较匮乏，处理DOM比较麻烦，jQuery是因为这个原因而出现的。但现在Web API已经相当丰富了，浏览器直接提供了几乎能替代jQuery所有功能的API，所以现在来说，除非维护一些老项目，否则已经没有必要再用jQuery了。
在GitHub上有一篇文章，叫《你不需要jQuery》，讲解了如何使用浏览器原生提供的API来替代jQuery的各项功能。 libook7 发表于 2021-8-17 10:47
什么是数组：
JS是弱类型语言，普通数组里可以同时容纳多种不同类型的元素。
也有一类特殊的数组类型，叫 ...
谢谢分享，有时间我会好好看看那篇文章，但是老师讲的就是jQuary所以就总结了，其他的东西我会自学的，万分谢谢~ zhou773 发表于 2021-8-17 10:20
什么是数组：
用来存储多个相同类型的数据的容器
好多东西都是互通的所以难免会涉及{:1_909:}
页:
[1]