这是我参与「第四届青训营 」笔记创作活动的第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 语言、框架、工具
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
-
W3C的规范查询地址:All Standards and Drafts - W3C
-
TC39规范查询:TC39 – Specifying JavaScript.
-
WHATWG规范查询:Standards — WHATWG