文档章节

前后端分离实践有感

边城
 边城
发布于 01/08 22:37
字数 4677
阅读 4521
收藏 193
点赞 40
评论 45

前后端分离实践有感

前后端分离并不是什么新鲜事,到处都是前后端分离的实践。然而一些历史项目在从一体化 Web 设计转向前后端分离的架构时,仍然不可避免的会遇到各种各样的问题。由于层出不穷的问题,甚至会有团队质疑,一体化好好的,为什么要前后端分离?

说到底,并不是前后分离不好,只是可能不适合,或者说……设计思维还没有转变过来……

一体式 Web 架构示意

一体式 Web 架构示意


前后分离式 Web 架构示意

前后分离式 Web 架构示意

为什么要前后端分离

比为什么要前后端分离更现实的问题是什么时候需要前后端分离,即前后端分离的应用场景。

说起这个问题,我想到了 2011 年左右,公司在以 .NET 开发团队为主的基础上扩展了 Java 团队,两个团队虽然是在做不同的产品,但是仍然存在大量重复性的开发,比如用 ASP.NET WebPage 写了组织机构相关的页面,用 JSP 又要再写一遍。在这种情况下,团队就开始思考这样一个方案:如果前端实现与后端技术无关,那页面呈现的部分就可以共用,不同的后端技术只需要实现后端业务逻辑就好。

方案根本要解决的问题是把数据和页面剥离开来。应对这种需求的技术是现成的,前端采用静态网页相关的技术,HTML + CSS + JavaScript,通过 AJAX 技术调用后端提供的业务接口。前后端协商好接口方式通过 HTTP 提供,统一使用 POST 谓词。接口数据结构使用 XML 实现,前端 jQuery 解析 XML 很方便,后端对 XML 的处理工具就更多了……后来由于后端 JSON库(比如 Newtonsoft JSON.NET、jackson、Gson 等)崛起,前端处理 JSON 也更容易(JSON.parse()JSON.stringify()),就将数据结构换成了 JSON 实现。

这种架构从本质上来说就是 SOA(面向服务的架构)。当后端不提供页面,只是纯粹的通过 Web API 来提供数据和业务交互能力之后,Web 前端就成了纯粹的客户端角色,与 WinForm、移动终端应用属于同样的角色,可以把它们合在一起,统称为前端。以前的一体化架构需要定制页面来实现 Web 应用,同时又定义一套 WebService/WSDL 来对 WinForm 和移动终端提供服务。转换为新的架构之后,可以统一使用 Web API 形式为所有类型的前端提供服务。至于某些类型的前端对这个 Web API 进行的 RPC 封装,那又是另外一回事了。

通过这样的架构改造,前后端实际就已经分离开了。抛开其它类型的前端不提,这里只讨论 Web 前端和后端。由于分离,Web 前端在开发的时候压根不需要了解后端是用的什么技术,只需要后端提供了什么样的接口可以用来做什么事情就好,什么 C#/ASP.NET、Java/JEE、数据库……这些技术可以统统不去了解。而后端的 .NET 团队和 Java 团队也脱离了逻辑无关的美学思维,不需要面对美工精细的界面设计约束,也不需要在思考逻辑实现的同时还要去考虑页面上怎么布局的问题,只需要处理自己擅长的逻辑和数据就好。

前后端分离之后,两端的开发人员都轻松不少,由于技术和业务都更专注,开发效率也提高了。分离带来的好处渐渐体现出来:

1. 前后职责分离

前端倾向于呈现,着重处理用户体验相关的问题;后端则倾处于业务逻辑、数据处理和持久化等。在设计清晰的情况下,后端只需要以数据为中心对业务处理算法负责,并按约定为前端提供 API 接口;而前端使用这些接口对用户体验负责。

2. 前后技术分离

前端可以不用了解后端技术,也不关心后端具体用什么技术来实现,只需要会 HTML/CSS/JavaScript 就能入手;而后端只需要关心后端开发技术,除了省去学习前端技术的麻烦,连 Web 框架的学习研究都只需要关注 Web API 就好,而不用去关注基于页面视图的 MVC 技术(并不是说不需要 MVC,Web API 的接口部分的数据结构呈现也是 View),不用考虑特别复杂的数据组织和呈现。

3. 前后分离带来了用户用户体验和业务处理解耦

前端可以根据用户不同时期的体验需求迅速改版,后端对此毫无压力。同理,后端进行的业务逻辑升级,数据持久方案变更,只要不影响到接口,前端可以毫不知情。当然如果需求变更引起接口变化的时候,前后端又需要坐在一起同步信息了。

4. 前后分离,可以分别归约两端的设计

后端只提供 API 服务,不考虑页面呈现的问题。实现 SOA 架构的 API 可以服务于各种前端,而不仅仅是 Web 前端,可以做到一套服务,各端使用;同时对于前端来说,不依赖后端技术的前端部分可以独立部署,也可以应于 Hybrid 架构,嵌入各种“壳”(比如 Electron、Codorva 等),迅速实现多终端。

前后分离架构

任何技术方案都不是银弹,前后分离不仅带来好处,也带来矛盾。我们在实践初期,由于前端团队力量相对薄弱,同时按照惯例,所有业务处理几乎都是由后端(原来的技术骨干)来设计和定义的,前端处理过程中常常发现接口定义不符合用户操作流程,AJAX 异步请求过多等问题。毕竟后端思维和前端思维还是有所不同——前端思维倾向于用户体验,而后端思维则更倾向于业务的技术实现。

除此之外,前后分离在安全性上的要求也略有不同。由于前后分离本质上是一种 SOA 架构,所以在授权上也需要按 SOA 架构的方式来思考。Cookie/Session 的方式虽然可用,但并不是特别合适,相对来说,基于 Token 的认证则更适合一些。采用基于 Token 的认证就意味着后端的认证部分需要重写……后端当然不想重写,于是会将皮球踢给前端来让前端想办法实现基于 Cookie/Session 的认证……于是前端开始报怨(悲剧)……

谁来主导

这些矛盾的出现,归根结底在于设计不够清晰明确。毫无疑问,在开发过程中,主导者应该是架构师或者设计师。然而实际场景中,架构师或者设计师往往也是开发人员,所以他们的主要技术栈会极大的影响前后端在整个项目中的主次作用。这位骨干处于哪端,开发的便捷性就会向哪端倾斜。这是一个不好的现象,但是我们不得不面对这样的现状,我相信很多不太大的团队也面临着类似的问题。

如果没有良好的流程规范,通常前端接触的到角色会比后端更多(多数应用型项目/产品,并非所有情况)。

  • 前端开发人员会受到项目/产品经理或客户的直接影响:这个地方应该放个按钮,那个操作应该这么进行……;
  • 前端还要与美工对接——这样的设计不好实现,是否可以改成那样?客户要求必须这么操作,但是这个设计做不到;
  • 前端还要跟后端对接,对于某些应用,甚至是多个后端

换句话说,前端可以成为项目沟通的中心,所以比后端更合适承担主导的角色。

接口设计

接口分后端服务实现和前端调用两个部分,技术都是成熟技术,并不难,接口设计才是难点。前面提到前后端会产生一些矛盾。从前端的角度来看,重点关注的是用户体验,包括用户在进行业务操作时的流动方向和相关处理;而从后端的角度来看,重点关注的是数据完整、有效、安全。矛盾在于双方关注点不同,信息不对称,还各有私心。解决这些矛盾的着眼点就是接口设计。

接口设计时,其粒度的大小往往代表了前后端工作量的大小(非绝对,这和整体架构有关)。接口粒度太小,前端要处理的事情就多,尤其是对各种异步处理就可能会感到应接不暇;粒度太大,就会出现高耦合,降低灵活性和扩展性,当然这种情况下后端的工作就轻松不了。业务层面的东西涉及到具体的产品,这里不多做讨论。这里主要讨论一点点技术层面的东西。

就形式上来说,Web API 可以定义成 REST,也可以是 RPC,只要前后端商议确定下来就行。更重要的是在输入参数和输出结果上,最好一开始就有相对固定的定义,这往往取决于前端架构或采用的 UI 框架。

常见请求参数的数据形式有如下一些:

  • 键值对,用于 URL 中的 QueryString 或者 POST 等方法的 Payload
  • XML/JSON/...,通常用于 POST 等方法的 Payload,也可以使用 multipart 传递
  • ROUTE,由后端路由解析 URL 取得,在 RESTful 中常用

而服务器响应的数据形式就五花八门各式各样了,通常一个完整的响应至少需要包含状态码、消息、数据三个部分的内容,其中

  • 状态码,HTTP 状态码或响应数据中特定的状态属性
  • 消息,通常是放在响应内容中,作为数据的一部分
  • 数据,根据接口协议,可能是各种格式,当前最流行的是 JSON

我们在实践中使用 JSON 形式,最初定义了这样一种形式

{
    "code": "number",
    "message": "string",
    "data": "any"
}

code 主要用于指导前端进行一些特殊的操作,比如 0 表示 API 调用成功,非0 表示调用失败,其中 1 表示需要登录、2 表示未获取授权……对于这个定义,前端拿到响应之后,就可以在应用框架层进行一些常规处理,比如当 code1 的时候,弹出登录窗口请用户在当前页面登录,而当 code2 的时候,则弹出消息提示并后附链接引导用户获取授权。

参阅:前后分离模型之封装 Api 调用

一开始这样做并没有什么问题,直到前端框架换用了 jQuery EasyUI。以 EasyUI 为例的好多 UI 库都支持为组件配置数据 URL,它会自动通过 AJAX 来获取数据,但对数据结构有要求。如果仍然采用之前设计的响应结构,就需要为组件定义数据过滤器(filter)来处理响应结果,这样做写 filter 以及为组件声明 filter 的工作量也是不小的。为了减少这部分工作量我们决定改一改接口。

新的接口是一种可变结构,正常情况下返回 UI 需要的数据结构,出错的情况则响应一个类型于原定结构的数据结构:

{
    "error": {
        "identity": "special identity string",
        "code": "number",
        "message": "string",
        "data": "any"
    }
}

对于新响应数据结构,前端框架只需要判断一下是否存在 error 属性,如果存在,检查其 identity 属性是否为指定的特殊值(比如某个特定的 GUID),然后再使用其 codemessage 属性处理错误。这个错误判断过程略为复杂一些,但可以由前端应用框架统一处理。

如果使用 RESTful 风格的接口,部分状态码可以用 HTTP 状态码代替,比如 401 表示需要登录,403 就可以表示没有获得授权,500 表示程序处理过程中发生错误。当然,虽然 HTTP 状态码与 RESTful 风格更配,但是非 RESTful 风格也可以使用 HTTP 状态码来代替 error.code

用户认证

认证方案很多,比如 Cookie/Session 在某些环境下仍然可行、也可以使用基于 Token 和 OAuth 或者 JWT,甚至是自己实现基于 Token 的认证方式。

基于 Cookie/Session 的认证方案

采用传统的 Cookie/Session 认证方案并非不可行,只不过有一些限制。如果前端部分和后端部分同源,比如页面发布在 http://domain.name/,而 Web API 发布在 http://domain.name/api/,这种情况下,原来的一体式 Web 方案所采用的 Cookie/Session 方案可以直接迁移过来,毫无压力。但是如果前面发布和 API 发布不同源,这种方法处理起来就复杂了。

然后一般前后端分离的开发方式,不管是开发阶段还是发布阶段,不同源的可能性占绝大比例,所以认证方案通常会使用与 Cookie 无关的方案。

基于 OAuth 的认证方案

目前各大网站的开放式接口都是 SOA 架构,如果把这些开放式接口看作提供服务方(服务端),而把使用这些开放式接口的应用看作客户端,那么就可以产生这样一种和前后分离对应的关系:

前端 ⇌ 客户端
     ⇣
  (基于 OAuth 的认证)
     ⇡ 
后端 ⇌ 服务端

所以,开放式接口广泛使用的 OAuth 方案用于前后分离是可行的,但在具体实施上却并不是那么容易。尤其是在安全性上,由于前端是完全暴露在外的,与 OAuth 通常实施的环境(后端⇌服务端)相比,要注意的是首次认证不是使用已注册的 AppID 和 AppToken,而是使用用户名和密码。

基于 Token/JWT 的认证方案

虽然这个方案放在最后,但这个方案却是目前前后端分离最适合的方案。基于 Token 的认证方案,各种讨论由来已久,而 JWT 是相对较为成熟,也得到多数人认可的一种。从 jwt.io 上可以找到各种技术栈的 JWT 实现,应用起来也比较方便。

话虽如此,JWT 方案和以前使用的 Cookie/Session 在处理上还是有较大的差别,需要一定的学习成本。有人担心 JWT 的数据量太大。这确实是一个问题,但是硬件并不贵,4G 也开始进入不限流量阶段,一般应用中不用太在意这个问题。

前后分离的测试

前后分离之后,前端的测试将以用户体验测试和集成测试为主,而后端则主要是进行单元测试和 Web API 接口测试。与一体化的 Web 应用相比,多了一层接口测试,这一层测试可以完全自动化,一旦完成测试开发,就能在很大程度上控制住业务处理和数据错误。这样一来,集成测试的工作量会相对单一也容易得多。

前端测试的工作相对来说减轻不了多少,前后分离之后的前端部分承担了原来的集成测试工作。但是在假设 Web API 正确的情况下进行集成测试,工作量是可以减轻不少的,用例可以只关注前端体验性的问题,比如呈现是否正确,跳转是否正确,用户的操作步骤是否符合要求以及提示信息是否准确等等。

对于用户输入有效性验证这部分工作在项目时间紧迫的情况下甚至都可以完全抛给 Web API 去处理。不管是否前后端分离,Web 开发中都有一个共识:永远不要相信前端!既然后端必须保证数据的安全性和有效性,那么前端省略这一步骤并不会对后端造成什么实质性的威胁,最多只是用户体验差一点。但是,如果前后端都要做数据有效性验证,那一定要严格按照文档来进行,不然很容易出现前后端数据验证不一致的情况(这不是前后分离的问题,一体化架构同样存在这个问题)。

小结

总的来说,前后分离所带来的好处还是很明显的。但是具体实施的时候需要一个全新的思考方式,而不是基于原有一体化 Web 开发方式来进行思考。前后分离的开放方式将开发人员从复杂的技术组合中解放出来,大家都可以更专注于自己擅长的领域来进行开发,但同时也对前后端团队的沟通交流提出了更高的要求,前后端团队必须要一同设计出相对稳定的 Web API 接口(这部分工作其实不管是否前后端分离都是少不了的,只是前后分离的架构对此要求更高,更明确地要求接口不只存在于人的记忆中,更要文档化、持久化)。

© 著作权归作者所有

共有 人打赏支持
边城

边城

粉丝 70
博文 6
码字总数 14443
作品 1
绵阳
技术主管
加载中

评论(45)

小恩同学
小恩同学

引用来自“小恩fpfos”的评论

背景:主要从事java Api开发。
前提:(1)前后端分离;ajax请求 (2)一个文章展示的公共页面
请教一下:html在跳转页面后加载ajax请求填充数据,那么html在跳转页面的时候如何以资源定位的方式显示浏览器上方的url?
例如:(1)http://localhost/主题1/文章1 (2)http://localhost/主题2/文章1
他们最后跳转的是同一个页面,ajax通过url的解析,传递api参数。

引用来自“边城”的评论

没明白你的需求。如果是后面要处理两个URl指向同一个文章,那其实起作用的是文章ID,前面的主题ID只是作为一个附件参数保存起来以备后用就好(比如直接进入主题)

HTML 页面跳转之后,URL已经确定了,JavaScript是可以取到URL信息的,所有Ajax请求都可以按这个URL分析出来的参考去请求……这似乎并不是什么难题
感谢您的回复,我理解您的意思!
我不明白的地方是:HTML页面跳转前的步骤,在前后分离的模式中,如何让两个不同的url,指向同一个页面?
谢谢!



小恩同学
小恩同学

引用来自“小恩fpfos”的评论

背景:主要从事java Api开发。
前提:(1)前后端分离;ajax请求 (2)一个文章展示的公共页面
请教一下:html在跳转页面后加载ajax请求填充数据,那么html在跳转页面的时候如何以资源定位的方式显示浏览器上方的url?
例如:(1)http://localhost/主题1/文章1 (2)http://localhost/主题2/文章1
他们最后跳转的是同一个页面,ajax通过url的解析,传递api参数。

引用来自“边城”的评论

没明白你的需求。如果是后面要处理两个URl指向同一个文章,那其实起作用的是文章ID,前面的主题ID只是作为一个附件参数保存起来以备后用就好(比如直接进入主题)

HTML 页面跳转之后,URL已经确定了,JavaScript是可以取到URL信息的,所有Ajax请求都可以按这个URL分析出来的参考去请求……这似乎并不是什么难题
感谢您的回复!
边城
边城

引用来自“小恩fpfos”的评论

背景:主要从事java Api开发。
前提:(1)前后端分离;ajax请求 (2)一个文章展示的公共页面
请教一下:html在跳转页面后加载ajax请求填充数据,那么html在跳转页面的时候如何以资源定位的方式显示浏览器上方的url?
例如:(1)http://localhost/主题1/文章1 (2)http://localhost/主题2/文章1
他们最后跳转的是同一个页面,ajax通过url的解析,传递api参数。
没明白你的需求。如果是后面要处理两个URl指向同一个文章,那其实起作用的是文章ID,前面的主题ID只是作为一个附件参数保存起来以备后用就好(比如直接进入主题)

HTML 页面跳转之后,URL已经确定了,JavaScript是可以取到URL信息的,所有Ajax请求都可以按这个URL分析出来的参考去请求……这似乎并不是什么难题
小恩同学
小恩同学
背景:主要从事java Api开发。
前提:(1)前后端分离;ajax请求 (2)一个文章展示的公共页面
请教一下:html在跳转页面后加载ajax请求填充数据,那么html在跳转页面的时候如何以资源定位的方式显示浏览器上方的url?
例如:(1)http://localhost/主题1/文章1 (2)http://localhost/主题2/文章1
他们最后跳转的是同一个页面,ajax通过url的解析,传递api参数。
minirice
minirice

引用来自“sxgkwei”的评论

:sleepy:前后端分离,一般只会让项目进度变慢,增加相互的扯皮时间。哪儿有文章写的那么好?文章写的好处,只存在于理论上,实际项目开发中,沟通才是最大的成本,OK?一个事儿一个人干完和3个人干完,出问题时,哪种更能明确责任,更能说动谁去做修复?而且,从未见过哪家 web API能通用的,鉴于手机和电脑的2种操作模式的不同和屏幕大小的不同,所以对于客户提供的功能必定有完整版和简略版,那能一样么?
不是我否定 linkedlist 的好,但确实大多数时候 ArrayList 更实用,不是么?
我前后遇到的项目正好由web一体化向前后分离转型,后端专注于业务逻辑,数据等,前端专注于呈现,用户体现等。仅此一点就大大提高了效率。如果要扯皮,那么web一体化架构也会扯皮,这是团队问题,不是技术架构问题
minirice
minirice
最近公司的业务正好遇到,受益匪浅,希望继续写下去!
notreami
notreami

引用来自“米老头”的评论

引用来自“边城”的评论

引用来自“sxgkwei”的评论

:sleepy:前后端分离,一般只会让项目进度变慢,增加相互的扯皮时间。哪儿有文章写的那么好?文章写的好处,只存在于理论上,实际项目开发中,沟通才是最大的成本,OK?一个事儿一个人干完和3个人干完,出问题时,哪种更能明确责任,更能说动谁去做修复?而且,从未见过哪家 web API能通用的,鉴于手机和电脑的2种操作模式的不同和屏幕大小的不同,所以对于客户提供的功能必定有完整版和简略版,那能一样么?
不是我否定 linkedlist 的好,但确实大多数时候 ArrayList 更实用,不是么?

引用来自“边城”的评论

你说的不无道理,实际上确实存在移动端和PC端需求的数据不同的情况,比如某数据在PC端上是按页获取,而在移动端可能需要一次获取3页,每次下拉刷新再多取1页……但是抽象归纳一下,给 API 加个页数的参数,默认为 1,特殊情况下可以指定,就能以一个统一的 API 提供。又比如某数据,PC端需要 10 个字段,但移动端只需要 5 个字段……那么 API 可以统一以 10 个字段提供数据,移动端只用其中 5 个即可,如果考虑流量优化,可以把一个 API 拆成两个,一个获取基本数据,一个获取附加数据,也可以根据某个指定参数(比如 compact=true)来选择返回 5 个字段的数据,或者 10 个字段的数据。总之,遇到问题,总是可以找到解决办法的……有时候多方权衡该牺牲的还是要牺牲,只是要分析清楚该牺牲什么。

引用来自“sxgkwei”的评论

这儿我想说的重点不是技术问题带来的要解决的问题。是人的问题,人的问题,才是我阐述这个问题的中心。人和成本是最重要的问题,然后才是技术实现方案,咱得先活下来吃饱肚子不是?你的这个命题,本身问题并不大,但套到目前中国的实际中,加上这2个技术之外的问题,那就成了天大的问题了。而且,很多项目并不需要这复杂的架构,只要能用就行不是吗?增加项目复杂性的东西,在绝大多数项目中其实都是不适用的。
人的问题不管用什么方案都是问题,撕逼这种事情天天都在发生……要不然也不会11年就开始搞分离搞到现在还有各种问题(文中也提到了),稳定设计、沟通……这些问题在什么样的团队中都存在。理想总是需要的,要不然目标是啥呢……问题也总是要有的,都没问题了,软件工程师就被 AI 代替了。

说前后端分离会让项目开发周期变长的是傻子
项目开发周期 是按照pd(人天)来计算。1个人需要10天,和10个人需要一天,都是10个pd。
米老头

引用来自“边城”的评论

引用来自“sxgkwei”的评论

:sleepy:前后端分离,一般只会让项目进度变慢,增加相互的扯皮时间。哪儿有文章写的那么好?文章写的好处,只存在于理论上,实际项目开发中,沟通才是最大的成本,OK?一个事儿一个人干完和3个人干完,出问题时,哪种更能明确责任,更能说动谁去做修复?而且,从未见过哪家 web API能通用的,鉴于手机和电脑的2种操作模式的不同和屏幕大小的不同,所以对于客户提供的功能必定有完整版和简略版,那能一样么?
不是我否定 linkedlist 的好,但确实大多数时候 ArrayList 更实用,不是么?

引用来自“边城”的评论

你说的不无道理,实际上确实存在移动端和PC端需求的数据不同的情况,比如某数据在PC端上是按页获取,而在移动端可能需要一次获取3页,每次下拉刷新再多取1页……但是抽象归纳一下,给 API 加个页数的参数,默认为 1,特殊情况下可以指定,就能以一个统一的 API 提供。又比如某数据,PC端需要 10 个字段,但移动端只需要 5 个字段……那么 API 可以统一以 10 个字段提供数据,移动端只用其中 5 个即可,如果考虑流量优化,可以把一个 API 拆成两个,一个获取基本数据,一个获取附加数据,也可以根据某个指定参数(比如 compact=true)来选择返回 5 个字段的数据,或者 10 个字段的数据。总之,遇到问题,总是可以找到解决办法的……有时候多方权衡该牺牲的还是要牺牲,只是要分析清楚该牺牲什么。

引用来自“sxgkwei”的评论

这儿我想说的重点不是技术问题带来的要解决的问题。是人的问题,人的问题,才是我阐述这个问题的中心。人和成本是最重要的问题,然后才是技术实现方案,咱得先活下来吃饱肚子不是?你的这个命题,本身问题并不大,但套到目前中国的实际中,加上这2个技术之外的问题,那就成了天大的问题了。而且,很多项目并不需要这复杂的架构,只要能用就行不是吗?增加项目复杂性的东西,在绝大多数项目中其实都是不适用的。
人的问题不管用什么方案都是问题,撕逼这种事情天天都在发生……要不然也不会11年就开始搞分离搞到现在还有各种问题(文中也提到了),稳定设计、沟通……这些问题在什么样的团队中都存在。理想总是需要的,要不然目标是啥呢……问题也总是要有的,都没问题了,软件工程师就被 AI 代替了。

说前后端分离会让项目开发周期变长的是傻子
米老头

引用来自“开源大兔”的评论

引用来自“TedCruz”的评论

移动应用都可以前后分离设计 前段用webpack配合vue-cli搭建开发(用到v-router和vuex)和测试环境 后端提供无状态的rest api,使用jwt认证。需要注意的是,单页面应用并不是指只有一个画面(或html)的应用!!这个概念其实指的是业务流程是一个整体,比如包含几十个html的游戏应用。具体开发时候,配合v-rouer分发跳转画面,vuex管理所有的数据状态,再也没有jquery那种作用域污染,强耦合的问题了。部署的时候,把打包的dist画面往Nginx一扔,啥都不要改,因为webpack都帮你压缩优化了。over! 不精通jquery,vue,ES5,comonJS等规范的后端,必定不是合格的后端!!话说回来,3年以上后端一般都精通jquery或者vue之类的框架,遇坑填坑,简单的要死:sleepy:

引用来自“开源大兔”的评论

jquery已经凉了,vue的在前端圈子存在感并不高,这俩货都是凤凰传奇式的东西,你看看天天追捧凤凰传奇的歌的都是些什么人,追捧流行歌曲的又是些什么人,真正从事音乐创作的又追捧什么样的作品

引用来自“边城”的评论

我正在看《长尾理论》,如果没时间看书看看概要也好。不要小看所谓的过时技术。其实不现代技术就是在传统技术的基础上加了个壳。壳越多操作起来越容易,但是离实质也就越来越远,如果研究深度不够就难以长高,长成参天大树。
我们两个的观点是一致的,角度不同。react本质上是解决了DOM的性能问题,同时进一步推广了单项数据流思想,并没有降低前端开发的复杂度,其他的前端技术,除了NG,都是往降低复杂度的方向发展的(比如语法、API等方面),而前端与后端最本质的区别(后面是个人见解)就在于繁重、复杂、无限的细节处理,简化、快速的前端开发是伪命题,前端思想、技术的迭代只能以提高程序的健壮性为目标。

@开源大兔 我不支持你的观点
loszer
loszer
谢谢,讲得很通俗易懂
前后端分离,最佳实践

文章目录 1.前后端分离是什么 2.为什么需要前后端分离 3.前后端分离,最佳实践 3.1.简单分离模式 3.2.服务端渲染模式 3.2.1.方式一,JSP渲染 3.2.2.方式二,静态页渲染 3.3.Node.js渲染模式 ...

郭恩洲_OSC博客
2016/11/21
30
0
前后端分离

前后端分离实践有感 前后端分离并不是什么新鲜事,到处都是前后端分离的实践。然而一些历史项目在从一体化 Web 设计转向前后端分离的架构时,仍然不可避免的会遇到各种各样的问题。由于层出不...

晨曦艾伯特
01/11
0
0
佛山巨量数据技术有限公司/bd-shop

BDShop ##交流QQ群:107304892 2017-10-03 半年第一次更新了 修复所有bug 请大家更新一下 BDShop是国内少有前后端完全分离的java商城项目. BDShop 系统简介 BDShop商城系统是B2C模式的电子商城...

佛山巨量数据技术有限公司
2017/04/24
0
0
细说 Django—web 前后端分离

本周为大家带来【51Reboot】运维自动化公开课分享,4 月 26 日(周四)晚九点由我们的咸鱼老师为大家细说 Django — web 前后端分离。 讲师介绍 咸鱼老师:曾担任互联网二手车公司运维开发负...

xjtuhit
04/25
0
0
前后端分离框架--VueThink

VueThink 是一套基于 Vue 全家桶(Vue2.x + Vue-router2.x + Vuex)+ Thinkphp5 的前后端分离框架。 脚手架构建也可以通过 vue 官方的 vue-cli 脚手架工具构建,实现了一般后台所需要的功能模...

honraytech
2017/03/22
14K
12
前后端分离的思考与实践(一)

原文出处:淘宝UED - 常胤 也谈基于NodeJS的全栈式开发(基于NodeJS的前后端分离) 前言 为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案...

淘宝UED - 常胤
2014/04/18
0
0
​认证权限管理系统后台 - bootshiro

bootshiro是基于springboot+shiro+jwt的真正restful url资源无状态认证权限管理后端,前端usthe。 开源愿景是提供一个动态的,页面可配置式的rest api保护,开发者无需关注认证权限安全等,后...

tomsun28
05/16
0
0
基于NodeJS的全栈式开发

随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,我们往往需要针对不同的终端开发定制的版本。为了提升开发效率,前后端分...

唐僧他大叔
2015/02/21
0
0
前后端分离方案交流,大家发表一下看法

基于NodeJS的前后端分离(此文章来自淘宝) 前言 为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案都大同小异。痛定思痛,今天我们重新思考...

Koala_考拉
2014/05/26
9.3K
12
前后端分离的思考与实践(六)

原文出处:淘宝UED - 筱谷 Nginx + Node.js + Java 的软件栈部署实践 起 关于前后端分享的思考,我们已经有五篇文章阐述思路与设计。本文介绍淘宝网收藏夹将 Node.js 引入传统技术栈的具体实...

淘宝UED - 筱谷
2014/06/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Java基础——异常

声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权;凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。 异常处理: 可以挖很多个陷阱,但是不要都是一样...

凯哥学堂
29分钟前
0
0
180723-Quick-Task 动态脚本支持框架之结构设计篇

文章链接:https://liuyueyi.github.io/hexblog/2018/07/23/180723-Quick-Task-动态脚本支持框架之结构设计篇/ Quick-Task 动态脚本支持框架之结构设计篇 相关博文: 180702-QuickTask动态脚本...

小灰灰Blog
32分钟前
0
0
SBT 常用开发技巧

SBT 一直以来都是 Scala 开发者不可言说的痛,最主要的原因就是官方文档维护质量较差,没有经过系统的、循序渐进式的整理,导致初学者入门门槛较高。虽然也有其它构建工具可以选择(例如 Mill...

joymufeng
37分钟前
0
0
HBase in Practice - 性能、监控及问题解决

李钰(社区ID:Yu Li),阿里巴巴计算平台事业部高级技术专家,HBase开源社区PMC&committer。开源技术爱好者,主要关注分布式系统设计、大数据基础平台建设等领域。连续4年基于HBase/HDFS设计和...

中国HBase技术社区
38分钟前
1
0
ES18-JAVA API 批量操作

1.批量查询 Multi Get API public static void multiGet() {// 批量查询MultiGetResponse response = getClient().prepareMultiGet().add("my_person", "my_index", "1")// 查......

贾峰uk
42分钟前
0
0
SpringBoot2.0使用health

1,引入actuator <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-actuator</artifactId></dependency> 2,application.properties ......

暗中观察
49分钟前
0
0
阿里巴巴Java开发规约

###编程规约 命名风格 【强制】代码中的命名均不能以下划线或美元符号开始,也不能以下划线或美元符号结束 【强制】代码中的命名严禁使用拼音与英文混合的方式,更不允许直接使用中文的方式。...

简心
54分钟前
0
0
如何用TypeScript来创建一个简单的Web应用

转载地址 如何用TypeScript来创建一个简单的Web应用 安装TypeScript 获取TypeScript工具的方式: 通过npm(Node.js包管理器) npm install -g typescript 构建你的第一个TypeScript文件 创建...

durban
58分钟前
0
0
分享好友,朋友圈自定义分享链接无效

这个问题是微信6.5.6版本以后,修改了分享规则:分享的连接必须在公众号后台设定的js安全域名内

LM_Mike
今天
0
0
2018年7月23日课程

一、LVS-DR介绍 director分配请求到不同的real server。real server 处理请求后直接回应给用户,这样director负载均衡器仅处理客户机与服务器的一半连接。负载均衡器仅处理一半的连接,避免了...

人在艹木中
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部