![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端笔记
文章平均质量分 91
爱前端的杨同学
你好棒!我也是
展开
-
Web APIs第05天笔记—— 元素偏移量 offset 系列、offset 与 style 区别、元素可视区 client 系列、元素滚动 scroll 系列、 mouseenter 和mouse
offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位client 翻译过来就是客户端,我们使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。scroll 翻译过来就是滚动的,我们使用 scroll 系列的相关属性可以动态的得到该元素的大小、滚动距离等。原创 2022-08-23 17:30:27 · 270 阅读 · 0 评论 -
外边距合并出现bug的两种情况
当上下相邻的两个块级元素(兄弟关系)相遇时,如果上面的元素有下外边距 margin-bottom,下面的元素有上外边距 margin-top,则它们之间的垂直间距不是margin-bottom和margin-top之和。对于两个嵌套关系(父子关系)的块级元素,父元素有上外边距,同时子元素也有上外边距,此时父元素会塌陷较大的外边距值。(3)可以为父元素添加 overflow:hidden。尽量只给一个盒子添加margin值。(2)可以为父元素定义上内边距。(1)可以为父元素定义上边框。原创 2022-08-22 21:52:14 · 299 阅读 · 4 评论 -
模仿京东倒计时秒杀效果
/ 我们先调用一次这个函数,防止第一次刷新页面有空白。/* 匹配到同级元素的前2个(包含第2个) */// 返回的是用户输入时间总的毫秒数。// times是剩余时间总的秒数。// 把剩余的小时给 小时黑色盒子。// 返回的是当前时间总的毫秒数。// 1. 获取元素。// 2. 开启定时器。// 小时的黑色盒子。// 分钟的黑色盒子。// 秒数的黑色盒子。原创 2022-08-22 21:00:46 · 225 阅读 · 1 评论 -
Web APIs第04天笔记——键盘事件、BOM、顶级对象window、定时器、this指向问题、location对象、navigator对象、JS执行机制
BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。 BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。 BOM 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 最初是Netscape 浏览器标准的一部分。原创 2022-08-20 13:06:58 · 177 阅读 · 1 评论 -
Web APIs第03天笔记——节点操作、 DOM的核心总结、事件高级、常用鼠标事件
关于dom操作,我们主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。事件发生后,跟事件相关的一系列信息数据的集合都放到这个对象里面,这个对象就是事件对象。比如:谁绑定了这个事件。鼠标触发事件的话,会得到鼠标的相关信息,如鼠标位置。键盘触发事件的话,会得到键盘的相关信息,如按了哪个键。把事情委托给别人,代为处理。事件委托也称为事件代理,在 jQuery 里面称为事件委派。说白了就是,不给子元素注册事件,给父元素注册事件,把处理代码在父元素的事件中执行。.........原创 2022-08-15 15:52:11 · 225 阅读 · 2 评论 -
Web APIs第02天笔记——排他思想、自定义属性操作、节点操作
/ 1. 获取元素的属性值 // (1) element.属性 console . log(div . id);//(2) element.getAttribute('属性') get得到获取 attribute 属性的意思 我们程序员自己添加的属性我们称为自定义属性 index console . log(div . getAttribute('id'));自定义属性目的:是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中。............原创 2022-08-14 09:26:23 · 395 阅读 · 2 评论 -
Web APIs第01天笔记——Web API介绍
API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,无需理解其内部工作机制细节,只需直接调用使用即可。举例解释什么是API。例如, C语言中有一个函数 fopen()可以打开硬盘上的文件,这个函数对于我们来说,就是一个C语言提供的打开文件的工具。 javascript中有一个函数alert()可以在页面弹一个提示框,这个函数就是js提供的一个弹框原创 2022-08-09 15:35:37 · 388 阅读 · 1 评论 -
JavaScript基础第06天笔记——内置对象、简单数据类型和复杂数据类型
前面两种对象是JS 基础 内容,属于 ECMAScript;第三个浏览器对象属于 JS 独有的, JS API 讲解内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是。原创 2022-08-04 16:47:33 · 172 阅读 · 0 评论 -
JavaScript基础第05天笔记——作用域、变量的作用域、作用域链、预解析、对象
通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。全局作用域局部作用域(函数作用域).........原创 2022-07-27 19:35:00 · 188 阅读 · 1 评论