web前端研发 后端研发
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">说明:Nginx;JSON;Ajax;RESTful Web 服务;Node.js。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1、Nginx是一个轻量级的Web服务器/反向代理服务器和电子邮件(IMAP/POP3)代理服务器,基于类BSD协议发布,特点是内存占用小,并发能力强。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.JSON<span style="color: black;">指的是</span>JavaScript Object Notation,是一种轻量级的文本数据交换格式。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.Ajax <span style="color: black;">表率</span>“异步 Javascript 和 XML”,<span style="color: black;">指的是</span>一种用于创建交互式 Web 应用程序的 Web <span style="color: black;">研发</span>技术。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.REST:全<span style="color: black;">叫作</span>是Representational State Transfer,一种架构风格。在MVC中,<span style="color: black;">能够</span>先从浏览器发送AJAX请求,<span style="color: black;">而后</span>服务器接受请求并返回JSON数据给浏览器,最后在浏览器中渲染出界面。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5.Node.js 是一个 JavaScript 运行时。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在传统的Web<span style="color: black;">研发</span>中,前后端是以浏览器为界进行划分的,将客户端展现给用户的部分<span style="color: black;">叫作</span>为前端,而运行在服务器上,负责业务<span style="color: black;">规律</span>和数据准备的<span style="color: black;">研发</span><span style="color: black;">叫作</span>为后端。例如jsp<span style="color: black;">研发</span>,前后端代码存放在同一个代码库中,<span style="color: black;">乃至</span>是同一个项目目录下,页面中<span style="color: black;">亦</span>混杂着后端代码。前后端工程师在<span style="color: black;">研发</span>时,必须将<span style="color: black;">全部</span>项目导入到<span style="color: black;">研发</span>工具中,前端先编写HTML完成页面设计,<span style="color: black;">而后</span>后端<span style="color: black;">研发</span>人员对其进行改写并添加jsp代码,最后将所有代码打包成war包<span style="color: black;">安排</span>在同一台服务器上。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">前后端分离不仅是一种<span style="color: black;">研发</span>模式,<span style="color: black;">亦</span>是一种Web<span style="color: black;">研发</span>中的架构模型。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">存储分离:在前后端完全分离的今天,前后端代码<span style="color: black;">处在</span><span style="color: black;">区别</span>的代码库中,前后端<span style="color: black;">研发</span>只需要设计API接口和约定好数据,<span style="color: black;">而后</span>前后端并行<span style="color: black;">研发</span>。前端代码中存在<span style="color: black;">能够</span>进行Mock测试(一种<span style="color: black;">经过</span>构建虚拟测试对象来简化测试环境的<span style="color: black;">办法</span>)的伪后端,<span style="color: black;">能够</span>支持前端独立<span style="color: black;">研发</span>和测试。后端代码中除了功能实现之外,还<span style="color: black;">能够</span><span style="color: black;">经过</span>接口测试平台进行接口自测。<span style="color: black;">最后</span>实现前后端合一。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">前后端交互:前后端分离架构中,后端只负责<span style="color: black;">根据</span>约定的数据格式向前端<span style="color: black;">供给</span>可调用的API服务,前后端<span style="color: black;">经过</span>HTTP请求进行交互,前端获取数据后进行页面组装渲染,<span style="color: black;">最后</span>返回给浏览器。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">安排</span>分离:前端<span style="color: black;">安排</span>一个node.js服务器,前端HTML页面<span style="color: black;">经过</span>ajax调用后端restuful API接口,<span style="color: black;">运用</span>json数据进行交互。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">后端Java工程师:</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Java<span style="color: black;">基本</span>、设计模式、jvm原理、spring+springmvc原理及源码、linux、mysql事务隔离与锁机制、mongodb、http/tcp、多线程、分布式架构(dubbo、dubbox、spring cloud)、弹性计算架构、微服务架构(springboot+zookeeper+docker+jenkins)、java性能优化、以及<span style="color: black;">关联</span>项目管理等。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">后端:三高(高并发、高可用、高性能)、安全、存储、业务等。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">前端工程师:</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">html5、css3、jquery、angularjs、bootstrap、reactjs、vuejs、webpack、less/sass、gulp、nodejs、Google V8引擎、javascript多线程、模块化、面向方面编程、设计模式、浏览器兼容性、性能优化等。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">前端:页面性能、速度、兼容性、用户体验等。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">前后端分离<span style="color: black;">研发</span>流程:</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-axegupay5k/f7556c86a0064dd8a12065955bc6b062~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728742261&x-signature=T0UboEUrhpPxhY74YVRs%2Fq2EGa0%3D" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">数据接口规范流程:</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/cf005fa7b69d40f2a282bcccf5386941~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728742261&x-signature=VzayyPoJVn1L6KnO15EEatXHnQA%3D" style="width: 50%; margin-bottom: 20px;"></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">前后端分离架构示例:</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-qvj2lq49k0/c0301ed8159f4380a1e4bb191d5c4eec~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1728742261&x-signature=tgEVOws5%2BgnjfGXaNAtlyrcPi6s%3D" style="width: 50%; margin-bottom: 20px;"></p>
我赞同你的看法,你的智慧让人佩服,谢谢分享。 回顾历史,我们不难发现:无数先辈用鲜血和生命铺就了中华民族复兴的康庄大道。 期待你更多的精彩评论,一起交流学习。
页:
[1]