【1.0】前端的发展史

前端的发展史

• HTML(5)、CSS(3)、JavaScript(ES5、ES6)：

  • 编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看
  • javascript=ECMAScript(5,6,13) + Dom + Bom

• Ajax的出现 -> 后台发送异步请求，Render+Ajax混合

  • 异步JavaScript和XML
  • 咱们学的是jq的ajax函数

• 单用Ajax（加载数据，DOM渲染页面）：

  • 前后端分离的雏形

• Angular框架的出现（1个JS框架）：

  • 出现了“前端工程化”的概念（前端也是1个工程、1个项目）

• React、Vue框架：

  • 当下最火的2个前端框架（Vue：国人喜欢用，React：外国人喜欢用）

• 移动开发（Android+IOS） + Web（Web+微信小程序+支付宝小程序） + 桌面开发（Windows桌面）：

  • 前端 -> 大前端

• 一套代码在各个平台运行（大前端）：

  • 谷歌Flutter（Dart语言：和Java很像）可以运行在IOS、Android、PC端

• 在Vue框架的基础性上 uni-app：

  • 一套编码 编到10个平台

• 在不久的将来 ，前端框架可能会一统天下

• 前端的发展史可以从最基础的HTML、CSS和JavaScript开始讲起。
  • HTML是网页的标记语言，用于描述页面的结构；
  • CSS是样式表语言，用于美化网页的外观；
  • 而JavaScript则是用于给网页添加交互行为和动态效果的脚本语言。
• 在最早期，前端开发者需要编写每个页面的代码，并将数据传递给后端进行处理，然后后端再将处理完成的数据返回给前端，在浏览器中显示。这种方式需要前后端配合进行开发，不够灵活
• 随着Ajax（Asynchronous JavaScript and XML）的出现，前端可以通过发送异步请求与后台进行通信，实现页面的局部刷新，不再需要整页刷新。
  • 这使得前后端分离成为可能，前端可以独立开发，后端只负责提供API接口。
• 接下来，Angular框架的出现带来了前端工程化的概念。
  • Angular是一个全面的JavaScript框架，提供了诸如组件化、依赖注入、模块化等特性，使得前端开发更加规范和高效。
• 近年来，React和Vue框架成为了最受欢迎的前端框架。
  • React由Facebook开发，Vue由尤雨溪开发，两者都采用了组件化的思想，使得前端开发更加灵活和可维护。
  • Vue在国内非常流行，而React在国际上也有着广泛的应用。
• 随着移动互联网的兴起，前端开发也涉及到了移动开发和小程序开发。
  • 前端开发者需要熟悉Android、iOS等移动平台的开发技术，并且可以使用Web技术开发跨平台的小程序，如微信小程序和支付宝小程序。
• 随着“大前端”概念的提出，前端不再局限于Web和移动开发，还扩展到了桌面开发。
  • 例如，Electron技术可以将Web技术应用到桌面开发，使得前端开发者可以使用熟悉的技术进行桌面应用程序的开发。
• 另外，谷歌的Flutter框架也实现了一套代码在多个平台运行的能力。
  • Flutter使用Dart语言进行开发，可以同时运行在iOS、Android和桌面平台，为前端开发者提供了更大的发挥空间。
• 最近，基于Vue框架的uni-app也成为了热门的开发工具。
  • uni-app允许开发者使用一套代码编写应用，然后发布到多个平台，包括iOS、Android、Web等。
  • 这使得前端开发更加高效和快捷。
• 总体而言，前端框架的发展趋势是越来越多元化、灵活高效，并且可以跨平台运行。
  • 在不久的将来，前端框架很有可能实现一统天下，成为全球范围内最流行的开发工具之一。