1.前后端关注点1).前端:页面性能、流畅速度、兼容性、用户体验2).后端:高并发/高可用/高性能、安全、存储、业务2.WEB前后端分离(前端静态,后端数据,平台无关,架构分离)1).未分离期A)。存在问题a)。前端不能单独调试b).前端难免会遇到后台代码2).从时期(Ajax和SPA(Single-pageapplication)应用的结合)(浏览请求---RESTFUL接口---返回JSON数据,解析,渲染)A)。存在问题a)。JS中有很多冗余。在业务复杂的情况下,页面渲染部分的代码非常复杂b)。当返回的json数据比较大时,渲染会很慢,页面会卡顿。C)。SEO很不方便,因为搜索引擎爬虫无法异步爬取JS渲染的数据,导致出现这样的页面,SEO会有一定的问题d)。资源消耗严重。在业务复杂的情况下,一个页面可能要发起多次HTTP请求来渲染页面(对移动端影响很大)3)。分离期(前端View/Controller|后端Model,业务处理/数据)A).存在的问题a).人员问题(后端学习成本--VUE.JS/NODE.JS)b).产品迭代周期问题(新增接口制定流程/前后端联调流程)c).前端需要学习业务(视觉交互+业务)B).优点a)。前端JS可以做很多数据处理的工作,把服务器的压力降到最低b)。后端错误不会直接反映到前台,错误界面更友好c)。后端很难检测到前端页面的分布情况,这是JS的强项;JS无法独立与服务器通信。前后端各司其职,最大限度降低开发难度3.NODE.JS(RyanDahl,2009.5)1).特性(独有的异步、非阻塞I/O)适用于高并发、I/O密集、业务逻辑量小的场景2)。NODE作为中间件的优势A).适应性的提升(后端专注于自身业务逻辑开发,前端专注于产品效果开发)B).反应速度改进(共享简单的逻辑运算,灵活)C).性能提升(多后台API数据在内网阶段拼接)4.VUE.JS(游雨熙,2014.2)|REACT.JS(脸书,2013.3)1)。共同点A).基于虚拟DOM模型B)。提供响应式(Reactive)和组件化(Composable)视图组件C).专注于核心库,而路由、全局状态管理等其他功能交给相关库2)。REACT优缺点A).优点一)。灵活性和响应能力b)。虚拟DOMc).丰富的JavaScript库d).可扩展性e).持续发展f).WEB或移动平台B).缺点a)。陡峭的学习曲线3)。VUE的优点和缺点A).优点a).易于使用(基于HTML的标准模板)b)。更平滑的整合c).更好的性能,更小的尺寸d)。简单的学习曲线(HTML、JavaScript)e)。适应性(提供无障碍迁移、简单有效的结构和可重复使用的模板)B)。缺点a)。可能会出现大规模应用开发的问题
