DAY5 Web标准与前端开发 | 青训营笔记

72 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第5天

1.关于前端开发

1.1 起源、框架、变迁

  • 1989年诞生时,Web由三种技术构成:
    • HTML
    • URL
    • HTTP
  • CSS和JavaScript是几几年才出现的。

只读时代(1989-2004) HTML/CSS/JavaScript

 单向发布
 静态只读
 链接跳转
 刷新页面
 表格对齐元素
 CGI

体验时代(2005-2010) Ajax/Web API/jQuery

 动态交互
 社交媒体
 用户生成内容(UGC)
 单页应用(SPA)
 jQuery
 YUI

敏捷时代(2010-2021) Fetch/Node.js /Webpack

 模块化
 组件化
 转译(trangspiling)
 打包(bundling)
 React.js
 Vue.js

1.2前端开发的领域

TO Business
TO Customer
TO Developer

前端开发的领域之浏览器

  • 桌面端
  • 移动端

前端开发的领域之服务器

  • node.js等

前端开发的领域之终端和跨端

命令行/终端
Webpack CLI
Babel CLI
Vue CLI
React CLI
桌面跨端
Electron
NW.js
移动跨端
React Native
Flutter

1.3 语言、框架、工具

image.png

1.4 浏览器、网络、服务器

浏览器原理需要从架构、导航、渲染、交互四个层面进入学习。学习前端除了页面的 设计渲染外,还需要掌握网络技术与服务器语言,能够实现前端与后端的交互。 学习前端需要学习HTTP1.0、HTTP1.1、常见请求报文等基础网络知识。才能实现请求发报等需求。 服务器知识,需要了解服务器负载,在前端请求进行优化减轻服务负载。

2.关于web标准

2.1 了解Web标准组织

W3C: World Wide Web Consortium

Ecma :Ecma International

WHATWG: Web Hypertext Application Technology Working Group

IETF: Internet Engineering Task Force

2.2 W3C与Ecam会员

2.3 W3C规范制定流程

2.4 TC39流程