前后分离的优势：
1.可以实现真正的前后端解耦，前端服务器使用nginx。
前端/WEB服务器放的是css，js，图片等等一系列静态资源（甚至你还可以css，js，图片等资源放到特定的文件服务器，例如阿里云的oss，并使用cdn加速），前端服务器负责控制页面引用&跳转&路由，前端页面异步调用后端的接口，后端/应用服务器使用tomcat（把tomcat想象成一个数据提供者），加快整体响应速度。这里需要使用一些前端工程化的框架比如（nodejs，react，router，react，redux，webpack）
2.发现bug，可以快速定位是谁的问题，不会出现互相踢皮球的现象。
页面逻辑，跳转错误，浏览器兼容性问题，脚本错误，页面样式等问题，全部由前端工程师来负责。
接口数据出错，数据没有提交成功，应答超时等问题，全部由后端工程师来解决。
双方互不干扰，前端与后端是相亲相爱的一家人。
3.在大并发情况下，可以同时水平扩展前后端服务器，比如淘宝的一个首页就需要2000+台前端服务器做集群来抗住日均多少亿+的日均pv。
4.减少后端服务器的并发/负载压力
除了接口以外的其他所有http请求全部转移到前端nginx上，接口的请求调用tomcat，参考nginx反向代理tomcat。
且除了第一次页面请求外，浏览器会大量调用本地缓存。
5.即使后端服务暂时超时或者宕机了，前端页面也会正常访问，只不过数据刷不出来而已。
6.也许你也需要有微信相关的轻应用，那样你的接口完全可以共用，如果也有app相关的服务，
那么只要通过一些代码重构，也可以大量复用接口，提升效率。（多端应用）7.页面显示的东西再多也不怕，因为是异步加载。
8.nginx支持页面热部署，不用重启服务器，前端升级更无缝。
9.增加代码的维护性&易读性（前后端耦在一起的代码读起来相当费劲）。
10.提升开发效率，因为可以前后端并行开发，而不是像以前的强依赖。
11.在nginx中部署证书，外网使用https访问，并且只开放443和80端口，其他端口一律关闭（防止黑客端口扫描），内网使用http，性能和安全都有保障。
12.前端大量的组件代码得以复用，组件化，提升开发效率，抽出来！
导语：我们下载一个软件的同时，总会附带上一些小插件。Brackets 编辑器也一样，那么它有哪些有用的插件呢?下面就让我们一起来学习以下吧。Brackets 编辑器有哪些有用的插件
1. HTML Wrapper
快速使用
等包裹一列元素。
2. Brackets Icons
这是一个非常简单的`扩展，它为你的 Brackets 边栏添加文件图标。该图标视觉体验非常好，可以快速帮你识别出你要编辑的文件的类型。
3. CanIUse
不用离开 Brackets 就可以查看当前浏览器是否支持某个特定的 WEB 技术。这个扩展的数据来源于 Can I use。
4. HTML Skeleton
HTML Skeleton 可以快速的为你的 HTML 文件插入基本的标签，如doctype声明、、、等等。
5. Autoprefixer
该扩展可以自动只能的为 CSS 元素添加前缀。它通过 Can I use 提供的浏览器支持数据来判断是否需要添加前缀。它也可以移除不必要的前缀。
6. JS CSS Minifier
这个扩展为你的 JavaScript 和 CSS 文件移除不必要的字符。这个过程成为压缩，它可以提升网页的加载速度。
7. CSSLint
这个插件可以高亮 CSS 错误及代码质量问题，它通过 CSS Lint 来报告错误与警告。
8. Emmet
如果你从事Web前端开发的话，对该插件一定不会陌生。它可以加快你的 HTML 和 CSS 编写速度。
9. Lorem Ipsum Generator
需要一些文字来填充设计原型?Lorem Ipsum Generator 可以快速的生成一些文本(如果你需要图片占位符的话，可以看看 Lorem Pixel 和 DEVimg )。
10. Beautify
这个扩展可以让你的 HTML、CSS、JavaScript 等代码格式化一致，从而提升可读性。作为延伸，你可以看看 CSSComb。
11. Simple To-Do
使用 Simple To-Do 可以确保你不会忘记项目的任务。它允许你在 Brackets 中为每一个项目创建 TODO 列表。
12. eqFTP
与 WEB 主机传输和同步文件需要用到 FTP 或者 SFTP，但使用 Brackets 不需要这样。通过 eqFTP 扩展，你可以直接在 Brackets 中进行这些操作。
