这是我参与「第四届青训营 」笔记创作活动的的第7天
关于前端开发
起源、架构、变迁
- Web上网:指接入Internet,它是地球上相互连接的计算机组成的网络。计算机网络诞生于上世纪60年代,标志性通信协议是TCP/IP
- 1989年web诞生时由三种技术构成:HTML、HTTP、URL,随后几年CSS与JavaSript也出现了
- 三大时代的变迁
| 只读时代--1989~2004 | 体验时代--2005~2010 | 敏捷时代--2010~2021 |
|---|---|---|
| HTML/ CSS/ JavaScript | Ajax/ Web API/ jQuery | Fetch/ Node.js/ Webpack |
| 单向发展 | 动态交互 | 模块化 |
| 静态只读 | 社交媒体 | 组件化 |
| 链接跳转 | 用户生成内容(UGC) | 转译(transpiling) |
| 刷新页面 | 单页应用(SPA) | 打包(bundling) |
| 表格对齐元素 | jQuery | React.js |
| CGI | YUI | Vue.js |
前端应用的领域
- 工作对象
- 为大企业建造内网
- 给一般的互联网用户浏览
- 给开发者提供便利,提高开发效率,比如vscode
- 浏览器
桌面浏览器:
最火的五个为Chrome、Edge、Firefox、Opera、Safari,但目前Chrome浏览器的占额高达67.55%
移动浏览器:
主要是Chrome、Safari
- 服务器
- node.js框架
- Express.js框架
- koa框架
- 终端与跨端
- 命令行/终端:Webpack CLI、Babel CLI、Vue CLI、React CLI
- 桌面跨端:Electron、NW.js
- 移动跨端:React Native、Flutter
语言、框架、工具
- 语言:HTML、CSS、JavaScript
- 框架:node.js、koa、react、vue
- 工具:git、babel、webpack
关于Web标准
了解Web标准组织
- W3C(World Wide Web Consortium)
官网:www.w3.org Github:github.com/w3c
- Ecma TC39(Ecma International)
官网:www.ecma-international.org Github:github.com/tc39
- WHATWG(Web Hypertext Application Technology Working Group)
官网:whatwg.org/ Github:github.com/whatwg
- IETF(Internet Engineering Task Force)
官网:www.ietf.org Github:github.com/ietf
W3C及Ecma会员
- W3C目前在全球有457家会员,其中中国区有47家
- Ecm的AM会员目前有十八家,中国有五家,分别为字节跳动、华为、腾讯、360、阿里巴巴