
1、浏览器先向服务器请求页面
2、服务器向浏览器返回html页面
3、浏览器拿到页面后会解析html页面
4、在解析的过程中,会向服务器发起获取css和js的请求;
5、发完之后,浏览器继续渲染页面
6、服务器会返回css和js,浏览器则继续渲染页面,不断刷新,最后执行js代码
7、js执行的时候会再向服务器要数据,服务器再返回数据(这里有个先后的问题,浏览器先拿重要的看得见的数据,看不见的数据后向服务器拿);
8、最后再根据拿到的数据去渲染页面
上面图中红字部分是学前端的同学需要重点学习的部分,因为前端就是从服务器拿数据,再把数据拿过来,再去更新浏览器页面,就是在干这些事。拿数据的过程已经有很多优秀的第三方库来解决,你只需要学习怎么去实践,当你数据拿回来了,这些数据怎么更新到html上,有第三方的库帮你解决,可以很方便的操作。vue就是很方便的快速将数据绑定到html上,进行实时的响应,只要get到这点后,学习前端很快。
网友评论