老古董来回答一下这个问题。

最早是 1 ，之后是 2 。3 在这个过程中一直被当作辅助方式使用，除非是纯静态页面。
1 的时候，叫做，iframe 嵌入。2 的时候，叫做，无刷新请求或动态刷新。3 是辅助方式，没有具体实现名称。

至于现在前端工程化，只不过是基于方式 2 的延申，并没有革命性的提升。
2 在后期，因为 resf 的流行，多数已经是纯接口操作了，前端根据接口返回动态生成 dom 。除此之外，几乎所有大型项目都封装有统一 dom 组件。与现在的 vue/react 的 template 别无二致。

要说差异，最大的还是细节。现在前端没有细节可言，任何识字的人，在了解基本的 html 知识后都可以照着文档写一个页面出来。而古早的项目，细节到任何一行代码都在产生价值。