什么是前后端分离，要区分前端和后端，需要有个明确的界限。一般，用户可以直接看到的东西，都是属于前端的范畴，除了前端之外都属于后端了。
JNPF快速开发平台采用前后端分离技术、采用B/S架构开发，形成一站式开发多端（APP+PC）使用。
前端爱好者的知识盛宴 此干货供稿者乃鹅厂大神--樊东东 当小编提出能否将其干货文章发表在公众号上时 大神一口答应并发出爽朗的笑声 嘻嘻嘻... 还送上了其前端开发者github的200star整理的文档 小编小心翼翼的收下 并附在了原文链接中！ 各位技友各取所需~ 正文 web前端发展路程 web页面最开始都是一个个静态页面，再加上些动态效果，但资源都是静态的。人们想根据需要，不同的用户、不同的场景生成不同的页面，这就有了asp、jsp等动态页面生成技术，这个时候的web开发者基本前后端一起写。 ajax
前端爱好者的知识盛宴 今天的技术提供者是鹅厂的folgerfan。 给大家分享的Node直出的技术... Node直出，设计出来就是为了， 更快更流畅的浏览体验... 小编把它誉为前端界的特斯拉... 一个字——快！ 最后会有提供者的专属思考， 欢迎留言、转发！ 以及提问供稿者！ 马上去片！ 服务器直出的诞生史 web页面最开始都是一个个静态页面，再加上些动态效果，但资源都是静态的。 人们想根据需要，不同的用户、不同的场景生成不同的页面，这就有了asp、jsp等动态页面生成技术，这个时候的web开发
JAVA 代码与 HTML 等代码是在同一个 war 包中，而且这里的 HTML 指的是 JSP，JSP 是由后端服务器来渲染的，当用户量多的时候会造成服务器性能的影响，因为会进行大量的 JSP 渲染。
付文平，携程机票研发部前端开发总监。2011年加入携程，主要负责携程机票PC、H5、Hybrid业务方面的开发工作。先后负责机票PC前后端分离，H5 Swift改版，机票React Native技术的推进，重点关注Node.js技术和产品体验。
作为Web开发主要会分为Web前端和Web后台，Web前端主要是直接和用户进行交互含有布局、视觉、动画、行为、数据呈现等操作，对于Web后台主要进行数据业务处理，服务，数据库开发，作为2B的SAAS服务的开发，开发效率和架构稳定性是非常重要的，可以有效达到短平快的市场的验证和占领。
前言 性能问题简介 应用性能是产品用户体验的基石，性能优化的终极目标是优化用户体验。当我们谈及性能，最直观能想到的一个词是“快”，Strangeloop在对众多的网站做性能分析之后得出了一个著名的3s定律“页面加载速度超过3s，57%的访客会离开”,可见页面加载速度对于互联网产品的重要性。 速度在Google、百度等搜索引擎的PR评分中也占有一定的比例，会影响到网站的SEO排名。“天下武功，唯快不破”，套在性能上面也非常适用。 性能指标 性能优化是个系统性工程，涉及到后端、前端、移动端、系统网络及各种基础设
画外音：“别人在搞xxoo技术”一定不能成为，一家公司推动“xxoo技术”的理由。
学成在线采用当前流行的前后端分离架构开发，由用户层、UI层、微服务层、数据层等部分组成，为PC、App、 H5等客户端用户提供服务。下图是系统的技术架构图：
这样做是可以的，然而一旦遇到修改，那么要同时修改几个端的代码，很麻烦，不是很完美。
前面分享了一个基于 Python 的电商系统，很多人私信我说，有没有基于 Java 的？
作者：58沈剑，来源：架构师之路 一，典型后端架构 通用业务服务化之后，系统的典型后端结构如上： web-server通过RPC接口，从通用业务服务获取数据 biz-service通过RPC接口，从多
作者：58神剑，来源：架构师之路 一，典型后端架构 通用业务服务化之后，系统的典型后端结构如上： web-server通过RPC接口，从通用业务服务获取数据 biz-service通过RPC接口，从多
通用业务服务化之后，系统的典型后端结构如上： web-server通过RPC接口，从通用业务服务获取数据 biz-service通过RPC接口，从多个基础数据service获取数据 基础数据service通过DAO，从独立db/cache获取数据 db/cache存储数据 随着时间的推移，系统架构并不会一成不变，业务越来越复杂，改版越来越多，此时web-server层虽然使用了MVC架构，但以下诸多痛点是否似曾相识？ 产品追求绚丽的效果，并对设备兼容性要求高，这些需求不断折磨着使用MVC的Java工程师
前端攻城狮要想做到全栈，核心在于以下两点：一是要掌握后端不会的UI（界面）；二是要掌握前端不会的DB（业务）。当然，不是倡导大家每一点都接触一下，然后号称自己是全栈专家。这样的作死行为，就好比在简历里写“精通”某项技术，面试时一定会被问到。全栈是一种信仰，不是拿来吹牛的，而是用来解决更多问题、应对更多变化的，做到全栈可以让自己的知识体系不留空白，享受自我实现的极致快乐。
通常情况下，SPA应用或前后端分离的开发模式下页面加载的基本流程是，浏览器端先加载一个空页面和JavaScript脚本，然后异步请求接口获取数据，渲染页面数据内容后展示给用户。那么问题来了，搜索引擎抓取页面解析该页面HTML中关键字、描述或其他内容时，JavaScript尚未调用执行，搜索引擎获取到的仅仅是一个空页面，所以无法获取页面上<body>中的具体内容，这就比较影响搜索引擎收录页面的内容排行了。尽管我们会在空页面的<meta>里面添加keyword和description的内容，但这肯定是不够的，因为页面关键性的正文内容描述并没有被搜索引擎获取到。
如果前后端职责划分很清楚的话，后端更多开发工作在于业务接口设计、业务逻辑处理以及数据的持久化存储，并提供详细的接口设计文档给前端开发人员使用。
随着时间的推移，系统架构并不会一成不变，业务越来越复杂，改版越来越多，此时web-server层虽然使用了MVC架构，但以下诸多痛点是否似曾相识？
本文主要是介绍作者所在团队最近的一些变化和思考，包括前言、NodeJS职能变化、ReactNative的大规模应用、专门的架构组职能、总结五部分。
传统 Web 前后端协作模式中，HTTP API 是前后端的分界点，服务端交付 API，Web 端根据 API 构建应用。
在前后端分离的应用模式中，后端仅返回前端所需的数据，不再渲染HTML页面，不再控制前端的效果。至于前端用户看到什么效果，从后端请求的数据如何加载到前端中，都由前端自己决定，网页有网页的处理方式，App有App的处理方式，但无论哪种前端，所需的数据基本相同，后端仅需开发一套逻辑对外提供数据即可。
除 H5 端外，均采用前后端分离模式进行开发。此外，为提 H5 作品展示端的渲染性能，采用服务端渲染。
萤火商城 v2.0 版，是 2021 年全新推出的一款轻量级、高性能、前后端分离的电商系统，支持微信小程序 + H5+ 公众号 + APP，前后端源码 100% 开源，看见及所得，完美支持二次开发，让您快速搭建个性化独立商城。 项目介绍 萤火商城 V2.0，是 2021 年全新推出的一款轻量级、高性能、前后端分离的电商系统，支持微信小程序 + H5+ 公众号 + APP，前后端源码完全开源，看见及所得，完美支持二次开发，可学习可商用，让您快速搭建个性化独立商城。 技术特点 前后端完全分离 (互不依赖 开发效
部署h5项目还是很简单的，不过对小白来讲一开始可能也是一脸懵逼，这个简单教程针对的是从未部署过前后端分离前端项目的小白
初入软件开发这一行时，当时还没有前后端分离这个概念，所有的开发工程师既能写html，也能写后台服务，随着技术的发展，前后端分离成为趋势，目前团队不少人能熟悉的写java后台服务，却难以hold住前端页面的开发，前端页面开发成为瓶颈。针对这个情况，筹划了一个前端培训专题，让后端的同事可以通过学习快速掌握前端开发技能。 愿景 培养全栈工程师，前后端均可以Hold住 前端技能梳理 我们把前端同事做的事情简单的梳理下，大概可以分为： 效果图 -> HTML还原 将UED设计的效果图还原为页面，这个也是以前狭义的UI
几年前做前后端分离项目的原因，是node刚刚横空出世，业界开始考虑如何真正的用js去写后端服务，于是就借鉴阿里中途岛项目去尝试，主要还是用到了node的密集io场景下的转发。 我们的新项目是采用前后端分离的方式进行开发，这一点主要是基于产品特点考虑而来，产品本身会有很强的富客户端的特点。 我们后端服务面向的客户端包含：iOS，Android，iPad，H5，还有一些游戏场景。所以最好的方式就是后端提供通用的restapi进行数据传输，而前端展示逻辑则交由不同客户端自己实现。 前后端分离项目主要基于微服务
整个只读的基础表单的所有前后端代码，全部由代码生成器生成，代码生成器中几乎不需要配置，并支持并后端业务代码扩展，直接生成代码后，配置菜单权限即可
业界对于可扩展系统架构设计有一个朴素的理念：通过加机器就可以解决容量和可用性问题。
前端爱好者的知识盛宴 本期推文的作者为吴俊毅，哔哩哔哩的前端架构师。 如果有任何问题欢迎留言评论。 如果你觉得IMWeb有用，欢迎转发。 关注我，我是你的IMWeb。 下面由吴俊毅开讲！ B站的前端之路 2017年已经过去了，总结一下B站的前端进阶之路。 过去的开发模式中，我们采用了以后端为主的 MVC 架构方式。 具体来说，每次项目评审后，前后端会先一起约定好接口，之后分别进行开发，开发完，前端需要把页面提供给后端，后端配置上数据，然后返回出来。正式基于这样的开发模式，导致了总工作量的增加，同时沟通
随着公司业务的拓展，随之而来就是各种系统横向和纵向的增加，PV、UV也都随之增加，原有的系统架构和模式慢慢遇上了瓶颈，需要逐步的对系统从整体上进行改造升级，通过一段时间的整理思路，做一个简单的总结与分享。同时由于能力等方面的不足，如果有什么说的不好之处，还请各位大神多多指点。
源码地址：http://github.crmeb.net/u/tao
链接：cnblogs.com/misterchaos/archive/2020/04/06/12650643.html
这是一个能提高开发效率的开发框架，全自动生成PC与移动端(uniapp)代码;支持移动ios/android/h5/微信小程序。
现在各大技术论坛经常有类似的问题出现，PHP是否过时了，JQuery是否已经被淘汰？前段时间GitHub宣布改版，并且放弃了JQuery依赖，而且发布文章详细的解释了为什么放弃JQuery。这里贴下GitHub英文原版文章：
前后端分离已成为互联网项目开发的业界标准使用方式，通过 nginx + tomcat 的方式（也可以中间加一个 nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS 等等）打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。
业界对于可扩展的系统架构设计有一个朴素的理念,就是：通过加机器就可以解决容量和可用性问题。(如果一台不行那就两台)。(世界上没有什么事是一顿烧烤不能解决的。如果有，那就两顿。） 这一理念在“云计算”概念疯狂流行的今天，得到了广泛的认可！于一个规模迅速增长的系统而言，容量和性能问题当然是首当其冲的。但是随着时间的向前，系统规模的增长，除了面对性能与容量的问题外，还需要面对功能与模块数量上的增长带来的系统复杂性问题以及业务的变化带来的提供差异化服务问题。而许多系统，在架构设计时并未充分考虑到这些问题，导致系统的重构成为常态，从而影响业务交付能力，还浪费人力财力！对此，《可扩展的艺术》一书提出了一个更加系统的可扩展模型—— AKF 可扩展立方 （Scalability Cube）。这个立方体中沿着三个坐标轴设置分别为：X、Y、Z。
本文介绍了前端性能优化中的直出方案，通过减少HTTP请求、合并小文件、懒加载、使用服务器端渲染等方式来提高首屏渲染速度，降低白屏时间，从而提升用户体验。同时，总结了实施直出方案过程中的一些经验和教训，包括前端路由的使用和React同构直出优化等。
前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。
但是毕竟要从前后端不分变为前后端分离，思维的变化还是比较大的，因此，今天我们就再来说说一说这个话题。
前言：分离模式 对前后端分离研究了一段时间，恰逢公司有一个大项目决定尝试使用前后端分离模式进行，便参与其中。该项目从2016年初立项至今，平平稳稳得度过，但也涌现出越来越多的问题，绝对不是说前后端
hi ，大家好，我是三天打鱼，两天晒网的小六六，欢迎大家关注我的公众号："六脉神剑的程序人生"，一起学习,一起进步
http://cyb.hestudy.com/，面向前端模块化工程的构建工具。主要目的是帮助开发者统一前端开发模式和项目开发结构，提高功能扩展和降低维护成本，自动化前端工作流，提高开发效率和开发质量。
近期闲了下来，人一旦闲下来，有时间去思考一些问题。比如说思考一下这个问题：前端到底是个什么神仙工作，说起来也从事前端开发好几年了，但是真正在这里面收获的有什么东西么？
当前互联网产品迭代频繁的背景下，回归测试的时间越来越少，很难在每个迭代周期对所有功能做完整的回归测试。即使有比较完整的UI自动化(版本迭代带来UI在变, 维护成本高,产出率有限), 也非常耗时, 产品功能繁多, 整个UI自动化跑下来会消耗数小时. 但接口自动化测试因其实现简单、维护成本相对较低，容易提高覆盖率等特点，越来越受到广大公司认同。
我当然是非常非常感激这位朋友的，但是他提到的一个技术名词 “前后端分离” 让我有点在意。因为我的网站一直是前后端分离的，所以我猜想这位朋友是不是对前后端分离有什么误解？
最近在学习VUE，感觉确实不错的前端框架。但光学习基本有点太慢，时间太长，主要是为了项目上手使用，所以在网上找了找比较好的VUE框架开发的项目实例。分享给大家。每个项目前边的蓝色是可以点击打开的链接，直接在GIT上跳转到具体的项目工程，大家直接打开访问就可以了。按照自己需求下载代码吧。
本文不讲前后端分离，先讲下模板引擎，Springboot支持很多模板引擎，thymeleaf算是比较好用的一种。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
