- 博客(13)
- 收藏
- 关注
原创 高级前端面试题,持续更新
画reflow 的本质就是重新计算 layout 树。当进行了会影响布局树的操作后,需要重新计算布局树,会引发 layout。为了避免连续的多次操作导致布局树反复计算,浏览器会合并这些操作,当 JS 代码全部完成后再进行统一计算。所以,改动属性造成的 reflow 是异步完成的。也同样因为如此,当 JS 获取布局属性时,就可能造成无法获取到最新的布局信息。浏览器在反复权衡下,最终决定获取属性立即 reflow。repaint 的本质就是重新根据分层信息计算了绘制指令。
2023-09-04 21:05:35
54
原创 JavaScript常用的库包
①进入官网选择需要的图标加入购物车,下载代码到本地项目,然后引入font里的css文件。②打开demo_index.html查看图标类名。③使用对应的类名来创建图标标签。
2023-07-10 20:51:29
290
原创 JavaScript数组常用方法
1.push()往数组最后面追加元素,可以一次追加多个。<script> const arr = [1, 2, 3] arr.push(4, 5, 6) console.log(arr) // [1, 2, 3, 4, 5, 6]</script>2.unshift()往数组最前面追加元素,可以一次追加多个。<script> const arr = [1, 2, 3] arr.unshift(4, 5,
2023-07-06 23:34:12
78
原创 08前端新手必备笔记-------html表单标签(重要)
HTML 表单标签用于创建交互式表单,让用户可以输入数据并将其发送到服务器进行处理。以上仅是 HTML 表单标签的基础知识,还有很多高级用法和属性需要深入学习。
2023-04-13 20:18:55
56
原创 07前端新手必备笔记----html列表标签
2. 有序列表使用 `<ol>` 标签,其中每个列表项用 `<li>` 标记。此外,你还可以使用 `type` 和 `start` 属性来指定列表的类型和起始数字。1. 无序列表使用 `<ul>` 标签,其中每个列表项用 `<li>` 标记。HTML 中有两种类型的列表:有序列表和无序列表。
2023-04-13 20:12:41
46
原创 06前端学习笔记必备-----html表格
这段代码将创建一个带有边框的简单表格,其中包含三列标题和两行数据。5. `valign`:设置表格或单元格的垂直对齐方式。4. `align`:设置表格或单元格的水平对齐方式。2. `colspan`:定义单元格跨越的列数。3. `rowspan`:定义单元格跨越的行数。3. `<th>`:定义表格中的表头单元格。4. `<td>`:定义表格中的数据单元格。1. `border`:定义表格边框宽度。1. `<table>`:定义一个表格。2. `<tr>`:定义表格中的行。
2023-04-13 20:04:16
62
原创 04前端新手学习必备笔记----HTML常用标签
5. <h1></h1>~<h6></h6>:定义标题,h1是最大的标题,h6是最小的标题。4. <body></body>:定义文档的主体,包含文档的内容,如文本、图片、链接等。2. <head></head>:定义文档的头部,包含文档的元数据,如标题、脚本等。7. <a></a>:定义链接,可以链接到其他网页、同一页面的位置、电子邮件地址等。3. <title></title>:定义文档的标题,显示在浏览器的标题栏上。18. <div></div>:定义文档中的区块,可以用于布局。
2023-04-12 17:44:24
43
原创 03前端新手必备学习笔记----开发工具
5. Live Server: 提供了一个本地服务器,可以在浏览器中实时预览HTML、CSS和JavaScript代码的效果。以上是一些适合新手使用的VS Code插件,可以提高编写代码的效率和质量,也有助于学习和理解代码的运行过程。2. CSS Peek: 可以让你在CSS文件中查看和编辑HTML元素的样式,提高样式的编写效率。3. Auto Close Tag: 自动补全HTML标签的结束标签,避免忘记结束标签带来的错误。1. Chinese: 切换成简体中文。
2023-04-12 17:00:55
85
原创 02前端新手学习必备笔记----HTML语法规范
2. 标签的使用:HTML标签由<标签名>和</标签名>两部分组成,其中<标签名>为起始标签,</标签名>为结束标签。某些标签可以省略结束标签,比如<img>标签和<br>标签。7. 元素的层次结构:HTML标签可以形成树形结构,每个标签都有父元素和子元素,可以使用缩进来表示层次结构。3. 标签的属性:HTML标签可以包含属性,属性用于为标签提供额外的信息,属性的格式为属性名="属性值"。6. 元素的嵌套:HTML标签可以嵌套,一个元素可以包含其他元素,但是要遵循正确的嵌套顺序。
2023-04-12 16:44:40
80
原创 00前端基础学习必备----学习路线
1. HTML/CSS基础:学习HTML标记语言和CSS样式表,包括页面布局、文本、图片、表格、表单等基础知识。2. JavaScript基础:学习JavaScript语言的基础语法、变量、函数、事件、DOM操作等知识。4. Bootstrap框架:学习Bootstrap响应式框架的基础知识,包括网格系统、组件、样式等。5. Vue.js框架:学习Vue.js框架的基础知识,包括组件、指令、路由、状态管理等。6. React框架:学习React框架的基础知识,包括组件、生命周期、状态管理等。
2023-04-12 16:27:55
116
1
原创 01前端新手必备:HTML学习笔记
一个HTML页面通常由``、``和``三部分组成,其中``包含了页面的元数据,``包含了页面的主要内容。例如,``是一个链接标签,`href`是这个标签的属性名,`"https://www.google.com"`是这个属性的属性值。- ``、``、``:表格标签,用于定义一个表格、表格行和表格单元格。- ``:链接标签,用于定义一个链接。
2023-04-12 16:21:31
109
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人