Day1学习笔记

130 阅读3分钟

Day1:今天青训营正式开课啦!下面是今天的学习笔记
html css js三者在浏览器是如何联系运作的:

一、构建DOM树

通过html的骨架来达到构建DOM树的效果,主要通过head的meta和title以及body的div来实现.

二、计算CSS树

主要通过html{style}下属的body{style}中的div{style}.

三、排版

四、渲染合成

通过渲染引擎.

五、绘制

HTML并非图灵完备,它只是一门标记语言。

图灵完备:图灵完备是指一种计算系统或编程语言具备在理论上能够执行图灵机模型中的所有计算任务的能力。一个系统或语言被称为图灵完备,意味着它能够模拟图灵机的计算过程,并且可以用于解决任何可计算的问题。所以图灵完备性是衡量计算系统能力和表达能力的一个重要标准。

HTML基本语法:

1、标签(元素)Element

2、文本 Text

3、注释 Comment

4、DTD Document Type Defination

5、处理信息 ProcessingInstruction

HTML标签分类:
一、文档型
二、闭合型

1、闭合标签 2、空标签
三、换行型
1、块级标签 2、行内标签
四、H5新元素
1、语义化标签 2、媒体标签 3、表单标签 4、功能标签

ARIA可以为我们设计UI系统提供指导意义:ARIA(Accessible Rich Internet Applications)是一种用于增强Web应用程序可访问性的技术标准。它是一组用于在HTML、SVG(可缩放矢量图形)和其他Web技术中添加语义信息的属性和角色。ARIA旨在改善那些使用辅助技术(如屏幕阅读器、语音识别软件等)访问互联网内容的用户体验。通过使用ARIA属性和角色,开发人员可以向页面中的元素提供更多语义信息,以便辅助技术可以更好地理解和导航页面。

IndexedDB(索引数据库):IndexedDB是一种高级客户端数据库,可以在浏览器中存储结构化数据。它提供了一个类似于关系数据库的API,允许存储和检索复杂的数据结构。

PWAAMP并不是相互排斥的概念,它们可以结合使用。PWA应用可以采用AMP技术来提高页面的性能,达到更好的用户体验。同时,HTML5作为最新的Web技术标准,为PWA和AMP提供了丰富的功能支持。

Blob对象通过继承来自File对象的属性,发送到后端BUffer通过Node.js完成;同时FileReader接收来自Blob对象的参数将其转化成Text,Data Url,ArrayBuffer(Blob对象也可直接转化成ArrayBuffer);ArrayBuffer本身能读不能写,但可以通过TypedArray和DataView提供其写的能力。如下代码: function loadAsText(file){

const reader = new FileReader();

reader.onload = function(loadedEvent) {

//result contains loaded file.

console.log(loadedEvent.target.result);

}

// 输出文本字符串格式

reader.readAsText(file);

// 输出二进制数组格式

reader.readAsArrayBuffer(file);

// 输出DataURL格式字符串

reader.readAsDataURL(file);

}
HTML5具有很多API,这使得开发者可以更好地操作和控制浏览器以及Web应用程序,使得Web应用程序可以实现更多复杂和交互性的功能。

WebAssembly(WASM)是一种新的编码方式,可以直接在浏览器中运行。
今天的笔记就先写到这里啦!upupup!!!