这是我参与「第四届青训营 」笔记创作活动的第5天
一、重点内容
- 简单介绍了前端开发。
- 讲述了Web标准的基本概念。
二、详细知识点
前端开发
起源
刚开始诞生时,web由三种技术构成:
- HTML:超文本标记语言,通过标记式的指令,将影像、声音、图片、文字动画、影视等内容显示出来。(HTML是一种标记语言,而不是编程语言。)
- HTTP:超文本传输协议,一个请求响应协议,一般在TCP之上运行。
- URL:统一资源管理器;由协议、主机域名及路径和文件名三部分组成。
后来随着科技的发展,有了以下两种:
- CSS:级联样式表
- JavaScript:脚本
架构
只读时代(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
前端应用的领域
HTML5技术的移动端方向
- Web内核标准提升
- 提升Web操作体验
- 网络营销游戏化发展
- 移动视频、在线直播
浏览器
- Chrome
- Safari
- Firefox
服务器
- Node.js
- Express
- Koa
终端和跨端
- 命令行/终端
- Webpack CLI
- Babel CLI
- Vue CLI
- React CLI
桌面跨端
- Electron
- NW.js
移动跨端
- React Native
- Flutter
Web标准
为啥有Web标准?
- Web标准可以让开发人员更加容易的理解对方的编码,能够提高开发团队的效率。
- 标准的 web 文档容易被搜索引擎访问和被准确地索引。
- 标准的 web 文档容易被转换为其他格式。
- 标准的 web 文档容易被程序代码访问(比如 JavaScript 和 DOM)。
关于web标准组织
- W3C(万维网联盟)
- Ecma(欧洲计算机制造商协会)
- WHATWG
- IETF(互联网工程任务组)
W3C
W3C全称是World Wide Web Consortium,指万维网联盟。W3C是一个会员组织,由Tim Berners-Lee于1994年10月创建,工作是对 web 进行标准化。
W3C 最重要的工作是发展 Web 规范,这个也称为推荐,全称是Recommendations(Web规范主要描述了Web的通信协议,比如:HTML、XHTML,还有其他的构建模块。
Ecma
Ecma指欧洲计算机制造商协会,于1961年在瑞士创建,目标是满足对计算机语言和输入输出代码进行标准化的需要,它不是一个官方的标准化机构,而是一个与其它官方机构进行合作的公司联合体。 对于web开发人员来说,最重要的标准是ECMAScript,JavaScript的标准化。ECMAScript 是一种标准化的脚本语言,用来处理由 W3C 文档对象模型 (DOM) 所规定的网页对象。通过 ECMAScript,可对 DOM 对象进行添加、删除或修改。
三、应用参考
Web 标准 (w3school.com.cn)
W3C 简介 (w3school.com.cn)