专栏/都2020年了,前后端分离架构你居然还不会?这样学习Vue+CoreWebApi效率快10倍!

都2020年了,前后端分离架构你居然还不会?这样学习Vue+CoreWebApi效率快10倍!

2020年09月28日 02:13--浏览 · --喜欢 · --评论
朝夕教育
粉丝:5.5万文章:122


为在开发领域飞了几年的老鸟,你是否遇到过前端后端都要管的苦恼?是否因为前后端的各种耦合,扩展非常艰难?还是说只会后端跳槽被鄙视?

Web发展至今技术非常成熟,主流有两种不同的开发方式:前后端不分离和前后端分离。今天,小编就为大家一一揭秘!

一、前后端不分离

前端页面看到的效果都是由后端控制,由后端渲染页面或重定向,也就是后端需要控制前端的展示,前端与后端的耦合度很高。

图 1-1 前后端不分离的数据交互

二、前后端分离

后端仅返回前端所需的数据,不再渲染HTML页面,不再控制前端的效果。至于前端用户看到什么效果,从后端请求的数据如何加载到前端中,都由前端自己决定,网页有网页的处理方式,App有App的处理方式,但无论哪种前端,所需的数据基本相同,后端仅需开发一套逻辑对外提供数据即可。在前后端分离的应用模式中 ,前端与后端的耦合度相对较低。

图 1-2 前后端不分离的数据交互

三、前后端分离的优势

1、加快整体响应速度。

前端/WEB服务器放的是css,js,图片等一系列静态资源,负责控制页面引用&跳转&路由,后端/应用服务器使用IIS/Nginx提供数据即可,职责拆分提升响应速度。


2、快速定位问题

   发现bug,可以快速定位问题,页面逻辑,跳转错误,浏览器兼容性问题,脚本错误,页面样式等问题,全部由前端工程师来负责。接口数据出错,数据没有提交成功,应答超时等问题,全部由后端工程师来解决,各司其职!

3、同时水平扩展前后端服务器

   在大并发情况下,可以同时水平扩展前后端服务器,比如淘宝的一个首页就需要2000+台前端服务器做集群来抗住日均亿级pv,同时后端服务器也是独立做集群扩展,做到每个环节都能水平扩展!


4、减少后端服务器的并发/负载压力

   除了数据接口以外的其他所有http请求全部转移到前端服务器上,接口的请求调用IIS/Nginx。而且除了第一次页面请求外,浏览器还可以大量调用本地缓存,大大降低后台服务器的压力。

5、接口共用

   也许你还有有微信相关的轻应用,还有 app相关的服务,那么只要通过一些代码重构,也可以大量复用接口,提升开发效率,真正做到一套后台多套客户端。


除此之外,前后端分离,增加代码的维护性&易读性,nginx支持页面热部署,不用重启服务器,前端升级更无缝。开发效率得到提升,因为可以前后端并行开发,而不是像以前的强依赖。正所谓术业有专攻,越来越多的大公司更看中前后端分离!

四、前后端分离的框架选型

当前,三大主流前端框架分别是React、Vue、Angular这三个框架,但是从 GitHub 趋势看,Vue 已经排在第一位,达到了 13 万的 Star。国内主流都是以Vue为第一选项!不管是 BAT 大厂,还是创业公司,Vue 都有着广泛的应用,可以说,对于任何一个全栈开发来说, Vue 属于“必修课”

    听了小编的这一番解读,是不是燃起了学习之心!赶紧去学起来吧!





投诉或建议

玻璃钢生产厂家北海玻璃钢产品制造玉溪玻璃钢茶几厂娄底玻璃钢人物雕塑公司亳州玻璃钢装饰造型厂家朔州玻璃钢花池信阳玻璃钢垃圾桶厂家直销临沧玻璃钢座椅多少钱肇庆玻璃钢花钵制作漳州不锈钢家具生产厂家许昌玻璃钢制品制造邯郸玻璃钢机械外壳制作大同玻璃钢座椅批发南平玻璃钢花盆加工镇江玻璃钢花钵定制本溪玻璃钢垃圾桶加工温州玻璃钢天花吊顶定制开封玻璃钢花瓶公司萍乡玻璃钢外壳批发十堰玻璃钢卡通雕塑厂北海玻璃钢种植池哪家好德阳不锈钢家具定制河南玻璃钢装饰厂锦州玻璃钢人物雕塑价格商丘玻璃钢医疗外壳公司自贡玻璃钢座椅株洲玻璃钢动物雕塑批发濮阳玻璃钢价格佛山玻璃钢设备外壳哪家好深圳玻璃钢南阳玻璃钢动物雕塑加工香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化