为什么会出现前端框架
为了减轻后端的开发压力(既要考虑业务又要组装页面),把组装页面的工作交给前端,所以,产生了前后端分离的工作模式。这样前端的工作就越来越复杂,为了降低前端的复杂度,就出现了前端框架。
前后端分离
前后端分离工作流程:
- 浏览器根据一个地址请求服务器
- 服务器返回一个没有内容的html,如下图,只有一个div
- 服务器返回的html里有很多js文件,浏览器会运行js文件、创建元素、渲染页面
- 在创建元素的过程中如果需要一些业务数据,就发送ajax,从服务器拿数据
- 浏览器根据业务数据继续创建元素、渲染页面
随着前后端分离这种模式的发展,前端开发者承担的功能越来越多,后端只需提供api,不再跟页面有关系。
单页应用
随着前后端分离这种模式的发展,出现了单页应用。过去在传统上网过程中,切换页面会导致页面刷新(当前页面不要,重新去服务器拿),这样会导致传输量增加(因为html里有各种各样的元素,把这些元素抛弃,再重新去服务器拿元素),用户体验会不好。
我们最好的体验是客户端应用程序(例如QQ、微信),响应速度非常快。
什么是单页应用:跳转页面是把当前页面的js删掉,重新构建新的元素,浏览器并没有刷新。
Vue框架
一个页面全部由js渲染出来已经很复杂了,还要做单页应用,不同的页面全是一套js来进行不同的渲染,前端的工作已经变得特别复杂,为了降低前端的复杂度,出现了前端框架。
前端框架的作用:js到了浏览器,我怎样写代码可以方便的在js里完成各种渲染,渲染出各种元素。
前端框架都运行在浏览器端,我们使用vue的js和自己的代码,就可以方便的渲染页面。我们也可以使用vue全家桶里的插件,非常方便的实现跳转页面(删除之前的元素,构建新的元素)。