浏览器与服务器的顺序图

图片发自App

        1、浏览器先向服务器请求页面

        2、服务器向浏览器返回html页面

        3、浏览器拿到页面后会解析html页面

        4、在解析的过程中，会向服务器发起获取css和js的请求；

        5、发完之后，浏览器继续渲染页面

        6、服务器会返回css和js，浏览器则继续渲染页面，不断刷新，最后执行js代码

        7、js执行的时候会再向服务器要数据，服务器再返回数据（这里有个先后的问题，浏览器先拿重要的看得见的数据，看不见的数据后向服务器拿）；

        8、最后再根据拿到的数据去渲染页面

        上面图中红字部分是学前端的同学需要重点学习的部分，因为前端就是从服务器拿数据，再把数据拿过来，再去更新浏览器页面，就是在干这些事。拿数据的过程已经有很多优秀的第三方库来解决，你只需要学习怎么去实践，当你数据拿回来了，这些数据怎么更新到html上，有第三方的库帮你解决，可以很方便的操作。vue就是很方便的快速将数据绑定到html上，进行实时的响应，只要get到这点后，学习前端很快。