【第二届字节青训营 - 寒假前端场】「Web 标准与前端开发」学习笔记

「Web 标准与前端开发」字节青训营 - 寒假前端场

今天学习了「Web 标准与前端开发」这门课,感谢李松峰老师的精彩讲解,让一个前端小白了解了前端web技术的源头、发展与未来。前端web技术是一个新兴的技术,前端工程师也是最近才出现的。如今,前端从只读时代迈进了敏捷时代,各种新技术、新框架层出不穷,还有很多知识值得我们去探索。了解web标准组织,明白web标准从萌芽到成形再变成明文规范的过程,对我们了解前端发展历史,跟紧前端发展脚步也大有裨益。

html

前端发展三大时代

只读时代

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提出的新术语,用来描述一种使用现有技术集合的‘新’方法,包括: HTMLXHTML, 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中运行。

HZS2IH7ILOWREB~`9)WRNOL.png

推荐文档

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规范制定流程

Ecma TC39规范制定流程

参与方式:

1、W3C会议:年度大会(AC、TPAC),工作组会议(每月、研讨会)

2、Ecma会议:年度大会(GA),TC39会议(,每1-2个月)

posted @   进击の小白们  阅读(153)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
xxx2745天23小时12分17秒
点击右上角即可分享
微信分享提示