1.4 移动Web开发知识结构

随着互联网技术的不断更新、发展，Web前端这个职能的定义范围也越来越广，能力要求越来越高，Web前端工程师也成为一个独立的职业和角色，站在互联网舞台的中央位置。

作为移动Web前端工程师，应该掌握的知识和技能是比较庞杂的。下面我们简单梳理一下移动Web前端工程师起步需要掌握的知识结构。

1）基础知识

了解操作系统。

了解编译原理。

了解网络知识。

了解数据库的功能和类型。

理解数据结构。

掌握简单的算法实现。

理解面向对象程序设计基本思路和方法。

了解设计模式的相关概念，并掌握简单、常用的前端设计模式。

2）静态网页设计

熟练掌握HTML/HTML5。

熟练掌握CSS/CSS3。

熟练使用Photoshop、Sketch等工具。

可以使用预编译工具，如Sass、Less。

可以实现数据可视化，如Canvas、SVG。

3）编程语言

熟练掌握JavaScript/ECMAScript 6、ECMAScript 7。

可以使用TypeScript。

可以使用Dart。

4）开发工具

熟练使用一种编辑器，如Visual Studio Code、Sublime Text、Webstorm等。

熟练使用一种代码调试工具，如Chrome开发者工具、Weinre等。

会用代码管理工具，如GIT。

会用性能测试工具，如YSlow。

会用文档工具，如JSDoc。

5）移动端前沿技术

Hybrid/Cordova。

React Native/Weex。

微信小程序。

PWA。

6）浏览器技术

了解浏览器兼容性。

了解HTTP协议。

理解浏览器的性能，如资源加载性能、页面渲染性能等。

理解浏览器的安全，如XSS、CSRF。

7）库／框架

JavaScript库，如jQuery Mobile、Zepto。

UI库，如BootStrap。

渲染模板，如Nunjucks。

MVVM框架，如React、Vue.js、Angular。

数据可视化库，如D3、Echarts。

Node.js，如Koa。

8）代码质量

代码检查，如CSSUnt、ESLint。

单元测试，如Mocha、Jasmine。

自动化测试，如Karma。

9）工程化

模块化标准，如AMD、CMD、CommonJS。

包管理器，如NPM、Yam。

构建工具，如Gulp、WebPack、Rollup。

CI/CD。

Web前端工程师虽然有时被误解为UI设计师。但其实静态页面制作只是他们日常工作中的一小部分，主要的工作是进行浏览器端编码。随着Node.js的流行，一部分后端编码逻辑也变成了Web前端工程师的工作内容之一。可见，计算机基础知识是一名软件工程师必须掌握的，Web前端工程师也不例外。