前端知识框架

93 阅读2分钟

一、为什么应用开发要分为前端和后端? 要理解前端,首先得了解为什么会有前端和后端之分。前端开发单独分离出来,通过请求数据后只更新页面中需要更新的内容,不用整个页面都从后端获取,减轻了服务器的压力,也使得开发的效率更高。 二、前端如何获取后端数据? 前面介绍了前端需要从后端获取数据,然后再更新页面,那怎么获取后端数据呢?我们知道要从后端获取数据,需要后端提供给前端一个接口和服务器地址有了这个地址和接口就可以获取到数据了,如http//xx.xx.xx:8080/users。那最简单的获取数据的方式,比如这个接口是一个get请求,那么可以直接在浏览器地址栏输入地址可接口就可以直接获取到它的返回信息了。但是因为我们还需要在地址栏去访问前端页面,不可能同时打开两个窗口,因此虽然能获取到数据,但是不能在项目中使用。浏览器为了解决这个问题,给我们提供了一个接口XMLHttpRequest()请求后端的数据。随着前端技术的不断迭代,后面又出现了ajax 可以请求后端的数据,再然后有了现在比较常用的axio来请求后端数据。 三.请求数据后,如何更新到页面? 前面介绍了如何请求后端的数据。但是现在有个问题是,如果获取到了后端的数据,要如何更新到页面上呢?浏览器给我们提供了一个docment接口也就是俗称的dom,我们可以利用dom获取到页面上需要更新到元素,然后更新相应的元素就可以了。随着前端技术的进步,从dom获取元素到jquery获取元素,到直接由react或者vue等框架直接js渲染页面。现在前面页面都是由js模拟的虚拟dom来进行渲染的了,框架会自动根据需要变更的内容进行对比,然后只更新需要修改的元素。