- 博客(8)
- 收藏
- 关注
原创 BOM-浏览器对象模型,有这一篇就够了
~ window 对象是一个全局对象,也可以说是JavaScript的顶级对象 ~像document、alert()、console.log()这些都是window的属性,基本BOM的属性和方法都是window的。 ~所以所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法 ~window对象下的属性和方法调用的时候可以省略window
2022-10-30 18:05:04
957
原创 Canvas画布(笔记)新手必看懂
HTML5中提供了标签,使用标签在网页中创建一个矩形区域的画布。HTML5 的canvas元素使用在网页上绘制图像。画布是一个矩形区域, 你可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
2022-10-28 11:47:25
1505
原创 重绘和回流是什么(详解)
由于节点(元素)的样式的改变并不影响它在文档流中的位置和文档布局时(比如:color、background-color、outline等),称为重绘。当 Render Tree 中部分或者全部元素 尺寸、结构、布局等发生改变时,浏览器就会重新渲染部分或全部文档的过程 称为 回流。4.进行布局Layout(回流/重排):根据生成的渲染树,得到节点的几何信息(位置,大小)5.进行绘制 Painting(重绘):根据计算和获取的信息进行整个页面的绘制。5.内容的变化(如:input框的输入,图片的大小)
2022-10-26 16:58:46
293
原创 js实现学生信息表案例--详细教程
2.点击链接,要删除的是对应数组里面的这个数据,而不是删除dom节点,如何找到这个数据?遍历数组,动态生成tr,里面填写对应的td数据,并追加给tbody。: 这个案例,减少了dom操作,采取操作数据的形式,增加和删除都是针对于数组的操作,然后根据数据渲染页面。3.注意书写的位置,应该放到新增数据的前面,阻止默认行为的后面。2.创建新的对象,里面存储 表单获取过来的数据。2.点击录入,根据相关数据,生成对象,追加到数组里面。4.点击删除按钮,删除的是对应数组里面的数据。5.再次根据数组的数据,渲染页面。
2022-10-26 16:30:01
4743
原创 导航栏(酷炫风)--详细教程
首先我得获取 id为marker 和 所有 li ,#marker 就是亮光的小盒子 ,为什么要获取呢,原因是我每次悬停的时候 我都要获取当前 li 下 距离左侧 的距离 因为有过渡,不用担心亮光盒子会瞬移。是用来遍历数组的 ,跟for循环类似,但是这个方便一些, 参数li 就是每个 li ,我给每个li 添加鼠标 移入事件 ,参数e 是事件对象,里面有个target 是获得当前元素的意思。html代码采用的是 无序列表的形式 , 每个li里面有 一个字体图标,
2022-10-25 10:08:33
847
1
js高级-es6(笔记)-详细
2022-11-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人