逆向的前端学习思路

一般学习前端开发，基本上都是要从JS，HTML,CSS开始学习。这是传统的WEB前端开发的入门学习路径。对于大多数人都比较适用，没有什么惊喜，也不会有什么速成。

这几天经常在和群里的小伙伴们讲一个事情，就是数据驱动视图。如果由这种方向开始学习WEB前端开发，就是先从JSON或是后端接口，及其返回的数据的结构学起,然后再开始JS，CSS,HTML的学习过程。它的好处我觉得是很明显的，就是先从数据开始，然后由数据开始生成DOM，再往DOM上添加事件。然后由事件触发新的请求。等于是反着学习前端开发的知识。

虽然我到目前为止，还没有看到有谁是这样学习前端开发的。但我觉得如果是我的话，这样学习应该也可以学的通。

因为现在WEB前端的趋势之一，就是数据驱动视图。这其实是一种思路，而不是一种写法或是规范或是什么其它的格式。它更多的是对业务的理解，

从电脑的角度而言，数据的驱动是一种原动力。数据驱动了整个网站，而不是事件驱动的。虽然JavaScritp更多的是基于事件的，但事件操作的是什么呢？是数据。

这一点虽然说来简单，但需要对于业务的深刻的理解和累积。然后将具体的业务进行抽像，将其中的共性的东西抽取出来，形成一个数据的模型。这个数据的模型是什么呢？粗略的来讲，就是JSON的结构。如果你能以JSON的结构来把一个网站的业务模拟清楚，那么就可以算你是理解了它的业务了。

为什么我说以数据的角度来学习前端呢？先说前端是服务于谁？它当然是服务于网站的。那么现在的网站是操作什么呢？是网页吗？显然不是，现在的网站操作的是使用者的数据。

例如你在京东上买东西，你操作的是那些网页吗？不是的，你操作的其实是你在京东网站上的数据。

如果你先一步理解了这些数据，及其含义，那么你在做它的前端开发的时候，会省很多事。考虑的方向也会不同。

当然了，我这篇文章里说的，是一种将来的愿景。做为读者的你就当它是一篇开脑洞的文章吧。