这是我参与「第四届青训营 」笔记创作活动的的第5天
关于前端
起源
- 1989年,关于信息管理的一个建议,存储在任何一台计算机上的信息都是链接的,写一段空间,让信息链接在一起。
- 上网——互联网Internet,计算机网络诞生于上世纪60年代,标志性通信协议是TCP/IP
架构与变迁
- HTML、HTTP、URL
- 浏览器通过HTTP请求获取HTML文档,URL用来定位资源
- CSS和JS是后来者
- Web变迁:
- 只读时代(单向发布,静态制度,CGI)
- 体验时代(Ajax,动态交互,用户生成内容,单页应用,jQuery)
- 敏捷时代(模块化,转译,打包,react,Vue)
环境
-
浏览器两大形态
形态 浏览器 桌面 chrome、edge 移动 安卓浏览器和ios浏览器 -
服务器:node环境
-
终端:命令行工具(webpack、babel、Vue CLI等)
-
跨端:桌面跨端:NW.js\Electron,移动跨端React Native。。。
语言框架和工具
- HTML结构,css样式,JS动态行为
- WebAssembly:新的编码方式,让浏览器可以运行C++、c、Rust等语言编译后的wasm文件,这种文件运行速度快,可以实现浏览器端的高性能。
- 框架:Node、Vue、React、Babel、TS
Web标准
W3C与ECMA
- World Wide Web Consortium
- W3C全球457家会员
- 大部分浏览器厂商都是会员
- W3C规范制定流程
-
- 写文档
- 找到合适小组并提交
- 认可后写一个API来实现
- 描述清楚算法
- 技术架构组审查
- 写WPT测试用例
- ECMA流程
-
- 稻草人阶段
- 正式建议阶段
- 草案阶段
- 候选推荐,至少又两个实现
- 经过测试成为标准
- W3C:年度大会AC,TPAC,工作组每月会议和各种研讨会
- ECMA:年度大会GA,TC39每1-2月一次
WHATWG
IETF
思考
web前端在不断演化中已经不再是传统的写网页这么简单,在时间的流逝中,它的深度正在不断发展。
在本节课中老师讲述了web的变迁和标准,联系到three.js、JS后端和RN这些我曾经接触过的与写网页无关的技术,我们要了解前端的技术正在不断变革,向内探索是我们要一直坚持的。