【第二届字节青训营 - 寒假前端场】「Web 标准与前端开发」学习笔记
「Web 标准与前端开发」字节青训营 - 寒假前端场
今天学习了「Web 标准与前端开发」这门课,感谢李松峰老师的精彩讲解,让一个前端小白了解了前端web技术的源头、发展与未来。前端web技术是一个新兴的技术,前端工程师也是最近才出现的。如今,前端从只读时代迈进了敏捷时代,各种新技术、新框架层出不穷,还有很多知识值得我们去探索。了解web标准组织,明白web标准从萌芽到成形再变成明文规范的过程,对我们了解前端发展历史,跟紧前端发展脚步也大有裨益。
前端发展三大时代
只读时代
1989-2004
HTML/CSS/JavaScript。特点:
·单向发布
·静态只读
·链接跳转
·刷新页面
·表格对齐元素
·CGI
体验时代
2005-2010
AjaxWeb APljQuery。特点:
·动态交互
·社交媒体
·用户生成内容(UGC)
·单页应用(SPA)
·jQuery
·YUI
Ajax即Asynchronous Javascript And XML(异步JavaScript和XML)在 2005年被Jesse James Garrett提出的新术语,用来描述一种使用现有技术集合的‘新’方法,包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面,这使得程序能够更快地回应用户的操作。
敏捷时代
2010-2021
Fetch/Node.js/Webpack,特点:
·模块化
·组件化
·转译(transpiling)
·打包(bundling)
·React.js
·Vue.js
Node.js对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好,V8引擎执行Javascript的速度非常快,性能非常好,基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。
浏览器:
桌面浏览器、移动端浏览器
CLI:命令行工具
CLI(command-line interface,命令行界面)是指可在用户提示符下键入可执行指令的界面,它通常不支持鼠标,用户通过键盘输入指令,计算机接收到指令后,予以执行。
WebAssembly
WebAssembly是一种新的编码方式,可以在现代的网络浏览器中运行 - 它是一种低级的类汇编语言,具有紧凑的二进制格式,可以接近原生的性能运行,并为诸如C / C ++等语言提供一个编译目标,以便它们可以在Web上运行。对于网络平台而言,WebAssembly具有巨大的意义——它提供了一条途径,以使得以各种语言编写的代码都可以以接近原生的速度在Web中运行。
推荐文档
An overview of HTTP - HTTP | MDN (mozilla.org)
前端推荐的学习路线:
Frontend Developer Roadmap: Learn to become a modern frontend developer
深入理解现代浏览器(Inside look at modern web browser)
中文版链接:
https://juejin.im/post/5b9b0932e51d450e9059c16a 第一
https://juejin.im/post/5bc293cf6fb9a05ce95c8468 第二
https://juejin.im/post/5bc29d56e51d450e9e4466cc 第三
https://juejin.im/post/5bc95247e51d450e40072e49 第四
https://segmentfault.com/a/1190000016335571 像素的一生
https://www.jianshu.com/p/2a2424bdc057 浏览器内核
https://juejin.im/post/5c9f1a34f265da30a11b1238 浏览器如何工作
web标准组织
W3C:World Wide Web Consortium
Ecma:Ecma International
WHATWG:Web Hypertext Application
Technology Working Group
IETF:Internet Engineering Task Force
W3C官网:https://www.w3.org
Github:https://github.com/w3c
规范查询:https://www.w3.org/Ec
Ecma TC39
官网:https://www.ecma-international.org
TC39:https://tc39.es
Github:https://github.com/tc39
Discourse:https://es.discourse.group
WHATWG
官网:https://whatwg.org/
Github:https://github.com/whatwg
规范查询:https://spec.whatwg.org/
IETF
官网:https://www.ietf.org/
Github:https://github.com/ietf
- Explainer demo
- Find the right community/group
- Web IDL for APIs link
- Step-by-step algorithms
- GitHub, Markdown, respec, bikeshed, etc.
- Get an early review w3ctag/design-reviews
- Write web-platform-tests(WPT) tests
Ecma TC39规范制定流程
参与方式:
1、W3C会议:年度大会(AC、TPAC),工作组会议(每月、研讨会)
2、Ecma会议:年度大会(GA),TC39会议(,每1-2个月)
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战