前端知识大纲

本文为您提供完整的前端知识大纲，旨在帮助您系统地了解和学习前端相关技术。本文内容包括 HTML、CSS、JavaScript、浏览器等方面的知识，同时也涉及 Git、NPM、前端框架等与前端相关的技术和工具。

前端

HTML

基础标签

• html
• head
• title
• body
• div
• span
• p
• img
• a
• ul
• ol
• li

表单元素

• form
• input
• select
• option
• textarea
• button

HTML5 标签

• header
• nav
• section
• article
• aside
• footer

其他标签

• meta
• link
• style
• script

CSS

选择器

• 类别选择器
• ID 选择器
• 元素选择器
• 属性选择器
• 伪类选择器
• 伪元素选择器

属性

• 颜色
• 字体
• 字号
• 行高
• 背景
• 边框
• 布局
• 盒模型
• 浮动
• 定位
• 形状
• 动画
• 媒体查询

布局

• 盒模型
• 清除浮动
• Display 属性
• 布局模型
• 伸缩布局

JavaScript

语言基础

• 变量
• 数据类型
• 条件语句
• 循环语句
• 函数
• 作用域
• 闭包

对象和方法

• 对象基础
• 函数与对象
• 对象属性
• 对象方法
• 原型和继承

DOM 操作

• DOM 介绍
• 访问和修改 DOM
• 操作 DOM 树
• 事件和监听
• 表单处理

jQuery

• jQuery 介绍
• 选择器
• 基本操作
• 事件处理
• 动画效果

Ajax

• Ajax 介绍
• XmlHttpRequest 对象
• 使用 jQuery 实现 Ajax
• JSON 数据格式

浏览器

浏览器基础

• 浏览器介绍
• 浏览器版本
• 浏览器内核

网络

• URL
• HTTP 协议
• 缓存机制

性能优化

• 加载性能
• 渲染性能
• 动画性能

安全

• 同源策略
• XSS 攻击
• CSRF 攻击

其他

Git

• Git 基础命令
• 分支管理
• 合并和冲突解决
• GitHub 的使用

包管理器

• NPM
• Yarn

前端框架

• React
• Vue
• Angular

开发环境

• 编辑器
• 命令行工具
• 构建工具