javascript部分（二）

王海宇53638332

调试代码：
        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总结（四）

lllstone666

最近开始看前端课程，谢谢分享总结

d199212

let p = $("<p>");------------------------------------------创建P标签
这个还能创建一个标签？

zhou773

什么是数组：
        用来存储多个相同类型的数据的容器

你学的是js   不是java

libook7

什么是数组：
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的各项功能。

王海宇53638332

libook7 发表于 2021-8-17 10:47
什么是数组：
JS是弱类型语言，普通数组里可以同时容纳多种不同类型的元素。
也有一类特殊的数组类型，叫 ...

谢谢分享，有时间我会好好看看那篇文章，但是老师讲的就是jQuary所以就总结了，其他的东西我会自学的，万分谢谢~

王海宇53638332

zhou773 发表于 2021-8-17 10:20
什么是数组：
        用来存储多个相同类型的数据的容器

好多东西都是互通的所以难免会涉及