第一周预习内容

预习(前端)

认识前端+vs code插件安装

---

学习内容：

一、认识前端

前端：也称web前端。对于网站来说，通常是指网站的前台部分，包括网站的表现层和结构层（通俗的说就是用户能看到的部分）。总结一下，浏览器、app、应用程序的界面展现和用户交互就是前端。

HTML发展历史：
HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1997年1月14日，W3C推荐标准
HTML 4.0——1997年12月18日，W3C推荐标准
HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准
HTML 5——2014年10月28日，W3C推荐标准 [4] （详见本处参考资料）

1.浏览器是一种访问web的软件
2.http是一种广泛使用的网络协议
3.开发者工具：a.元素 b.控制台 c.网络
4.本地web服务器：使用xampp
5.html：超文本标记语言，能够实现web页面并在浏览器中显示
6.css：设计样式，可以帮助把网页外观做的更加美观
7.js：制作动态页面，使用ajax(get或post等方法）从后端接口获取json数据，js框架：react、vue、angular、ionic、uni-app等

二、vs code插件安装
1.Auto Rename Tag:修改html标签，自动帮你完成尾部闭合标签的同步修改，和webstorm一样。

2.Auto close Tag：自动闭合html/xml标签。

3.Beautify： 格式化 html 、js、css。

4.Bracket Pair Colorizer 2：给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色。

5.HTML CSS Support：智能提示CSS类名以及id。

6.HTML Snippets：智能提示HTML标签，以及标签含义。

7.JavaScript(ES6) code snippets：ES6语法智能提示，以及快速输入，不仅仅支持.js，还支持.ts、.jsx、.tsx、.html、.vue，省去了配置其支持各种包含js代码文件的时间。

8.open in browser：vscode不像IDE一样能够直接在浏览器中打开html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari。

9.Path Intellisense：自动提示文件路径，支持各种快速引入文件。

10.Chinese:汉化。

---

2021.4.14

---