这是我参与「第四届青训营 」笔记创作活动的的第1天

1. 什么是前端？

• 解决图形界面下的人机交互问题（GUI人机交互）
• 对于网站来说，通常是指网站的前台部分，包括网站的表现层和结构层（通俗点就是用户可以看到的部分）。例如：pc/移动浏览器，客户端/小程序，VR等

2.什么是前端技术栈？

• 前端的核心语言是HTML（Hyper Text Markup Language）超文本标记语言
• html,css,javascript是定义在浏览器中的脚本语言，通过HTTP网络协议与服务器端进行交互

3.前端应该关注哪些方面？

1. 功能
2. 美观
3. 无障碍（Accessibility）例如：适合做给色盲症患者，盲人的网页等
4. 安全 例如：用户数据是否安全，是否有漏洞
5. 性能 兼容性

用户体验是关键

4.前端开发技术种类

• node.js（运用在服务端的JavaScript）
• electron（跨平台的桌面应用程序框架）
• react native（混合移动应用开发框架）
• web RTC（实时通信技术 例如：多人会议）
• web GL（3D游戏）
• webAssembly（运行可移植程序）

5.编译器选择

• VSCode
• Vim
• WebStorm

6.什么是DOM树？

document object model 文档对象模型
每个树的节点都是一个对象，对应代码中每个元素节点，他们的子节点就可以折叠/展开

7.html相关部分代码

标签

列表标签

1. 有序列表<ol>
2. 无序列表<ul>
3. 定义列表<dl> -> <dt> -> <dd>

超链接

<a href=""></a>

图片/视频

<img src="" alt="">
<audio src=""></audio>

输入

<input type="text">

选择

1.多选/单选   <label><input type=""></label>
2.下拉选项  <select><option></option></select>

长引用

<blockquote>

短引用

1.<cite>
2.<q>

强调

1.<strong>
2.<em>

8.什么是语义化？

HTML的作用就是用来表示页面的内容和结构的，如果我们要清晰地表达内容和结构就是增加或者删除标签的目的。