疫情期间,停下脚步,终于有韶光去总结自己、反省自己,从而有机会提升自己,人嘛,总不能原地踏步。三年前放弃办公位,随着公司的发展方向,选择扛着我的电脑奔赴各大城市,去履行、开拓、应对市场对软件运用的各式需求。无论堆积了多少的心伤和眼泪,还是从一个坑跳到另一个坑留下的伤痕累累。从结果来看,收成都是颇为丰富的,从中提升了我的代价不雅观和改变了我一些开拓的思维办法。
三年以前,作为一个前端开拓,无论App也好还是稠浊开拓到后来的web开拓。我深知自己的能力和知识储备有限,要有很大的打破是很难的,乃至当时以为每天坐在办公桌上敲一些业务逻辑代码,好比一台机器在设定的程序下重复做一件事,作为一个这样的开拓者,就真正的成为了一台机器,在被磨损,不能生产的那一天,究竟会被淘汰。当真正入行,你才会创造,在中国这个大社会环境下,该行业的竞争压力有多大,人才济济,大佬比比皆是,如果你得不到打破,始终会被固定在一个自己认知的界线里,随着年事的增长被淘汰掉。
虽然现在也要敲代码,但是这种觉得是幸福的,从真正喜好探索大数据天下这天开始,我的职业让我从为了生活变为了生活兴趣,就好比我同事开玩笑道,“在项目交付中,我是最会写代码的;在会写代码中,我是最会项目交付的”,这或许是我的生存之道。然而,每当在项目履行管理中累了,可以敲敲代码,学习后端大数据做事框架;在敲代码中累了,可以反思根据项目业务需求,去根据需求发散思维进行创新。开拓的本意便是须要我们创新,我们的创新,须要凌驾于代码之上,通过不断地学习大数据的架构,通过自己的理解,去提出不同的办理方案。终极的落地履行是分开不了市场的需求。最好的办理方案不是等需求敲定,而是在不断挖掘需求的过程中去想到更多的方案,通过不同的方案去匹配客户勾引客户(ps:深入行业的大数据除外)。这便是我所理解的大数据,也是目前中国社会大环境下的大数据。做事器渲染

回归正题,本日要分享的是前端代码通过做事器渲染,做事器渲染这项技能,在三年前很多web运用就开始盛行利用了,这是一个浏览器加载多数据web运用的办理方案之一。在大数据运用中,无论是我们的业务系统,还是大屏可视化,首先要考虑的是我的运用要通过什么办法来办理加载大量数据的要求以及业务逻辑的打算。
1、什么是做事器渲染
基于大数据项目,底层海量数据搜集,通过大数据手段管理数据存放在数据持久层。如果客户端浏览器直接通过动态要求办法(例如ajax要求),将js数据添补到dom元素上终极展示到网页上,会造成前端性能、交互效果等有较差的用户体验。通过做事器渲染办法,后端现调用数据库,得到数据后,将数据和页面元素进行拼装,组合成完全的htnl页面,再直接返回给浏览器,以便用户浏览。
2、做事器渲染与客户端渲染利害比拟
针对付不同体量项目而言,孰优孰劣,根据判断数据量展示到运用层来选择:
a.做事器端渲染须要花费更多的做事端资源(CPU,内存等)
b.客户端渲染可以将静态资源支配到CDN上,实现高并发
c.做事端渲染对SEO更友好结合剖析,大数据运用在前端上采取做事器渲染是更好的,实在我们也不难创造,大数据运用都会向底层数据库进行大量的数据要求,如果再加一些剖析打算,那前端PC就不堪重负了,我们把这个任务交给一台高配置做事器来完成,不仅节约了前端PC资源,还可以提升良好的用户体验。对付开拓者而言,轻量级的数据运算都是可以放在前端代码去实现,剖析打算通过做事器渲实现业务逻辑代码来完成。当然像重量级的数据运算及算法实现还是须要依托于我们的数据储存工具来完成,通过运算好的结果数据展示在前端页面上,例如hadoop分布式打算三大组件,打算层:Map/Reduce、调度层:YARN、数据层:HDFS通过多节点的支配分工互助可帮我们办理大部分的数据处理。办理方案是灵巧多变的,不管你中间层加多少的工具去处理数据,我们前端获取的是越靠近于终极展示的结果数据,须要我们处理的数据就越少,前真个性能相对就越好(撤除高性能的前端资源渲染考虑,例如:webGL技能,图片资源大小等),至少做事器渲染可以帮我们办理前端繁芜打算的困扰。
源码分享请私信我
在阅读源码前具备:你的电脑装有node.js环境,前端开拓工具,具备js ES6语法,node语法,vue前端框架知识,面向工具编程思想,此环境采取Vue百口桶的技能栈:Vue+vue-router + vuex+SSR+koa
源码解释:此源码从npm install 直接支配, 已配置sass、stylus、scss可直策应用,后期加入java后台搭建组成一个完全的微做事运用平台GitHub源码***地址链接
示意图