<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[HYi_wei的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/HYi_wei</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; HYi_wei]]></copyright><item><title><![CDATA[高级前端面试题，持续更新]]></title><link>https://blog.youkuaiyun.com/HYi_wei/article/details/132677618</link><guid>https://blog.youkuaiyun.com/HYi_wei/article/details/132677618</guid><author>HYi_wei</author><pubDate>Mon, 04 Sep 2023 21:05:35 +0800</pubDate><description><![CDATA[画reflow 的本质就是重新计算 layout 树。当进行了会影响布局树的操作后，需要重新计算布局树，会引发 layout。为了避免连续的多次操作导致布局树反复计算，浏览器会合并这些操作，当 JS 代码全部完成后再进行统一计算。所以，改动属性造成的 reflow 是异步完成的。也同样因为如此，当 JS 获取布局属性时，就可能造成无法获取到最新的布局信息。浏览器在反复权衡下，最终决定获取属性立即 reflow。repaint 的本质就是重新根据分层信息计算了绘制指令。]]></description><category></category></item><item><title><![CDATA[JavaScript常用的库包]]></title><link>https://blog.youkuaiyun.com/HYi_wei/article/details/131646149</link><guid>https://blog.youkuaiyun.com/HYi_wei/article/details/131646149</guid><author>HYi_wei</author><pubDate>Mon, 10 Jul 2023 20:51:29 +0800</pubDate><description><![CDATA[①进入官网选择需要的图标加入购物车，下载代码到本地项目，然后引入font里的css文件。②打开demo_index.html查看图标类名。③使用对应的类名来创建图标标签。]]></description><category></category></item><item><title><![CDATA[JavaScript深浅拷贝]]></title><link>https://blog.youkuaiyun.com/HYi_wei/article/details/131616798</link><guid>https://blog.youkuaiyun.com/HYi_wei/article/details/131616798</guid><author>HYi_wei</author><pubDate>Sat, 08 Jul 2023 23:40:04 +0800</pubDate><description><![CDATA[首先浅拷贝和深拷贝只针对引用类型。]]></description><category></category></item><item><title><![CDATA[JavaScript数组常用方法]]></title><link>https://blog.youkuaiyun.com/HYi_wei/article/details/131585348</link><guid>https://blog.youkuaiyun.com/HYi_wei/article/details/131585348</guid><author>HYi_wei</author><pubDate>Thu, 06 Jul 2023 23:34:12 +0800</pubDate><description><![CDATA[1.push()

往数组最后面追加元素，可以一次追加多个。


&lt;script&gt;
    const arr = [1, 2, 3]
    arr.push(4, 5, 6)
    console.log(arr)  // [1, 2, 3, 4, 5, 6]
&lt;/script&gt;

2.unshift()

往数组最前面追加元素，可以一次追加多个。


&lt;script&gt;
    const arr = [1, 2, 3]
    arr.unshift(4, 5, ]]></description><category></category></item><item><title><![CDATA[08前端新手必备笔记-------html表单标签（重要）]]></title><link>https://blog.youkuaiyun.com/HYi_wei/article/details/130139116</link><guid>https://blog.youkuaiyun.com/HYi_wei/article/details/130139116</guid><author>HYi_wei</author><pubDate>Thu, 13 Apr 2023 20:18:55 +0800</pubDate><description><![CDATA[HTML 表单标签用于创建交互式表单，让用户可以输入数据并将其发送到服务器进行处理。以上仅是 HTML 表单标签的基础知识，还有很多高级用法和属性需要深入学习。]]></description><category></category></item><item><title><![CDATA[07前端新手必备笔记----html列表标签]]></title><link>https://blog.youkuaiyun.com/HYi_wei/article/details/130139001</link><guid>https://blog.youkuaiyun.com/HYi_wei/article/details/130139001</guid><author>HYi_wei</author><pubDate>Thu, 13 Apr 2023 20:12:41 +0800</pubDate><description><![CDATA[2. 有序列表使用 `<ol>` 标签，其中每个列表项用 `<li>` 标记。此外，你还可以使用 `type` 和 `start` 属性来指定列表的类型和起始数字。1. 无序列表使用 `<ul>` 标签，其中每个列表项用 `<li>` 标记。HTML 中有两种类型的列表：有序列表和无序列表。]]></description><category></category></item><item><title><![CDATA[06前端学习笔记必备-----html表格]]></title><link>https://blog.youkuaiyun.com/HYi_wei/article/details/130138803</link><guid>https://blog.youkuaiyun.com/HYi_wei/article/details/130138803</guid><author>HYi_wei</author><pubDate>Thu, 13 Apr 2023 20:04:16 +0800</pubDate><description><![CDATA[这段代码将创建一个带有边框的简单表格，其中包含三列标题和两行数据。5. `valign`：设置表格或单元格的垂直对齐方式。4. `align`：设置表格或单元格的水平对齐方式。2. `colspan`：定义单元格跨越的列数。3. `rowspan`：定义单元格跨越的行数。3. `<th>`：定义表格中的表头单元格。4. `<td>`：定义表格中的数据单元格。1. `border`：定义表格边框宽度。1. `<table>`：定义一个表格。2. `<tr>`：定义表格中的行。]]></description><category></category></item><item><title><![CDATA[05前端学习笔记必备-----特殊字符]]></title><link>https://blog.youkuaiyun.com/HYi_wei/article/details/130138707</link><guid>https://blog.youkuaiyun.com/HYi_wei/article/details/130138707</guid><author>HYi_wei</author><pubDate>Thu, 13 Apr 2023 19:58:06 +0800</pubDate><description><![CDATA[重点记住：空格 、大于号、 小于号 这三个。其余的使用很少，如果需要回头查阅即可。]]></description><category></category></item><item><title><![CDATA[04前端新手学习必备笔记----HTML常用标签]]></title><link>https://blog.youkuaiyun.com/HYi_wei/article/details/130111805</link><guid>https://blog.youkuaiyun.com/HYi_wei/article/details/130111805</guid><author>HYi_wei</author><pubDate>Wed, 12 Apr 2023 17:44:24 +0800</pubDate><description><![CDATA[5. <h1></h1>~<h6></h6>：定义标题，h1是最大的标题，h6是最小的标题。4. <body></body>：定义文档的主体，包含文档的内容，如文本、图片、链接等。2. <head></head>：定义文档的头部，包含文档的元数据，如标题、脚本等。7. <a></a>：定义链接，可以链接到其他网页、同一页面的位置、电子邮件地址等。3. <title></title>：定义文档的标题，显示在浏览器的标题栏上。18. <div></div>：定义文档中的区块，可以用于布局。]]></description><category></category></item><item><title><![CDATA[03前端新手必备学习笔记----开发工具]]></title><link>https://blog.youkuaiyun.com/HYi_wei/article/details/130111195</link><guid>https://blog.youkuaiyun.com/HYi_wei/article/details/130111195</guid><author>HYi_wei</author><pubDate>Wed, 12 Apr 2023 17:00:55 +0800</pubDate><description><![CDATA[5. Live Server: 提供了一个本地服务器，可以在浏览器中实时预览HTML、CSS和JavaScript代码的效果。以上是一些适合新手使用的VS Code插件，可以提高编写代码的效率和质量，也有助于学习和理解代码的运行过程。2. CSS Peek: 可以让你在CSS文件中查看和编辑HTML元素的样式，提高样式的编写效率。3. Auto Close Tag: 自动补全HTML标签的结束标签，避免忘记结束标签带来的错误。1. Chinese: 切换成简体中文。]]></description><category></category></item><item><title><![CDATA[02前端新手学习必备笔记----HTML语法规范]]></title><link>https://blog.youkuaiyun.com/HYi_wei/article/details/130110786</link><guid>https://blog.youkuaiyun.com/HYi_wei/article/details/130110786</guid><author>HYi_wei</author><pubDate>Wed, 12 Apr 2023 16:44:40 +0800</pubDate><description><![CDATA[2. 标签的使用：HTML标签由<标签名>和</标签名>两部分组成，其中<标签名>为起始标签，</标签名>为结束标签。某些标签可以省略结束标签，比如<img>标签和<br>标签。7. 元素的层次结构：HTML标签可以形成树形结构，每个标签都有父元素和子元素，可以使用缩进来表示层次结构。3. 标签的属性：HTML标签可以包含属性，属性用于为标签提供额外的信息，属性的格式为属性名="属性值"。6. 元素的嵌套：HTML标签可以嵌套，一个元素可以包含其他元素，但是要遵循正确的嵌套顺序。]]></description><category></category></item><item><title><![CDATA[00前端基础学习必备----学习路线]]></title><link>https://blog.youkuaiyun.com/HYi_wei/article/details/130110515</link><guid>https://blog.youkuaiyun.com/HYi_wei/article/details/130110515</guid><author>HYi_wei</author><pubDate>Wed, 12 Apr 2023 16:27:55 +0800</pubDate><description><![CDATA[1. HTML/CSS基础：学习HTML标记语言和CSS样式表，包括页面布局、文本、图片、表格、表单等基础知识。2. JavaScript基础：学习JavaScript语言的基础语法、变量、函数、事件、DOM操作等知识。4. Bootstrap框架：学习Bootstrap响应式框架的基础知识，包括网格系统、组件、样式等。5. Vue.js框架：学习Vue.js框架的基础知识，包括组件、指令、路由、状态管理等。6. React框架：学习React框架的基础知识，包括组件、生命周期、状态管理等。]]></description><category></category></item><item><title><![CDATA[01前端新手必备：HTML学习笔记]]></title><link>https://blog.youkuaiyun.com/HYi_wei/article/details/130109938</link><guid>https://blog.youkuaiyun.com/HYi_wei/article/details/130109938</guid><author>HYi_wei</author><pubDate>Wed, 12 Apr 2023 16:21:31 +0800</pubDate><description><![CDATA[一个HTML页面通常由``、``和``三部分组成，其中``包含了页面的元数据，``包含了页面的主要内容。例如，``是一个链接标签，`href`是这个标签的属性名，`"https://www.google.com"`是这个属性的属性值。- ``、``、``：表格标签，用于定义一个表格、表格行和表格单元格。- ``：链接标签，用于定义一个链接。]]></description><category></category></item></channel></rss>