第一次前端课前预习
走进前端
前端即网站前台部分,也叫前端开发,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,完美的动效设计,给用户带来极高的用户体验。(核心技术:HTML、CSS、JavaScript)
HTML
HTML的全称是(Hyper Text Markup Language )即超文本标记语言,它是互联网上应用最广泛的标记语言。不要把HTML语言和Java、C等编程语言混淆起来,HTML只是一种标记语言,简单地说,HTML文件就是普通文本+HTML标记(HTML标签),和不同的标记就能表示不同的效果。
CSS
CSS是Cascading Style Sheets的缩写,一般翻译为层叠样式表,是用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态的修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
JavaScript
JavaScript,也称ECMAScript,是一种基于对象和事件驱动并具有相对安全性并广泛用于客户端网页开发的脚本语言,同时也是一种广泛用于客户端Web开发的脚本语言。
Vscode插件的安装与使用
实用插件
- Auto Rename Tag:可以自动重命名成对的HTML标记,方便修改。
- ESLint:可以获取编写代码时的漏洞,帮助养成良好的编码习惯。
- Code Spell Checker:可以检查拼写错误,也可以查找不常见的单词。
- Git Lens:可以查看文件代码在何时被何人更改。
- Prettier:自动的代码格式化工具。
美化插件
- Bracket Pair Colorizer:彩色括号。
- Indent-Rainbow:改变缩进带颜色。
- Material Icon Theme:好看的图标。
- Trailing Spaces:让语句空格高亮显示。
本周学习内容
1.css学习
反思:笔记太凌乱,有些语句当时明白,事后再看就不一定明白。以后可以考虑用Markdown记笔记。
2.Typora的使用
还未解决的问题
- 相对路径的使用
- 元素的记忆