前端技术栈目录

125 阅读2分钟

基础技术

HTML

  • 语法基础
  • 常用标签
  • HTML5新特性

CSS

  • 语法基础
  • 选择器
  • 盒模型
  • 布局
  • CSS3新特性

JavaScript

  • 语法基础
  • 数据类型
  • 原型链
  • 闭包
  • DOM操作
  • Ajax
  • ES6新特性

前端框架

Angular

  • 基础概念
  • 模块化
  • 组件化
  • 依赖注入
  • 状态管理
  • RxJS

React

  • 基础概念
  • JSX
  • 组件化
  • 状态管理
  • 生命周期
  • React Router
  • Redux

Vue

  • 基础概念
  • 模板语法
  • 组件化
  • 状态管理
  • 生命周期
  • Vue Router
  • Vuex

前端工具

打包工具

  • Webpack
  • Rollup
  • Parcel

构建工具

  • Gulp
  • Grunt

包管理工具

  • npm
  • Yarn

调试工具

  • Chrome DevTools
  • Firebug
  • Fiddler
  • Charles

版本控制工具

  • Git
  • SVN

前端性能优化

前端性能优化基础

  • 加载时间优化
  • 渲染性能优化
  • 压缩优化
  • 缓存优化

前端性能优化高级

  • 预加载
  • 异步加载
  • 服务端渲染
  • 图片优化
  • CDN加速

前端测试

单元测试

  • Jest
  • Mocha
  • Jasmine

E2E测试

  • Cypress
  • TestCafe
  • Protractor

性能测试

  • Apache JMeter
  • LoadRunner

UI自动化测试

  • Selenium
  • Appium

前端安全

XSS攻击

  • 基础概念
  • 预防措施

CSRF攻击

  • 基础概念
  • 预防措施

点击劫持

  • 基础概念
  • 预防措施

SQL注入攻击

  • 基础概念
  • 预防措施

前端可访问性

可访问性基础

  • 基础概念
  • HTML语义化
  • ARIA属性

可访问性高级

  • 屏幕阅读器
  • Web无障碍评估工具

前端跨平台

小程序开发

  • 微信小程序
  • 支付宝小程序
  • 百度智能小程序
  • 字节跳动小程序

混合开发

  • React Native
  • Ionic
  • PhoneGap/Cordova

前端桌面应用

  • Electron

前端新技术

WebAssembly

  • 基础概念
  • 应用场景

WebVR

  • 基础概念
  • 应用场景

WebGL

  • 基础概念
  • 应用场景

WebRTC

  • 基础概念
  • 应用场景

总结

以上是高级前端必会的前端技术栈目录,包含了基础技术、前端框架、前端工具、前端性能优化、前端测试、前端安全、前端可访问性、前端跨平台、前端新技术等方面。希望能对广大前端工程师有所帮助。

**

**