这是我参与「第四届青训营 」笔记创作活动的的第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等工具
前端学习路线图
关于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,即推荐标准
三、课后个人总结:
今天学习不是技术方面的,而是关于前端诞生,发展的知识,让我认识到我不仅仅能学习前端的知识,还可以与更多的前端人一起建设前端,创新前端。