很多人奔着前端好学的名头来的，向往程序员的高薪，不论是学好什么知识，都不容易，这次小诚为小白们总结了网络上常常能看到的一些高大上的，但是可能你还没弄清的概念，谈谈如何构建前端知识体系，希望能帮到大家

一、基础知识

我们都知道打牢基础才有更大的发展，那么编程的基础是什么？大学和培训的差别在哪里？

一般来说，基础知识包括算法、数据结构、操作系统、网络、编码等等，这很容易被忽略，大家都关注具体的技术实现，不愿意继续深究。

二、技术标准

为什么有这么多种编程语言？不同的语言有什么区别？为什么这个函数定义变量？

这里诚筑说要聊聊标准，像英语中的语法，编程语言也要按照一定的规则来组织语言，才能让计算机读懂人的想法，计算机其实很笨，所以人要学编程语言应对计算机。

WEB标准不只是一个标准，而是一系列标准：

1. 结构方面：XML、XHTML

2. 表现方面：CSS

3. 行为方面：DOM、ECMAscript

我们常说的JS便遵循着ECMA-262第六版(ES6或者叫ES 2015语言规范)

标准很重要，开发人员按照这个写代码，浏览器按照这个展现效果。

三、开发环境

看到这四个字，你可能一头雾水，这是啥呀？开发环境主要涉及的是程序员日常使用的工具，不同的工具构建起了前端编程开发的条件。一般常用的有这些方面：

1. 集成开发环境（IDE）

一般含有代码编辑器、编译、调试、用户界面等工具，好的IDE能够让编程开发更加方便快捷，能够提高程序员写代码的效率。常见的有vim、sublime、vs等。

2. 前端脚手架

一套工具，一套项目模板，帮助我们处理问题、构建项目，不同的技术框架，如vue，angular等都会有自己的脚手架，通常加-cli。

3. 代码管理

大型项目需要多人合作完成，这时候团队合作、代码管理便显得很重要了，常见的形式有git和svn两种，主要还是看工作需要。

四、框架和库

其实学好前面几点已经可以自己建站了，这里想给大家介绍的框架和库也是一种加速工具，能够给大家带来方便快捷的体验。常用的jQuery、Angular、React、Vue等等。

说了这么多有没有对前端学习清楚一点呢？前期不要多想，学好html、css、js，有时间的话还可以研究一下基础知识，后面针对练习，多积累项目经验，祝大家学习愉快！