博客主页 | 全栈道

前端基础

前端基础知识

通过前面的四节，我们对HTML已经有了一个基本的认识和使用。可是，当我们写了很多的HTML时，我们会发现即使一样的展示效果，可是我们却写得全然不同。例如：

<body>
    <span style="background-color: red;">这是span</span>
    <p style="background-color: red; display: inline;">这是p</p>
</body>

全栈道原创2023/9/11大约 3 分钟

性能优化。您可以使用该loading=lazy属性来推迟图像的加载，直到用户滚动到它们为止。

<img src='image.jpg' loading='lazy' alt='Alternative Text'>

全栈道原创2023/9/11大约 4 分钟

数组对象是使用单独的变量名来存储一系列的值。
TypeScript 声明数组的语法格式如下所示：

var array_name[:datatype];        //声明 
array_name = [val1,val2,valn..]   //初始化

全栈道2025/1/5大约 4 分钟

Map 对象保存键值对，并且能够记住键的原始插入顺序。
任何值(对象或者原始值) 都可以作为一个键或一个值。
Map 是 ES6 中引入的一种新的数据结构，可以参考 ES6 Map 与 Set。

let myMap = new Map();

全栈道2025/1/5大约 1 分钟

TypeScript 与 JavaScript 类似，支持 Number 对象。
Number 对象是原始数值的包装对象。
语法：

var num = new Number(value);

全栈道2025/1/5大约 2 分钟

全栈道2025/1/5小于 1 分钟

String 对象用于处理文本（字符串）。

var txt = new String("string");
或者更简单方式：
var txt = "string";

全栈道2025/1/5大约 3 分钟

我们知道数组中元素的数据类型都一般是相同的（any[] 类型的数组可以不同），如果存储的元素数据类型不同，则需要使用元组。
元组中允许存储不同类型的元素，元组可以作为参数传递给函数。
语法如下：

var tuple_name = [value1,value2,value3,…value n]

全栈道2025/1/5大约 1 分钟

运算符、条件语句、循环与JS基础语法类似，就不再记录了。

TypeScript 函数

定义方式：

function function_name()
{
    // 执行代码
}

全栈道2025/1/5大约 2 分钟

变量是一种使用方便的占位符，用于引用计算机内存地址。
我们可以把变量看做存储数据的容器。
TypeScript 变量的命名规则：

变量使用前必须先声明，我们可以使用 var/let/const来声明变量。
我们可以使用以下四种方式来声明变量：
声明变量的类型及初始值：

var [变量名] : [类型] = 值;

全栈道2025/1/5大约 4 分钟