金小刚_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的讲解,通过下午的学习,学会了对象的获取,和系统时间的获取,创建定时任务,以及定时任务完成后如何进行清除。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1