前端

什么是前端

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。

简而言之，前端就是利用三大核心（HTML、CSS、JavaScript）技术，以及衍生技术开发出来的主要在浏览器上展示的页面

前端技术栈

1. HTML（超文本标记语言）：HTML是用于创建网页结构和内容的标记语言，负责定义网页的各种元素。

2. CSS（层叠样式表）：CSS用于设置网页的样式和布局，控制网页元素的外观和风格。

3. JavaScript：JavaScript是一种脚本语言，用于为网页添加动态和交互性。它可以处理事件、操作DOM（文档对象模型）、发送网络请求等。

4. 前端框架和库：前端开发常常使用各种框架和库来提高开发效率和代码质量。以下是一些常见的前端框架和库：

   • React：用于构建用户界面的JavaScript库，提供了组件化开发和虚拟DOM等特性。
   • Vue：一套用于构建用户界面的渐进式框架，易学易用并且具有高性能。
   • Angular：一个完整的前端开发框架，提供了数据绑定、依赖注入和组件化等功能。
   • jQuery：一个快速、简洁的JavaScript库，简化了DOM操作、事件处理和动画效果等任务。
   • ... ...

5. 包管理工具：用于管理前端项目中的依赖关系和第三方库。常用的包管理工具有npm（Node包管理器）和Yarn。

6. 构建工具：用于自动化构建、编译和打包前端代码。常见的构建工具有Webpack和Parcel，它们可以处理资源文件、压缩代码、模块化管理等。

7. CSS预处理器：CSS预处理器是一种语言，扩展了原生CSS的功能，例如变量、嵌套规则、混合等。常见的CSS预处理器有Sass和Less。

8. 版本控制系统：用于跟踪和管理代码版本的工具。Git是目前最流行的版本控制系统。

9. 调试工具：用于调试前端代码和查找问题的工具。浏览器的开发者工具是最常用的调试工具之一。

10. 前端测试工具：用于编写和执行前端代码的测试。常见的前端测试工具有Jest、Mocha和Cypress等。

前端工具（入门）

1. 编辑器（Editor）：选择一款适合你个人喜好和需求的代码编辑器。常见的选择包括 Visual Studio Code、Sublime Text、Atom 等，它们提供了代码高亮、自动完成、代码片段等功能。
2. 浏览器（Browser）：至少需要安装一个主流浏览器，如 Google Chrome、Mozilla Firefox、Safari 等。不同的浏览器有不同的开发者工具，用于调试和测试网页。

HTML

什么是HTML

就其核心而言，HTML是一种相当简单的、由不同元素组成的标记语言，它可以被应用于文本片段，使文本在文档中具有不同的含义（它是段落吗？它是项目列表吗？它是表格吗？），将文档结构化为逻辑块（文档是否有头部？有三列内容？有一个导航菜单？），并且可以将图片，影像等内容嵌入到页面中。

课后阅读

• MDN 上的 HTML 参考，包含每个标签和属性的详细说明

  • developer.mozilla.org/en-US/docs/…

• 最新版的 W3C HTML5 规范

  • html.spec.whatwg.org/multipage/