前端知识点| 青训营

49 阅读2分钟

1. HTML(超文本标记语言):

  • 标签、元素和属性
  • 页面结构:头部、主体、段落、标题等
  • 表单元素和输入验证
  • 媒体元素:图片、音频、视频
  • 语义化标签的使用

2. CSS(层叠样式表):

  • 选择器和样式规则
  • 盒模型:边距、填充、边框、宽度和高度
  • 布局技术:浮动、定位、弹性盒子、网格布局
  • 响应式设计和媒体查询
  • CSS 预处理器(如Sass或Less)
  • CSS 框架(如Bootstrap、Foundation)

3. JavaScript:

  • 变量、数据类型和操作符
  • 条件语句和循环结构
  • 函数和作用域
  • 面向对象编程
  • 异步编程:回调函数、Promise、async/await
  • DOM 操作和事件处理
  • AJAX 和 Fetch API

4. 前端框架和库:

  • React:组件化、状态管理(Redux、Mobx)、React Router
  • Vue.js:数据绑定、组件、Vuex、Vue Router
  • Angular:模块化、依赖注入、路由、状态管理(RxJS、NgRx)
  • jQuery:简化 DOM 操作和事件处理

5. 网络和API:

  • HTTP 协议和请求方法
  • RESTful API 设计原则
  • 跨域问题和解决方案
  • 使用 Fetch、Axios 或其他库进行数据请求

6. 包管理和构建工具:

  • npm 或 Yarn 包管理工具
  • Webpack、Parcel 或 Rollup 构建工具
  • Babel:将新版本的 JavaScript 编译为旧版本以获得浏览器兼容性

7. 浏览器和调试工具:

  • 浏览器的工作原理
  • 开发者工具的使用
  • 前端性能优化和调试技巧

8. 版本控制和协作:

  • Git 版本控制系统的使用
  • 分支管理和合并
  • 团队合作和代码审查

9. 前端安全:

  • XSS(跨站脚本攻击)和 CSRF(跨站请求伪造)防御
  • 安全的密码存储和传输

10. 测试: - 单元测试和集成测试 - 使用测试框架如 Jest、Mocha、Cypress 等

11. 设计模式: - 观察者模式、工厂模式、单例模式等 - MVC、MVVM 等前端架构模式