怎么理解前后端分离（如何做好前后端分离）

8、Node.js，适合搞这种，不过不知道后续的拆分会怎么考量 - xingxing

9、我们原来系统是单体应用 - 鲁猛

10、哦，这样啊 - xingxing

11、做的时候先把前后端项目物理分离，单独部署，然后逐步的提炼服务的API -鲁猛

12、Rest做前后端分离的数据接口 - 小雨同学

13、现在项目中使用PHP方法生成js标签，插入到页面，前端使用去取dom中的值 - 路超

14、为什么还是基于jquery，是否可以切换到vue这种？ - 马胜杰

15、前端新的功能使用vue，PHP生成的js标签里只有一个对象，里面放着前端用到的所有数据。- 路超

16、Vue 你用过上拉加载那种的吗？类似于分页 - 陈阳

17、没，我不是前端，对vue仅仅了解一点 - 路超

18、vue是那种数据绑定的吧，我们这边是jade vue来搞得 - 摄氏36

19、我们之前移动端项目用的 framework7 - 是非

20、前后端分离好处是啥？- tiyee

21、都以API调用返回？ - 梦想旅程

22、我觉得前后端分离。能更好的分工。前端只做前端的事。后端只做后端的事。当然。比如php还有一些前后端分离的模板。但是还是需要一些学习成本。前后端分离。一般只要定好协议。两边就都可以开发了 - 熊mao

23、说白了 就是不想套模板 减少 系统耦合 -李冬

24、模板是中间层，把前后端隔离 - 黑夜路人

25、我觉得，让前端学习如何套模板 - 三千

26、其实php就是前端啊，从更低级的平台取数据，包装，生成html，发给浏览器 - tiyee

27、系统解耦 1，以前做电商，很多数据接口都能标准化，这样前端也能比较方便的模块化，就可以演进出一个前端渲染层能像搭积木一样的拿模块来搭页面，增加电商活动运营效率，如果没有前后端分离作系统解耦，这种提高运营效率的页面搭建系统就很难做了。 - 肖龙

28、然而，跟php有什么区别呢？不过是吧php换成js而已 - tiyee

29、不换也没什么啊，就拿php做渲染也行的，只是标准化的接口抽出来一个系统而已。看你公司的技术栈了 - 肖龙

30、用php获取数据，然后渲染页面，发送前端。用js获取数据，渲染页面，直接展现，两者并没有本质区别，因为都是展现层的事情，都不是业务瓶颈所在。用js可以减少数据传输总量，但是会加大请求数，因为php获取数据可以走内网，但是js只能走公网，php可以把所有数据请求完了一次发送，js得分散请求数据 - tiyee

31、前后端分离的js也是走内网的，nodejs搭了个渲染层的服务器…并不是到了浏览器了再全部走异步接口 - 肖龙

32、你不是在浏览器端渲染的吗？怎么走内网 因为都是展现层的事情，都不是业务瓶颈所在。用js可以减少数据传输总量，但是会加大请求数，因为php获取数据可以走内网，但是js只能走公网，php可以把所有数据请求完了一次发送，js得分散请求数据 - tiyee

33、不完全是浏览器渲染的 - 肖龙

34、另外中国国情，不走https而采用restful，就是给自己找麻烦，全面走https，涉及头疼的cdn问题 - tiyee

35、全网https是挺难的，我们以前做了大半年，视频流的https化好像一直还没解决，不知道现在怎么样了 - 肖龙

36、视频为啥也https啊？ - Daniel

37、这块不是我在做，不太清楚，大概就是https下面有http的内容会报警视频不能播放的问题，有别的办法可以解决，就没有太关心了 - 肖龙

38、一个页面如果是https，必须所有资源都是https，否则报警 - tiyee

39、我这边后端准备全迁java了，前端就php用rpc调服务然后渲染 - Mr.li

40、服务化和语言没关系 -王晶@swoole桶哥

41、chrome会把非https的阻止掉，图片这些会发出警告 - sjdskl

42、很多东西，看着美好，自己一做全是坑 - tiyee

43、我昨天刚把discuz升到https，有些走不了https的就走反向代理 - sjdskl

44、前后端分离就是前后端分工更加明确了，前后端没耦合。包括静态资源与服务器端分离，和视图层与服务器端的分离，只有这两层都与服务器端分离了，才是最佳的解耦状态。这样后端人员只需要关注后端业务和接口提供，前端人员负责页面渲染和功能交互，这样前端就完全不用束缚于后端了，也有利于前后端并行开发。同时这也使前端后端化了，前端要了解服务框架，比如nodejs，express，angularjs等 - dolphin

45、我这边的团队就是前后端分离进行开发，比之前的传统前端只做静态页面相比，开发效率高，性能更好 - 小雨同学

46、我以前也是用angular前后端分离应用，前端没人，我去写的。后端接口也我写，累，效率还低，那时候本来是用laravel做接口的，后来我们全部转成java做接口。领导说 要做大就要用java - sjdskl

47、我之前也用angular自己写前端。用php写接口。并没有发现工作量大了。反而减少了。所有的常用控件都写成指令。前端比较简单了。后端更简单了。基本上就是更新model。不过缺点就是前期工作量太大了。要想好整个结构如何搞。写了大量的指令。后端做了好多可扩展的工作。 - 熊mao

48、angular nodejs mongodb=mean - 影子

49、angular 这么吊？angular 跟 reactjs 哪个更适合做一般web前端？ - 黑夜路人

50、特点不一样 - 影子

51、恩，具体都解决啥场景的问题？- 黑夜路人

52、问题是看适用场景 ，one page application，我们目前给用户提供 用户中心，用户在一个页面做各种操作，查询订单，跟踪订单，反馈之类 - 影子

53、one page application 这种，我担心会不会一个页面同时承载的东西太多。。导致内存消耗过大而且长久不释放？ - flycat

54、然后我们后台有各种服务支持，order service ，tracking service，内存的话 就看js功底了 - 影子

55、感觉angular上手成本还是比较高的，而且angular2用typescript了 - 轩辕•亮

56、angular做管理系统。增删查改。渲染图表还行。其他的很多坑。比如seo。没有一个好的解决方法 - 熊mao

57、seo 谷歌已经支持了 - 影子

58、哦哦。那我落后了。。 - 熊mao

59、1我们用了很多，2目前还没有迁移计划 - 影子

60、angular的性能其实是个不小的问题，当绑定的数据过多时，刷新和响应都明显吃力 - 轩辕•亮

61、那就用profile去找问题呀，我们之前拍卖页上百个倒计时 就导致js内存泄漏 - 影子

62、react估计性能方面比angular好一些吧 - 黑夜路人

63、react 没用过 不好评价，不过mean那一整套值得参考，包括 自动化测试 gulp脚本 - 影子

64、这个是angular设计的问题吧，脏检查什么的，react那种把模板和逻辑混在一起，还是不太习惯，感觉还不如直接php套 - 轩辕•亮

65、总体来说 angular做熟了 做应用太简单了 - 影子

66、嗯。每个数据改变。都触发一次脏检查循环。双向绑定数据少还行。超过1000个变量。。前端就比较蛋疼了 - 熊mao

67、一个大的数据表展示，轻松几千个数据 - 轩辕•亮

68、AngularJS 做内部系统不少，但是做外部产品不算多 - tiyee

69、好像vue在性能上会好一些，但浏览器兼容更少 - 轩辕•亮

70、招个靠谱js比php难太多 - tiyee

71、数据表肯定要分页的吧？前端工资乱开啊 一年angularjs就乱开 - 轩辕•亮

72、分页啊。大数据表展示。你要一屏展示多少行啊，vue确实特别好用。还轻 - 熊mao

73、几百行，一行十个字段，就上千了，普通html页面，几百行的表格没问题吧，真希望前端能统一下，还是php好 - 轩辕•亮

74、前后分离 加rest api很轻松的啊 - 影子

75、没问题是没问题。关键是你一屏想要展示多少数据 - 熊mao

76、恩，vue上手也容易很多 - 轩辕•亮

77、什么语言无所谓的 - 影子

78、当然是可以分页，我就举个栗子~~ - 轩辕•亮

79、angularjs 特别适合做单页面应用，路由很强大。react 渲染速度更快，所以我觉得 react 更适合做 一般的 web 前端 - dolphin

【链接分享】

[优酷土豆的Redis服务平台化之路] http://mp.weixin.qq.com/s?__biz=MzA5NzkxMzg1Nw==&mid=2653159795&idx=1&sn=10264108e1da670774b4b53a1e6dbbe4&scene=1&srcid=0620qqCYtGpXx2YIZDkjPshi#rd

[每个程序员都应该收藏的算法复杂度速查表] http://mp.weixin.qq.com/s?__biz=MjM5NjQ4MjYwMQ==&mid=2664607581&idx=2&sn=8842d48b72d67d5f56955b25bc088545&scene=1&srcid=0620F2GTI577rtrn0A1K93WK

[前后端分离之领域模型的思考] http://mp.weixin.qq.com/s?__biz=MjM5Mjg4NDMwMA==&mid=2652973659&idx=1&sn=a386a3e4e5554f4ada38a74cbee09181&scene=1&srcid=0621iMLdcESLlI08sDKbZlzf

[Nginx开发从入门到精通] http://tengine.taobao.org/book/

[硅谷程序员进阶之路] https://docs.google.com/document/d/1NPojCYmFOSg-GvYfOKKS6dkp6VBNbjVmYho5nl8YI3M/edit

[你是个自律的程序员么？] http://mp.weixin.qq.com/s?__biz=MjM5ODQ2MDIyMA==&mid=2650712411&idx=1&sn=6e6b3fb73d58f440e8dbed931819f16f&scene=1&srcid=0620Lkrt370cEQmDnFM9GmNs

【其他】

以上内容来自微信公众号 “黑夜路人技术” 微信群，聊天记录，欢迎进群讨论

进群方式：关注微信公众账号“黑夜路人技术”公众号，回复“加群”