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

75 阅读3分钟

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

一、重点内容:

  • 前端开发的起源、架构、变迁、应用领域、语言框架工具和学习路线图
  • Web标准与制定流程

二、详细知识点介绍:

关于前端开发

起源、架构、变迁

起源

前端的起源是Tim Berners-Lee的一句话:"Suppose all the information stored oncomputers everywhere were linked.Suppose l could program my computerto create a space in which everythingcould be linked to everything."翻译:假设存储在计算机上的所有信息都是相连的。假设我可以编程我的电脑创建一个空间,所有东西都可以连接到所有东西。”

架构

1989年,WEB由三种技术构成

  • HTML
  • HTTP
  • URL

变迁

  • 只读时代:1989-2004,HTML/CSS/JavaScript

    • 单向发布
    • 静态只读
    • 链接跳转
    • 刷新页面
    • 表格对齐对象
    • CGI
  • 体验时代:2005-2010,Ajax/Web API/Jquery

    • 动态交互
    • 社交媒体
    • 用户生成内容(UGC)
    • 单页应用
    • JQuery
    • YUI
  • 敏捷时代:2010-至今,Fetch/Node.js/Webpack

    • 模块化
    • 组件化
    • 转译(transpiling)
    • 打包(bundling)
    • React
    • Vue

前端应用的领域

前端应用的对象大致可分为三类

  • To Business
  • To Customer
  • To Developer

浏览器

浏览器,包括桌面浏览器和移动浏览器,以及移动App中的WebView,都属于浏览器直接渲染Web应用的范畴;

桌面浏览器包括Chrome、 Edge、Firefox、Opera和Safari这五个主流浏览器,事实上随着谷歌Chromim开源项目的不断攻城掠地,Edge和Opera都已经选择站到了谷歌的阵营,所以事实上只有Chrome、 Satarnl Firefo三个浏览器。目前,Chrome浏训览器的市场份额达到67.55%,具有事实上的垄断地位。

移动浏览器主要是Chrome、Safari,还有国内小程序提供商定制的一些浏览器引擎。换句话说,前端不仅要开发在浏览器和Webview中运行的网页,也要开发在小程序运行时上跑的小程序。

服务器

服务器,服务端的开发目前主要还是依托于Nodejs这个成熟的lS运行时,npm包管理平台已经成为世界最大的程序包管理平台,2019年6月超过100万。当然,还有Express、Koa等web开发框架的生态。

终端和跨端

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

语言、框架、工具

前端有JS,TS等语言,React,Vue等框架,node,npm,webpack,git等工具

前端学习路线图

roadmap.sh/frontend

关于Web标准

Web标准是开放的

标准组织

  • W3C:World Wide Web Consortium
  • Ecma:Ecma International
  • WHATWG: Web Hypertext Application Technology Working Group
  • IETF: Internet Engineering Task Force

W3C规范制定流程

  • WD: Working Draft,即工作草案
  • CR: Candiate Recommendation,即候选推荐
  • PR: Proposed Recommendation,即提议推荐
  • REC: Recommendation,即推荐标准

三、课后个人总结:

今天学习不是技术方面的,而是关于前端诞生,发展的知识,让我认识到我不仅仅能学习前端的知识,还可以与更多的前端人一起建设前端,创新前端。