前端的相关知识

前端程序员

• 基础

• • HTML / CSS

  • JavaScript

  • DOM

• 中级篇

• • 数据格式（如JSON、XML）

  • RESTful API交互（如jQuery Ajax，Fetch API，ReactiveX）

  • 正则表达式

  • HTML语义化

  • 命令行

  • Node.js

  • DIV / CSS

  • SCSS / SASS

  • 矢量图形 / 矢量图形动画（如SVG）

  • 单页面应用

• 高级篇

• • ES6 / TypeScript

  • CSS3

  • 面向对象编程

  • 函数式编程

  • MVC / MVVM / MV*

  • 安全性（如跨域）

  • 授权（如HTTP Basic、JWT等等）

• 工程化

• • 代码质量（如JSLint / ESLint / TSLint / CSLint）

  • 代码分析（如Code Climate）

  • 测试覆盖率

  • 构建系统（gulp、grunt、webpack等等）

  • 自动构建（脚本）

• 兼容性

• • 跨浏览器测试 （Chrome，IE，Firefox，Safari等等）

  • 跨平台测试（Windows、GNU/Linux，Mac OS等等）

  • 跨设备测试（Desktop，Android，iOS，Windows Phone）

  • 跨版本测试（同一个浏览器的不同版本）

• 前端特定

• • CSS / CSS3 动画

  • JavaScript 动画

  • Web字体嵌入

  • Icon 字体

  • 图形和图表

  • CSS Sprite（如glue）

  • DOM操作（如jQuery、React等等）

  • 模板引擎（如JSX、Handlebars、JSP、Mustache等等）

• 软件工程

• • 版本管理（如git、svn）

  • 包管理（如npm、bower）

  • 依赖管理

  • 模块化（如CommonJS、WebPack）

• 调试

• • 浏览器调试

  • Debug工具

  • Wireshark / Charles抓包

  • 远程设备调试（如Chrome Inspect Devices）

• 测试

• • 单元测试

  • 服务测试

  • UI测试

  • 集成测试

• 性能与优化

• • PageSpeed / Yslow 优化

  • 加载优化（如gzip压缩、缓存等等）

  • 性能测试（特别是移动Web）

  • 可用性

  • 压缩（如Minify、Uglify、CleanCSS等等）

• 设计

• • 切页面

  • 线框图（Wireframe）

  • 响应式设计

  • 网格布局（Grid Layout）

  • Flexbox布局

• SEO

• • Sitemap（站点地图）

  • 内部链接建设

  • MicroData / MicroFormat

  • 页面静态内容生成

  • H1、H2、H3和strong使用

  • Title、Description优化

  • 页面静态内容生成

前端开发目前分为web前端开发和客户端开发

1.web前端开发

web前端开发包括pc端开发、移动端开发（微信公众号开发、混合H5开发、小程序开发、小游戏开发）。

2.客户端开发

客户端开发也叫app开发。

客户端开发指移动端开发，包括Android开发和ios开发。