【青训营】 web标准与前端开发

105 阅读3分钟

这是我参与「第四届青训营 」笔记创作活动的第10天

关于前端开发

关于前端开发:起源、架构、变迁

A circles and arrows diagram relating concepts discussed in the paper

上网:操作电子计算机或者手机进入互联网,在网络上进行信息搜索、查询(包含聊天,看视频)等,只要使用过程中用到了网络就叫上网

1989年诞生时,web由三种技术构成:HTML、HTTP、URL,CSS和JavaScript是几年之后出现的

前端变迁:

  1. 只读时代
  2. 体验时代
  3. 敏捷时代

只读时代(1989-2004)

HTML/CSS/JavaScript

  • 单项发布
  • 静态只读
  • 链接跳转
  • 刷新页面
  • 表格对齐元素
  • CGI

体验时代(2005-2010)

Ajax/Web API/jQuery

  • 动态交互
  • 媒体社交
  • 用户生成内容(UGC)
  • jQuery
  • YUI

敏捷时代(2010-2021)

Fetch/Node.js/Webpack

  • 模块化
  • 组件化
  • 转译(transpiling)
  • 打包(bunding)
  • React.js
  • Vue.js

前端应用领域:

  1. To Business
  2. To Customer
  3. To Devekoper

浏览器:

关于前端开发的应用领域,接下来再从运营环境角度看一看。首先,浏览器,包括桌面浏览器和移动浏览器,以及移动App中的WebView,都属于浏览器直接渲染Web应用的范畴;

桌面浏览器包括Chrome、Edge、Firefox、Opera、Safari这五个主流浏览器,事实上随着谷歌Chromium开源项目的不断攻城掠地,也随着开源运动的不断属性,浏览器的多样性正在减少。因为Edge和Opera都已经选择站到了谷歌的阵营,所以事实上只有Chrome、Safari和Firefox三个浏览器。目前,Chrome浏览器的市场份_x0008_额达到67.55%,具有事实上的垄断地位。 移动浏览器主要是Chrome、Safari,还有国内小程序提供商定制的一些浏览器引擎。换句话说,前端不仅要开发在浏览器和WebView中运行的网页,也要开发在小程序运行时上跑的小程序

服务器:

服务器,服务端的开发目前主要还是依托于Node.js这个成熟的JS运行时,npm包管理平台已经成为世界最大的程序包管理平台,2019年6月超过100万。 当然,还有Express、Koa等Web开发框架的生态。 最后,大家也要关注Deno这个新的JavaScript安全运行时。Deno号称是安全运行时。而且,Deno也是Node.js之父Ryan Dahl一手打造的。在发布Deno的时候,Ryan Dahl曾经痛陈“Node.js十大遗憾”。

终端与跨终端:

终端和跨端,这个应用领域通常是开发者工具,比如命令行工具里的Webpack、Babel、React、Vue都有CLI(Command-Line Interface)版,而桌面跨端主要有Electron和NW.js,目前世界上最流行的编码环境VSCode就是基于Electron的一个Web应用

浏览器、网络、服务器

学习路线图:

路线图