青训营笔记:Web标准与前端开发篇

89 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第4天 主要内容为前端开发的起源,架构,变迁;前端应用的领域;语言,框架,工具。

1.前端开发的起源,架构,变迁

起源

image.png

前端的起源可以追溯到欧洲的一个物理研究机构中的一篇论文中的一个(关于信息管理的)观点建议。

架构

image.png

最初的web架构组要包括HTTP,url,html,通过url依靠http协议发送网络请求,将服务器返回的html页面渲染到页面上。

变迁

image.png

  • 只读时代:只读时代类似于阅读器,主要是静态只读的页面,页面跳转都需要刷新网页来实现。

  • 体验时代:由于ajax技术的面世,使得我们可以通过js发起网络请求,将返回的数据通过dom操作更新页面而不需要刷新页面。

  • 敏捷时代:用户体验越来越受到重视,为了提高用户体验,新的的技术和框架开始涌现。进入了大规模开发的时代。

前端应用的领域

1.应用分类

  1. To Business:面向企业型,较大的组织,机构,企业级应用。大型机构,银行,互联网公司内部大多数都会有这类应用平台,例如字节的火山引擎。

  2. To Customer:面向客户的应用。在大众面前的信息通讯,现在的网站,电商平台,在线教育,新闻资讯,生活娱乐等平台。

  3. To Developer:面向开发者应用。提供给开发者开发工具的应用,比如vscode,idea,westom等。

2.浏览器分类

  • 桌面浏览器:chrome, edge,firfox,safari等
  • 移动浏览器:安卓和苹果手机上的浏览器

3.服务器

主要是基于node.js 常用的node后端框架包括:express,koa等

4.终端和跨端

  • 命令行/终端:Webpack CLI,Babel CLI,Vue CLI,React CLI
  • 桌面跨端:Electron,NW.js
  • 移动端跨端:React Native,Flutter

5.语言,框架,工具

image.png

image.png