产品经理需要了解的前后端知识点 - 网站源码_资源分享

做为一位控制技术商品副经理，介绍其间端基本概念是此基础，即使多于介绍了那些此基础，做为商品副经理，你才不能碰到两个没错是后端难题，但你去和后端技师沟通交流，那个这时候，你能获得的并非标准答案，而要娇鼠。

一、后端技师的控制技术栈

后端技师的控制技术栈：

硬专业技能：HTML/CSS/JavaScript。这3项是后端技师必不可少专业技能。软专业技能：使用者新体验。扩充专业技能：Node.js。

1.1 硬专业技能

HTML和CSS是记号类词汇，这三类是Domain Specific Language，应用领域某一词汇。

JavaScript与前二者物理性质相同，其实质是两门编程词汇。

这两门词汇，互相谐振，绝非分立。CSS要与HTML互相配合，JavaScript方法论需借助于HTML和CSS简单地展现给使用者。

1.2 软专业技能

后端技师是直接面向使用者的，良好的使用者新体验是两个Web商品的基本要素。此处我们讨论的使用者新体验绝非交互方案或视觉设计，那些事是UI、UE的工作。我们讨论的是以下几点：

保证内容的快速展现，减少使用者等待时间保证操作的流畅度如果是移动设备，尽量减少设备的耗电量其实也就是性能。

我们分点解释上述三点。

为何性能至关重要？

性能在任何在线业务的成功方面都扮演重要角色。以下是一些案例研究，显示了性能出色的网站与性能较差的网站相比，如何更好地与使用者互动并留住使用者：

Pinterest 的搜索引擎流量和注册人数增长 15%，得益于其感知等待时间减少 40%。COOK 的转化率提升 7%、跳出率下降 7%，且每次会话浏览页数增加 10%，得益于其页面平均加载时间减少 850 毫秒。以下是两个案例研究，显示了低性能会对业务目标产生不利影响：

BBC 发现其网站的加载时间每增加一秒，便会多失去 10% 的使用者。DoubleClick by Google 发现，如果页面加载时间超过 3 秒，53% 的移动网站访问活动将遭到抛弃。

1.3 扩充专业技能

我们说Node.js是扩充专业技能，并非说Node.js本身，而要指以Node.js为代表的Web服务器端知识。

综上，以下是后端技师的职责能力范畴

二、其间端分离

原始的其间端谐振的串行开发流程已经不能满足Web商品快速的迭代需求，Web开发者开始尝试在开发、测试和部署等各个环节寻求更高效的协作方式。所以，有了其间端分离。

其间端分离指的是通过将后端技师与后端技师进行明确、合理的分工，改善其间端协作中拖慢开发进度的环节，提高拱卒效率。其间端分离的核心是解耦。从开发、测试以及部署这3个角度开，其间端分离对工作效率的提升如下：

开发角度。实现并行开发，缩短开发周期测试角度。分离使得其间端技师更快速、精准地对难题进行定位部署角度。分离将静态文件和动态文件分离部署并结合回滚策略，简化了部署流程，增强了应用程序的健壮性。我们分别来看看，原始的其间端谐振的串行开发，已经其间端分离后的开发模式。

2.1 其间端谐振的串行开发

原始的开发模式，后端开发主要工作是将UI设计稿试用HTML和CSS进行还原，对于JavaScript的开发顶多是实现一些动画效果，业务方法论基本不涉及。然后，后端技师将开发完成的demo交付给后端技师，后端技师做的第一件工作就是将demo代码中的HTML和CSS套入服务器模版引擎中，俗称“套模版”，然后在此此基础上编写客户端的JavaScript业务方法论。

但这种协同工作模式的开发效率是非常低下的。后端的工作，多于等待后端完成了之后才可以开展。

2.2 其间端分离的开发模式

合理的分工是其间端分离的第一步，也是后续各种优化方案的此基础。团队人员按智能分为后端技师和后端技师。对于后端技师来说，后端工程师的唯一产出就是数据，包括用于服务器渲染HTML模版的初始数据和客户端请求返回的数据。

明确了各自的分工后，我们分别从开发、测试和部署3个方面分析其间端分离要解决哪些难题。

2.2.1 开发

开发阶段其间端分离要解决的难题可以按照资源类型分为两种：静态资源的处理和动态资源的处理。

静态资源指的JavaScript、CSS、图片等，这类资源在浏览器的呈现方式是静态的，不须要服务器做任何处理。动态资源指的是HTML模版。

静态资源的处理相对简单，即使这类文件不依赖任何服务器环境，只须要在浏览器里解析即可。

2.2.2 测试

测试分为两个阶段，第两个阶段是其间端技师测试，那个阶段其间端技师的测试是分立的，各自的测试流程和结果不能影响对方。第二个阶段是集成测试，那个阶段其间端的代码进行整合。

2.2.3 部署

其间端分离在部署阶段要解决的难题是静态资源和动态资源的分离部署。