自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 高级前端面试题,持续更新

画reflow 的本质就是重新计算 layout 树。当进行了会影响布局树的操作后,需要重新计算布局树,会引发 layout。为了避免连续的多次操作导致布局树反复计算,浏览器会合并这些操作,当 JS 代码全部完成后再进行统一计算。所以,改动属性造成的 reflow 是异步完成的。也同样因为如此,当 JS 获取布局属性时,就可能造成无法获取到最新的布局信息。浏览器在反复权衡下,最终决定获取属性立即 reflow。repaint 的本质就是重新根据分层信息计算了绘制指令。

2023-09-04 21:05:35 41

原创 JavaScript常用的库包

①进入官网选择需要的图标加入购物车,下载代码到本地项目,然后引入font里的css文件。②打开demo_index.html查看图标类名。③使用对应的类名来创建图标标签。

2023-07-10 20:51:29 229

原创 JavaScript深浅拷贝

首先浅拷贝和深拷贝只针对引用类型。

2023-07-08 23:40:04 40

原创 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 44

原创 08前端新手必备笔记-------html表单标签(重要)

HTML 表单标签用于创建交互式表单,让用户可以输入数据并将其发送到服务器进行处理。以上仅是 HTML 表单标签的基础知识,还有很多高级用法和属性需要深入学习。

2023-04-13 20:18:55 36

原创 07前端新手必备笔记----html列表标签

2. 有序列表使用 `<ol>` 标签,其中每个列表项用 `<li>` 标记。此外,你还可以使用 `type` 和 `start` 属性来指定列表的类型和起始数字。1. 无序列表使用 `<ul>` 标签,其中每个列表项用 `<li>` 标记。HTML 中有两种类型的列表:有序列表和无序列表。

2023-04-13 20:12:41 35

原创 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 33

原创 05前端学习笔记必备-----特殊字符

重点记住:空格 、大于号、 小于号 这三个。其余的使用很少,如果需要回头查阅即可。

2023-04-13 19:58:06 64

原创 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 29

原创 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 35

原创 02前端新手学习必备笔记----HTML语法规范

2. 标签的使用:HTML标签由<标签名>和</标签名>两部分组成,其中<标签名>为起始标签,</标签名>为结束标签。某些标签可以省略结束标签,比如<img>标签和<br>标签。7. 元素的层次结构:HTML标签可以形成树形结构,每个标签都有父元素和子元素,可以使用缩进来表示层次结构。3. 标签的属性:HTML标签可以包含属性,属性用于为标签提供额外的信息,属性的格式为属性名="属性值"。6. 元素的嵌套:HTML标签可以嵌套,一个元素可以包含其他元素,但是要遵循正确的嵌套顺序。

2023-04-12 16:44:40 53

原创 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 65 1

原创 01前端新手必备:HTML学习笔记

一个HTML页面通常由``、``和``三部分组成,其中``包含了页面的元数据,``包含了页面的主要内容。例如,``是一个链接标签,`href`是这个标签的属性名,`"https://www.google.com"`是这个属性的属性值。- ``、``、``:表格标签,用于定义一个表格、表格行和表格单元格。- ``:链接标签,用于定义一个链接。

2023-04-12 16:21:31 63 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除