前端知识图谱

基础（基本功）

• js 基本语法

• 常用 API

  • Object.assign

  • Object.defineProperty

  • Function.prototype.apply, Function.prototype.call, Function.prototype.bind

  • String.prototype.indexOf, String.prototype.split, String.prototype.match, String.prototype.replace

  • Array.prototype.forEach, Array.prototype.map, Array.prototype.reduce, Array.prototype.filter, Array.prototype.some

• CSS 基础

  • 盒子模型
  • 垂直居中布局各种解决方案

• DOM 事件模型

• DOM 常用 API

  • document.querySelector
  • element.getBoundingClientRect
  • element.addEventListener

进阶（内功）

• CSS 进阶（高效的动画）

• SVG, Canvas

• 常用框架核心原理，如：vue, vue-router, vuex

• es6 高级特性进阶

• 前端工程化实践经验（ Webpack 及 Gulp 的区别、原理，自动化发布？）

• 网站优化进阶（ devtool 使用、内存泄漏问题）

• 闭包原理，词法作用域

• 函数式编程（概念、高阶函数）

• immutable.js structual share

• 移动端应用开发看法（经验）

  • 网络环境
  • 浏览器环境 / 微信、QQ、微博等超级 APP Webview
  • 用户交互方式
  • 页面适配: flexible

• HTTP 状态码(302, 304, 406)

• Web 安全(XSS等)

• 基本的运维能力

  • 熟悉 Linux 环境
  • Nginx 基础

• 至少掌握一门后端语言并有实战经验(Java, Ruby, Python, Node)