自学前端知识总结.docVIP

自学前端知识总结

前端知识体系框架

一、基础概念

1.前端定义

前端开发是指利用HTML、CSS和JavaScript等技术，实现用户界面和交互体验的开发过程。

2.浏览器工作原理

浏览器通过解析HTML生成DOM树，CSS生成CSSOM树，最终合并为渲染树，渲染树用于绘制页面。JavaScript则通过事件循环机制与DOM交互。

3.HTTP协议

HTTP是前端数据传输的基础协议，包括请求方法（GET、POST等）、状态码（200、404等）、头部信息等。

二、HTML基础

1.文档结构

-`!DOCTYPEhtml`：声明文档类型。

-`html`：根元素。

-`head`：头部信息（标题、链接等）。

-`body`：主体内容。

2.语义化标签

-`header`：页面头部。

-`nav`：导航栏。

-`main`：主要内容区域。

-`article`：独立内容块。

-`section`：文档分区。

-`aside`：侧边栏。

-`footer`：页面底部。

3.表单与输入

-`form`：表单容器。

-`input`：输入框（text、password、checkbox等）。

-`select`：下拉