前端进阶之路（一）HTML

最新推荐文章于 2022-11-04 23:36:00 发布
最新推荐文章于 2022-11-04 23:36:00 发布
阅读量693 收藏 1
点赞数 5
分类专栏： 前端 文章标签： 前端 web HTML 进阶 HTML5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43712409/article/details/94638049
版权

前端进阶之路（一）HTML

1. HTML标签分类

  1. 双标签
    <标签名>内容</标签名>
  2. 单标签
    <标签名 />

2. HTML标签关系

  1. 嵌套关系
  2. 并列关系

3. 字符集

<meta charset="UTF-8">

UTF-8包含全世界所有国家需要用到的字符

4. HTML标签

4.1 排版标签

4.1.1 标题标签

<h1>、<h2>、<h3>、<h4>、<h5>、<h6>

h1标签因为重要，尽量少用。

4.1.2 段落标签

<p>文本内容</p>

默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。

4.1.3 水平线标签

<hr />

单标签

4.1.4 换行标签

<br />

单标签

4.1.5 div span标签

<div>文本</div>
<span>文本</span>

4.2 文本格式化标签

标签显示效果
<b></b>和<strong></strong>文字以粗体方式显示（XHTML推荐使用strong）
<i></i>和<em></em>文字以斜体方式显示（XHTML推荐使用em）
<s></s>和<del></del>文字以加删除线 方式显示（XHTML推荐使用del）
<u></u>和<ins></ins>文字以加下划线方式显示（XHTML推荐使用ins）

4.3 标签属性

<标签名 属性1="属性值1" 属性2="属性值2"> 内容 </标签名>

采取键值对 key=“value” 的格式

4.4 图像标签

<img src="图像URL" />

属性属性值描述
srcURL图像的路径
alt文本图像不能显示时的替换文本
title文本鼠标悬停时显示的内容
width像素（XHTML不支持%页面百分比）设置图像的宽度
height像素（XHTML不支持%页面百分比）设置图像的高度
border数字设置图像边框的宽度

4.5 链接标签

<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>

target：用于指定链接页面的打开方式，其取值有 _self 和 _blank 两种，其中 _self 为，默认值，_blank 为在新窗口中打开方式

注意：

  1. 外部链接需要添加 http://www.baidu.com，链接地址必须以 http:// 开头
  2. 内部链接直接链接内部页面名称即可，比如<a href="index.html"> 首页 </a>
  3. 如果当时没有确定链接目标时，通常将链接标签的属性值定义为"#"，即href="#"，表示该链接暂时为一个空链接
  4. 不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接

4.5.1 锚点定位

通过创建锚点链接，用户能够快速定位到目标内容。创建锚点链接分为两步：

  1. 使用<a href="#id名">链接文本</a>创建链接文本
  2. 使用相应的id名标注跳转目标的位置

4.5.2 base标签

  1. base 可以设置整体链接的打开状态
  2. 单标签,例<base target="_blank" />
  3. 写在 <head> </head> 标签中

4.6 特殊字符标签

显示结果描述实体名称
空格&nbsp;
<小于号&lt;
>大于号&gt;
©版权&copy;
®注册商标&reg;

4.7 注释标签

<!--注释-->

HTML注释快捷键：

  1. 单行注释：ctrl + /
  2. 多行注释： ctrl + shift + /

5. 路径

5.1 相对路径

  1. 图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如<img src="logo.gif" />
  2. 图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用 / 隔开，如<img src="img/img01/logo.gif" />
  3. 图像文件位于HTML文件的上一级文件夹：在文件名之前加入 ../ ，如果是上两级，则需要使用 ../../，以此类推，如<img src="../logo.gif" />

5.2 绝对路径

  1. “C:\Users\13035\Desktop\360VR”，或完整的网络地址，例如"https://avatar.csdnimg.cn/2/7/A/1_qq_43712409.jpg"

6. 列表标签

6.1 无序列表 ul

无序列表的各个列表项之间没有顺序级别之分，是并列的。其基本语法格式如下：

<ul>
	<li>列表项1</li>
	<li>列表项2</li>
	<li>列表项3</li>
	....
</ul>
  1. <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
  2. <li>与</li>之间相当于一个容器，可以容纳所有元素。

6.2 有序列表 ol

有序列表即为有排列顺序的列表，其各个列表项按照一定的顺序排列定义，有序列表的基本语法格式如下：

<ol>
	<li>列表项1</li>
	<li>列表项2</li>
	<li>列表项3</li>
	....
</ol>
  1. <ol></ol>中只能嵌套<li></li>，直接在<ol></ol>标签中输入其他标签或者文字的做法是不被允许的。
  2. <li>与</li>之间相当于一个容器，可以容纳所有元素。

6.3 自定义列表

自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号。其基本语法如下：

<dl>
	<dt>名词1</dt>
	<dd>名词1解释1</dd>
	<dd>名词1解释2</dd>
	...
	<dt>名词2</dt>
	<dd>名词2解释1</dd>
	<dd>名词2解释2</dd>
	...
</dl>

7. 表格

7.1 创建表格

<table>
	<tr>
		<td>单元格内的文字</td>
		...
	</tr>
	...
</table>
  1. <tr></tr>中只能嵌套<td></td>
  2. <td></td>标签就像一个容器，可以容纳所有的元素

7.2 表格属性

属性名含义常用属性值
border设置表格的边框（默认border="0"无边框）像素值
cellspacing设置单元格与单元格边框之间的空白间距像素值（默认为2像素）
cellpadding设置单元格内容与单元格边框之间的空白间距像素值（默认为1像素）
width设置表格的宽度像素值
height设置表格的高度像素值
align设置表格在网页中的水平对齐方式left、center、right

7.3 表头标签

表头一般位于表格的第一行或第一列，其文本加粗居中。
设置表头方法：用表头标记<th></th>替代相应的单元格标记<td></td>

7.4 表格结构

  1. <thead></thead>：用于定义表格的头部
  2. <tbody></tbody>：用于定义表格的主体

7.5 表格标题

caption元素定义表格标题

<table>
	<caption>我是表格标题</caption>
</table>

caption标签必须紧随table标签之后，只能对每个表格定义一个标题，通常这个标题会被居中于表格之上。

7.6 合并单元格

  1. 跨行合并：rowspan
    <td rowspan="2">合并后的单元格</td>
  2. 跨列合并：colspan
    <td colspan="2">合并后的单元格</td>

8. 表单

在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成。

  1. 表单控件：
    包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
  2. 提示信息：
    一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。
  3. 表单域：
    他相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。

8.1 input 控件

<input />标签为单标签，type属性为其最基本的属性，其取值有多种，用于指定不同的控件类型。除了type属性之外，<input />标签还可以定义很多其他的属性，其常用属性如下表所示：

属性属性值描述
typetext单行文本输入框
password密码输入框
radio单选按钮
checkbox复选框
button普通按钮
submit提交按钮
reset重置按钮
image图像形式的提交按钮
file文件域
name由用户自定义控件的名称
value由用户自定义input控件中的默认文本值
size正整数input控件在页面中的显示宽度
checkedchecked定义选择控件默认被选中的项
maxlength正整数控件允许输入的最多字符数

如果是一组单选框，可以通过相同的name值来实现

8.2 label 标签

label 标签为 input 元素定义标注。
作用：用于绑定一个表单元素，当点击 label 标签的时候，被绑定的表单元素就会获得输入焦点。
for 属性规定 label 与哪个表单元素绑定。

<label>输入账号：<input type="text" /></label>

<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="Male" />

8.3 textarea 控件（文本域）

<textarea clos="每行中的字符数" rows="显示的行数">
	文本内容
</textarea>

8.4 下拉菜单

<select>
	<option>选项1</option>
	<option>选项2</option>
	<option>选项3</option>
	...
</select>
  1. <select></select>中至少应包含一对<option></option>。
  2. 在 option 中定义 selected=“selected” 时，当前项即为默认选中项。

8.5 表单域

在HTML中，form标签被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。创建表单的基本语法格式如下：

<form action="url地址" method="提交方式" name="表单名称">
	各种表单控件
</form>

常用属性：

  1. action 在表单收集到信息后，需要将信息传递给服务器进行处理，action 属性用于指定接收并处理表单数据的服务器程序的 url 地址。
  2. method 用于设置表单数据的提交方式，其取值为 get 或 post 。（get 速度较快但是不安全，post 速度较慢但是相对来说较为安全）
  3. name 用于指定表单的名称，以区分同一个页面中的多个表单。

注意：每一个表单都应该有自己表单域。

9. HTML5 新标签

9.1 常用新标签

  • header：定义文档的页眉 （头部）
  • nav：定义导航链接的部分
  • footer：定义文档或节的页脚 （底部）
  • article：定义文章
  • section：定义文档中的节（section、区段）
  • aside：定义其所处内容之外的内容 （侧边）
  • datalist：标签定义选项列表，与 input 元素配合使用该元素
<input type="text" placeholder="输入明星" list="star" />
<datalist id="star">
   <option>杨超越</option>
   <option>鞠婧祎</option>
   <option>沈月</option>
   <option>迪丽热巴</option>
</datalist>
  • fieldset：fieldset 元素可将表单内的相关元素分组，打包，与 legend 搭配使用
<fieldset>
	<legend>用户登录</legend>
	用户名：<input type="text" /> <br />
	密　码：<input type="password" />
</fieldset>

9.2 新增的 input type 属性值

类型使用示例含义
email<input type="email" />输入邮箱格式
tel<input type="tel" />输入手机号码格式
url<input type="url" />输入 url 格式
number<input type="number" />输入数字格式
search<input type="search" />搜索框
range<input type="range" />自由拖动滑块
time<input type="time" />小时:分钟
date<input type="date" />年/月/日
datetime<input type="datetime" />时间
month<input type="month" />年/月
week<input type="week" />年/周

9.3 常用新属性

属性用法含义
placeholder<input type="text" placeholder="请输入用户名" />占位符提供可描述输入字段预期值的提示信息
autofocus<input type="text" autofocus />规定当页面加载时 input 元素应该自动获得焦点
multiple<input type="file" multiple />多文件上传
autocomplete<input type="text" autocomplete="on" />规定表单是否应该启用自动完成功能，有两个值，一个是 on，一个是 off，on 代表记录已经输入的值
required<input type="text" required />必填项，内容不能为空
accesskey<input type="text" accesskey="s" />规定激活（使元素获得焦点）元素的快捷键，采用 “alt + 字母” 的形式

autocomplete 需要和 name 配合使用

9.4 多媒体标签

9.4.1 多媒体 embed

w3c参考手册 embed

<embed srd="http://" allowFullScreen="true" qua;ity="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>

9.4.2 多媒体 audio

w3c参考手册 audio

<audio src="../music/See You Again.mp3" autoplay="autoplay" controls loop="-1"></audio>
  1. loop="-1" 无线循环播放

为了浏览器兼容，我们需要做三种声音文件：ogg、mp3、wav

<audio controls autoplay>
	<!--通过 source 标签指定多格式音频文件>
	<source src="../music/See You Again.mp3">
	<source src="../music/See You Again.wav">
	<source src="../music/See You Again.ogg">
	您的浏览器不支持HTML音频播放功能
</audio>

9.4.3 多媒体 video

w3c参考手册 video

<video src="mp4.mp4" autoplay controls width="500">
</video>

为了浏览器兼容，我们需要做三种视频文件：ogg、mp3、webM

<video src="mp4.mp4" autoplay controls>
	<source src="video.mp4">
	<source src="video.ogg">
	<source src="video.webM">
	您的浏览器不支持视频播放
</video>

10. 参考手册

  1. w3c参考手册 HTML/HTML5标签
  2. w3c参考手册 HTML颜色
小王的进阶之路
关注
  • 5
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML怎么给文本添加删除线？（代码示例）
lin123_00的博客
05-26 5840
本篇文章主要给大家介绍HTML删除线标签的具体使用方法。 web前端全栈资料粉丝福利（面试题、视频、资料笔记、进阶路线） 下面我们通过简单的代码示例，为大家介绍如何用HTML中<s>标签实现文字中间添加删除线的方法！ html删除线代码示例如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>html删除线代码示例</title>
下列常用的html标记有,html的题库（含答案）
热门推荐
weixin_28304023的博客
07-15 1万+
该题库仅供巩固自身html知识 tip：<为<单选题1．下面标记中，用来显示段落的标记是( d )。a、<h1>b、<br />c、<img />d、<p>2．下列标记中，用来设置文本为粗体的是( c )。a、<u></u>b、<del></del>c、<strong>&l...
【进阶篇】前端学习路线
bug处理进行时
09-28 1095
一、基础知识 CSS： 目标：常见页面布局（flex等）、CSS3 新特性、 参考书籍： CSS 世界 精通 CSS JS 目标： JS的原始类型 JS中的引用类型 迭代器和生成器 面向对象编程 和 函数式编程 代理 和 反射 （ Proxy 和 Reflect ） 函数表达式：闭包、this指针、模块模式、箭头函数等 => 函数式编程 异步编程 BOM 和 DOM Canvas 了解常用事件 了解常用A.
HTML常用标签
syyy9090的博客
02-06 315
1.排版标签： <hx></hx> 标题标签 作为标题使用，并且依据重要性递减 <p></p> 段落标签 可以把HTML文档分割成若干段落 <hr /> 水平线标签 <br>...
前端进阶路线分享
LeviDing的博客
03-28 3009
本文会跟随技术发展和我个人技术水平的提升定期更新。上次更新时间：2021 年 03 月 27 日。在本公众号后台回复「入门」或「进阶」即可获取最新版前端学习路线。我经常会看到很多同学在学习...
HTML5+css3课后习题【一】
缘友一世的博客
11-04 7854
因为静态网页的访问速度快，所以现在互联网上的所有网站都是静态网页组成的。（✖️）大多数网页是动静混合模式。“HTTP”是一种详细规定了浏览器和万维网服务器之间互相通信的规则。（✔️ ）在Web标准中，表现是指网页展示给访问者的外在样式。（ ✔️）在网页中，层叠样式表指的是JavaScript。（✖️ ）CSS所有的浏览器对同一个CSS样式的解析都相同，因此页面在不同浏览器下的显示效果完全一样。（ ✖️）结果不一样。
富裕进阶：前端进阶十日谈
02-03
前端进阶十日谈 这里是前端进阶课程内容中的全部示例代码（非课程内容）。 内容共10章，40节课，61个例子。 在线访问： : 完整课程内容:backhand_index_pointing_right_light_skin_tone: 课程介绍 随着前端行业的...
练习前端-HTML标签进阶篇-day02-03
08-19
练习前端-HTML标签进阶篇-day02-03
前端代码学习（HTML+CSS+JS进阶学习全资料）
最新发布
12-25
这份前端学习资料包含了深入学习HTML、CSS和JavaScript的所有必要资源。其中，HTML模块涵盖了HTML基础语法、HTML5的新增功能以及表单设计和验证。CSS模块涵盖了CSS选择器和属性、各种布局技术，包括Flexbox和Grid，...
2023年前端面试必备最新八股文（基础+进阶内容+持续更新）
02-27
博主收录了面试中遇到的问题，帮助前端同行拿offer，冲大厂。适用于前端初级开发，中级开发，高级开发。包括了css，javascript，vue，webpack，vite，html5新特性等等，包括了面试中比较常见的BFC，v8垃圾回收机制，...
博客：我是木易杨，公众号“高级前端进阶”作者，跟着我每周重点攻克一个前端面试重难点。接着让我带你走进高级前端的世界，在进阶的路上，共勉！
02-02
博客：我是木易杨，公众号“高级前端进阶”作者，跟着我每周重点攻克一个前端面试重难点。接着让我带你走进高级前端的世界，在进阶的路上，共勉！
HTML系列之文本格式化标签
老__L的博客
10-23 3643
本文主要介绍b、del、em、i、ins、s、strong、u标签。 文本以粗体方式显示，主要有b和strong标签。HTML 提醒注意（Bring Attention To）标签（）用于吸引读者的注意到该元素的内容上。这个标签过去被认为是粗体标签，且大多数浏览器仍然将文字显示为粗体。不提倡将标签用于显示粗体文字，应使用 CSS属性来创建粗体文字。标签表示文本十分重要，一般用粗体显示。strong 标签必须同时有开始标签或结束标签；b 标签的开始标签和结束标签都不能省略；不要将元素与、或元素混淆。
Web前端研发工程师编程能力飞升之路（转载 http://developer.51cto.com 2011-03-24 08:2）...
iteye_1851的博客
03-25 252
Web前端研发工程师编程能力飞升之路 http://developer.51cto.com  2011-03-24 08:22  郭培  郭培的博客  我要评论(2 ) 本文将WEB前端研发编程能力划分了八个等级，每个等级都列举出了对应的特征及破级提升之方法，希望每位在看本文的同学先准确定位自己的等级(不要以你目前能力的最高点，而是以你当...
Web前端工程师的进阶之路
asd3331380的博客
12-11 1194
转自：微点阅读（www.weidianyuedu.com）微点阅读 - 范文大全 - 免费学习知识的网站 提前web前端工程师，大多数业内人的反应都是“一入web前端深似海，从此休班是路人。”但其实，如果你是一名web前端工程师或是有正想入门学习的想法，你将感到幸运。 因为web前端正从之前的默默无闻，到后来的给后台工程师打下手，再到现在巅峰一时。web前端可谓是当下最火的职位之一了。 图片源自网络，仅做配文展示 作为一个技术工种，web前端工程师必须逼着自己不断学习，提高自己。 举个栗子
初级前端到高级前端的进阶之路
m0_49931406的博客
08-11 1238
很多同学学前端时都是一点一点的啃，一个一个技术栈的学，可能做点笔记，但到最后记住的东西也不多，这是因为大家没有认识到知识和信息的不同，知识体系和信息体系的不同。大家可以对照着表格看看自己处于哪个阶段，当然，大部分看到这篇文章的小伙伴应当还处于第一、二个阶段，毕竟这篇文章的标题就叫做“如何进阶高级前端”，这里讲到的进阶高级前端的方法不会涉及很具体的知识点、技术栈，因为前端可学的东西着实是蛮多，但也没必要什么都立即学成，毕竟看看这个点学学这个那个点帮助并不会很大，今天主要讲讲进阶思路。2、看大公司的招聘要求。.
前端开发的职业进阶之路
灿灿大王搭建的黄金屋
03-28 858
web前端技能考核内容及岗位要求，送给找工作和正在工作中的同学们，祝愿大家在职场中都能得心应手、所向披靡，早日进阶为大神： 实习生/见习生（实习生） 主要职责： 1、页面及需求练习 2、基本技能学习 专业能力： HTML技能：了解HTML技术，能运用一些HTML标签 css技能：了解CSS，能运用一些CSS属性 脚本编程技能：了解一门脚本语言 框架应用能力：无 WEB开发技能...
web前端研发工程师编程能力成长之路 [转]
weixin_30552811的博客
03-23 839
【背景】 如果你是刚进入WEB前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年WEB产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧； WEB前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不过三四年的时间。这个领域没有学校的正规教育，没有行内成体系的理论指引，几乎所...
HTML基础
WoNiu_UU的专栏
10-10 2662
HTML语言 作用：用来摆放出页面上所有需要展示的东西的。 html（Hyper Text Markup Language）中文翻译为“超文本标记语言”，顾名思义她是一种语言，这种语言里面定义了N多超文本标记，用这些标记对网页中的文本、图片、视频、音频、输入框等一切内容进行描述。比如input标记就描述的是一个输入框。 html之所以称为超文本标记语言，不仅是因为她通过标记描述了网页上的内容，同时...
html 常用标签、特殊符号
qq_42940217的博客
11-30 5651
 排版标签:  排版标签主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签。   h 标签： 作为标题使用，并且依据重要性递减。 一行只能放一个标题 &lt;h1&gt;   标题文本   &lt;/h1&gt; &lt;h2&gt;   标题文本   &lt;/h2&gt; &lt;h3&gt;   标题文本   &lt;/h3&gt; &lt;h4&gt;   标
b站 飞哥 大前端进阶 笔记
06-20
### 回答1： B站飞哥的《大前端进阶笔记》是一份非常实用的学习资料，旨在帮助学习前端技术的人进一步提高自己的技能。笔记包括了前端基础知识的学习、前端开发中常用的框架、库和工具的介绍，以及一些应用实例的实战演练。其中，最引人注目的是笔记的实战演练部分，涵盖了多个项目的案例，包括电商网站、音乐播放器、博客等，这些实例对于前端开发人员来说非常有用，可以让他们更好地掌握前端开发的核心技能。 这份笔记分为六个部分，包括HTML、CSS、JavaScript、框架、工程化和实战项目。每个部分都包含了该部分的基础知识、实践技巧和高级应用，逐步深入地讲解了前端开发的各个方面。在框架和工具章节，笔记讲解了前端界流行的React、Vue、Webpack等，并提供了实际案例的演示。 总体而言，B站飞哥的《大前端进阶笔记》是一份非常优秀的学习资料，对于新手和有经验的前端开发人员都非常有帮助。笔记内容丰富、条理清晰，讲解方式易于理解，并提供了实际案例的演示，是一份非常有价值的前端学习资源。 ### 回答2： B站是一个以弹幕视频为特色的视频 sharing 社区，拥有海量的优质视频资源。其中，飞哥大前端进阶笔记是一系列大前端学习视频，由 B站菜鸟技术博主飞哥所录制和发布。 飞哥大前端进阶笔记旨在帮助前端工程师提升技术能力和进阶能力，内容丰富全面，涵盖 HTML、CSS、JavaScript、Vue、React 等前端技术知识点。特别是对于 JavaScript 这一难点，飞哥进行了重点讲解和深度剖析，引导观众深入理解和掌握 JavaScript 知识体系。 除此之外，飞哥大前端进阶笔记还分享了前端工程师的实际工作经验和应用方法，讲述了企业级前端工程师的职责和要求，为前端工程师的职业发展做出了有益的引导。 总之，飞哥大前端进阶笔记是一系列非常实用的前端技术学习视频，对于初学者和职业前端工程师都有很好的指导作用。以其深刻的剖析和系统的表述，早已赢得了广大前端同胞的支持与好评。 ### 回答3： b站是一家全球知名的视频网站，用户群体广泛。飞哥是一位在b站上分享编程技巧和经验的UP主，他的视频涵盖了各种常用编程语言和开发工具。此外，飞哥还有一系列关于大前端进阶方面的笔记，为想要深入学习前端开发的用户提供了很大的帮助。 在飞哥的大前端进阶笔记中，他详细介绍了前端技术的基本概念和原理。这些笔记主要涉及HTML、CSS、JavaScript、浏览器工作原理、前端框架、前端性能优化等方面。通过这些笔记，用户可以更深入地理解前端技术，从而不断提高自己的技能水平。 此外，飞哥还分享了很多实用的工具和技巧，这些工具和技巧可以极大地提高前端开发的效率。包括VS Code的使用技巧、前端错误调试技巧、前端自动化工具、Webpack等。这些技巧的学习，将使前端开发者更加顺利和高效地完成项目。 总的来说，飞哥的大前端进阶笔记是非常实用和有价值的。无论是前端初学者还是有一定经验的开发者，都可以从中获得很多启迪和帮助。如果你想了解前端技术或者想要在前端开发方面有更多提高，可以去b站上学习飞哥的笔记。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值