FE 语言

BOM:浏览器对象模型(BrowserObjectModel)

DOM 文档对象模型(Document Object Model): 定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。

 

 

 

HTML:

  • HTML 不是一种编程语言,而是一种标记语言 (markup language)
  • HTML 标签通常是成对出现的,比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • <html> 与 </html> 之间的文本描述网页
  • <body> 与 </body> 之间的文本是可见的页面内容
  • <h1> 与 </h1> 之间的文本被显示为标题
  • <p> 与 </p> 之间的文本被显示为段落

CSS:

           层叠样式表 (Cascading Style Sheets):

  • 样式定义如何显示 HTML 元素,比如字体,颜色等等

JavaScript(JS):

         运行在浏览器上的脚本语言,

  • 当应用于 HTML 文档时,可为网站提供动态交互特性。

    包含以下三个组成部分。

      ECMAScript:由 ECMA-262 定义并提供核心功能。

      文档对象模型(DOM):提供与网页内容交互的方法和接口。

      浏览器对象模型(BOM):提供与浏览器交互的方法和接口。

 

 

页面渲染的过程

渲染过程其实就是将URL对应的各种资源,通过浏览器渲染引擎解析,输出可视化的图像。

Step1: HTML解析,创建DOM树

Step2: CSS解析,形成CSSOM

Step3: DOM+CSSOM合并构建渲染树(render tree)

Step4: 布局和绘制

 

posted @ 2022-09-20 11:32  方园FPP  阅读(56)  评论(0编辑  收藏  举报