【一】前端基础之W3C标准

发布时间 2023-07-04 08:14:06作者: Chimengmeng

【一】前端基础之W3C标准

软件架构体系:

(1)、C/S: client/Server 客户端/服务端

  • QQ, 酷狗, 爱奇艺, 王者荣耀等3D游戏

(2)、B/S: browser/Server 浏览器/服务端

  • 百度/淘宝/京东/网页版的爱奇艺/基于web前端技术实现的一些手机APP[例如:百度地图、喜马拉雅、消消乐、斗地主]

1、什么是web前端技术?

  • web前端技术是基于浏览器实现客户端的一套综合技术,包括了HTML、CSS、javascript等。

2、什么是UI客户端技术?

  • UI客户端技术是基于UI模块实现客户端的一种UI模块+打包模块,包括了pygame、pyqt5、Tkinter、wxPython、PyGUI等 结合pyinstaller。

3、发展历史

  • Linux--> 90年 --> GUNLinux
  • 美苏冷战(2极争霸-> 1超多强)
  • --> 美国
  • --> 阿帕网(Unix的母公司、IBM)
  • ->冷战结束
    • -> 博纳斯·李主导设计出了互联网
  • -> 把网络技术推广进行民用
    • -> 博纳斯·李(互联网之父)
    • -> 通过计算机网络来推广计算机技术(SGML[仅仅显示文字的格式,不支持图片,视频、音频]
    • ->HTML[支持文字、图片、视频、音频])
  • --> 普通人怎么看得懂HTML代码?
  • -> 设计出了世界上第一款开源的浏览器以及浏览器内核引擎
  • -> 网景(现在已经没有了)
  • -> 世界上第一款的商用浏览器(占据世界95%份额)
  • -> 导航者浏览器
  • -> 微软
  • --> IE浏览器(2.0, 3.0)
  • --> 进入第一次互联网大战
    • -> 以微软(IE) 与 网景(导航者)分2大阵营
  • --> 最开始以插件多少优劣抢夺市场。
    • 布兰登·艾克基于java部分语法设计出livescript插件(javascript),让导航者浏览器一下打垮了IE浏览器。
      • 但是微软并不想放弃,后面也实现了一个jscript的插件,
      • 但是模仿是很难超越,
      • 所以微软开始让windows系统免费捆绑IE浏览器(著名的IE6.0),并卸载导航者浏览器卸载。
    • 后面网景就失去了浏览器的市场,随着网景公司的浏览器市场流失,网景直接把微软告上了法庭,由此衍生了世界上一款反垄断商业法律,经过了十几年后,网景倒闭了,微软基于IE6.0彻底拿下来世界上最多的浏览器份额赢得了第一次互联网大战,但是官司失败了,赔了100亿美元。
  • 网景的原高管
    • --> Mobila
      • -> 基于导航者浏览器开发出了一款新的浏览器(火狐浏览器)
      • -> 进入了第二次互联网大战(IE阵营对抗 [谷歌浏览器、火狐浏览器、欧朋浏览器、苹果浏览器]),最终IE浏览器寿终正寝,微软放弃了IE浏览器,投向了谷歌阵营
      • -> 收购了美国的一个斯巴达浏览器(Edge),基于斯巴达浏览器结合IE浏览器重新在windows10版本进行发布,最后现代浏览器阵营赢得了第二次互联网大战。
  • 所以,目前世界上使用人数最多的浏览器就变成了谷歌浏览器(2/3)。
  • 目前是世界上所有的浏览器多达上百款,其中浏览器的内核引擎(关系到了HTML语法,CSS语法,Javascript语法)只有3款:IE浏览器内核(Trident)、火狐浏览器内核(Gecko)、谷歌浏览器内核(Webkit,后面升级为了Blink)。像苹果浏览器、欧朋浏览器,遨游浏览器,UC浏览器,360极速浏览器,QQ浏览器,搜狗浏览器等等都是基于谷歌内核设计出来了。

W3C标准

  • w3c: 是一个公益基金组织,由互联网之父(博纳斯·李)牵头组织起来的。

    • w3c(万维网联盟)专门去维护互联网相关技术的发展与规范的。

    • w3c标准为了实现互联网网页制作的统一规范,所以设计了三大标准:

      • 结构标准(HTML)
      • 外观标准(CSS)
      • 行为标准(JS)
    • web开发技术栈一共有3门语言。分别是:

      • HTML:译作超文本标记语言,负责通过标签来表达网页的页面结构

        • 开发者要遵循结构标准,就需要使用HTML来开发网页的内容与结构,需要遵循HTML语法。
      • CSS:译作层叠样式表标记语言,负责通过属性标记来表达网页的外观效果

        • 开发者要遵循外观标准,就需要使用CSS来设计或修改网页的外观效果,需要遵循CSS语法。
      • javascript: 简称js,负责通过编程代码来表达网页的行为特效

        • 开发者要遵循行为标准,就需要使用javascript来编写网页的动态特效以及数据交互能力,需要遵循javascript ECMA语法。