【1.0】前端的发展史

发布时间 2023-08-06 22:33:31作者: Chimengmeng

前端的发展史

  • 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等。
    • 这使得前端开发更加高效和快捷。
  • 总体而言,前端框架的发展趋势是越来越多元化、灵活高效,并且可以跨平台运行。
    • 在不久的将来,前端框架很有可能实现一统天下,成为全球范围内最流行的开发工具之一。