前端基础

HTML

  • HTML5 新特性：语义化标签（如 <header>, <footer>, <article> 等）、多媒体标签（如 <video>, <audio>）、离线应用缓存（AppCache）、地理定位（Geolocation）等。
  • HTML 表单：表单元素、表单验证、表单提交等。
  • HTML5 Canvas：绘制图形、动画、交互等。

CSS

  • 选择器：标签选择器、类选择器、ID 选择器、伪类选择器、伪元素等。
  • 盒子模型：内容（Content）、边框（Border）、内边距（Padding）、外边距（Margin）。
  • 布局：浮动布局、定位布局、Flex 布局、Grid 布局等。
  • 响应式设计：媒体查询、百分比、视口单位等。

JavaScript

  • 基本语法：变量、数据类型、运算符、控制结构等。
  • 函数：函数定义、函数调用、闭包等。
  • 对象：对象创建、对象属性、对象方法等。
  • 数组：数组创建、数组方法等。
  • DOM 操作：节点操作、事件处理等。

前端框架

React

  • React 基础：组件、虚拟 DOM、状态管理、生命周期等。
  • React 路由：React Router、导航守卫等。
  • React Hook：useState、useEffect、useContext 等。

Vue.js

  • Vue 基础：指令、插值表达式、计算属性、方法等。
  • 组件：组件定义、组件通信、组件生命周期等。
  • 路由：Vue Router、导航守卫等。

Angular

  • Angular 基础：模块、组件、服务、指令等。
  • 依赖注入：服务提供者、依赖注入器等。
  • 路由：Angular Router、导航守卫等。

前端工程化

模块化

  • CommonJS：模块定义、模块导出、模块导入等。
  • AMD：异步模块定义。
  • ES6 模块：导入导出语法、动态导入等。

打包工具

  • Webpack：配置文件、加载器、插件等。
  • Rollup：打包配置、插件等。
  • Parcel：零配置打包工具。

版本控制

  • Git：基本操作、分支管理、合并冲突等。
  • GitHub：代码托管、协作开发等。

前端性能优化

  • 代码优化：压缩、合并、懒加载等。
  • 资源优化：图片、字体、视频等资源优化。
  • 缓存策略：浏览器缓存、服务端缓存等。
  • 网络优化：CDN、DNS 缓存等。

前端安全

  • XSS：跨站脚本攻击。
  • CSRF：跨站请求伪造。
  • SQL 注入：防止 SQL 注入攻击。
  • HTTPS：加密通信。

总结

以上是前端学习秘籍中的一些必备知识点，希望对大家期末复习有所帮助。在实际开发过程中，还需要不断学习新技术、新工具，提高自己的前端技能。祝大家期末考试顺利！