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

78 阅读3分钟

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

8.jpg

一、重点内容

  • 简单介绍了前端开发。
  • 讲述了Web标准的基本概念。

二、详细知识点

前端开发

起源

刚开始诞生时,web由三种技术构成:

  1. HTML:超文本标记语言,通过标记式的指令,将影像、声音、图片、文字动画、影视等内容显示出来。(HTML是一种标记语言,而不是编程语言。)
  2. HTTP:超文本传输协议,一个请求响应协议,一般在TCP之上运行。
  3. 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标准组织

  1. W3C(万维网联盟)
  2. Ecma(欧洲计算机制造商协会)
  3. WHATWG
  4. 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)

本文若有不足,欢迎纠正。