金小刚_20210114金小刚

知识点总结

css部分

定位

定位（position）在正常的文档流中取出元素，并使具有不同的行为。定位分为静态定位、相对定位、绝对定位、固定定位

静态定位：静态定位是每个元素的默认值，意味着每个正常文档流中的元素具有这个属性，所以一般看不出什么特别的。

position：static；

相对定位：相对定位与静态定位相似，占据正常文档流。

position：relative；

绝对定位：生成绝对定位的元素，相对于static定位以为的第一个元素进行定位（意味着如果没有找到relative则会一直找下去，若没有找到则会找到html这个元素进行绝对定位），绝对定位不存在与正常的文档流中。

position：absolute；

固定定位：与绝对定位一样，区别在于：固定定位固定元素则是针对于浏览器视口本身。

position：fixed；

一个可用的位置值称为 position: sticky，比起其他位置值要新一些。它基本上是相对位置和固定位置的混合体，它允许被定位的元素表现得像相对定位一样，直到它滚动到某个阈值点（例如，从视口顶部起10像素）为止，此后它就变得固定了。

层级样式优先级

在设置相同属性时：Id选择器>Class选择器>标签选择器

用!important提升优先级

JavaScript部分：

JavaScript Window - 浏览器对象模型（BOM）

BOM为浏览器对象模型（Browser Object Model (BOM)）的简写，现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。

Window 对象

所有浏览器都支持 window 对象。它表示浏览器窗口。

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

window.location 对象在编写时可不使用 window 这个前缀。

一些实例:

• location.hostname 返回 web 主机的域名
• location.pathname 返回当前页面的路径和文件名
• location.port 返回 web 主机的端口 （80 或 443）
• location.protocol 返回所使用的 web 协议（http: 或 https:）

window.history对象在编写时可不使用 window 这个前缀。

为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制。

一些方法：

• history.back() - 与在浏览器点击后退按钮相同
• history.forward() - 与在浏览器中点击向前按钮相同

上两句可以用history.go(-1)和history.go(+1)代替。

JavaScript 弹窗

JavaScript 中创建三种消息框：警告框、确认框、提示框。

警告框

警告框经常用于确保用户可以得到某些信息。

当警告框出现后，用户需要点击确定按钮才能继续进行操作。

window.alert("sometext");

确认框

确认框通常用于验证是否接受用户操作。

当确认卡弹出时，用户可以点击 "确认" 或者 "取消" 来确定用户操作。

当你点击 "确认", 确认框返回 true， 如果点击 "取消", 确认框返回 false。

window.confirm("sometext");

提示框

提示框经常用于提示用户在进入页面前输入某个值。

当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。

如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。

window.prompt("sometext","defaultvalue");

Domument对象

Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。

document.querySelector("*************");

函数创建

function 函数名(){

函数体

}

Window clearInterval() 方法

clearInterval() 方法可取消由 setInterval() 函数设定的定时执行操作。

clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。

心得体会

今天学习了定位，通过今天的学习，熟练的掌握了元素的定位，重新的审查了自己的知识储备，对以前的知识进行了更新。通过老师的讲解，了解到了一些行业的情况，虽然是冰山一角，但我相信这一些就是经验，早晚会用上。下午进行了JavaScript的讲解，通过下午的学习，学会了对象的获取，和系统时间的获取，创建定时任务，以及定时任务完成后如何进行清除。