这是我参与「第四届青训营 」笔记创作活动的第5天
01-关于前端开发
(1)起源、架构、变迁
首先是起源,起源是Tim Berners lee 在1989年在其工作的CERN写的一个建议。CERN是欧洲的一家物理研究机构。论文名称为:Information Management A Proposal。 1989年诞生时,web由三种技术构成:HTML HTTP UR,css和javascript在其几年后诞生。 下面借用字节跳动李松峰老师总结的图演示变迁
(2) 前端应用的领域
- To Business
针对大的组织结构,字节的火山引擎,公有云平台,广告平台。表现为网站,登陆后提供各种服务。例如管理资源,监控状态等。
- To Customer
面向终端的客户 在人们之间提供信息共享的服务
- To Developer
面向开发者 用web技术提供web开发效率的工具
浏览器领域:
- desktop:
Chrome Edge Firefox Opera Safari五个主流浏览器, - mobile:
安卓用到的Chrome,苹果的Safari,还有国内小程序提供商定制的一些浏览器引擎,
换句话说前端不仅要开发在浏览器和webView中运行的网页,也要开发在小程序运行时跑的小程序。 服务器领域: 主要依托于node.js,还有Express ,Koa等web开发框架。然后还有新推出的安全运行时Deno。 终端和跨端: --开发者工具: - 命令行工具:Webpack,Babel,React,Vue等CLI 桌面跨端:Electron,NW.js,VS Code就是基于Electron的一个web应用。 (3) 语言、框架、工具 这里我们关注的就是开发时会用到的东西。 借用老师的ppt:
(4) 前端学习路线图
可以进入roadmap.sh 详细了解。
-
关于Web标准
- 了解Web标准组织
W3C:World Wide Web Consortium
万维网联盟Ecma:Ecma International
javascript注册商标归属于甲骨文公司。WHATWG:Web Hypertext Application Technology Working Group
HTML标签的制定,为了快速实现一些HTML特性所独立出来的工作小组。IETF:Internet Engineering Task Force
负责制定互联网协议这些底层通信标准组织。注意RFC--征求意见稿
大家可以访问其官网,或gitub仓库获取信息。