-
TypeScript 函数(Function)应用
所属栏目：[教程] 日期：2023-03-30 热度：3918
本节介绍 TypeScript 的函数，函数是任何应用程序的基本构建部分，通过函数返回一个计算后的值。
TypeScript 的函数声明中函数类型是极为重要的，函数的参数都需要标注参数类型，这可以帮助编译器进行正确的类型推[详细] -
TypeScript 接口(Interface)使用方法
所属栏目：[教程] 日期：2023-03-30 热度：7517
本节介绍 TypeScript 各种类型接口的声明及其使用方法，接口在 TypeScript 中是极其重要的，我们使用接口来定义契约，如类型命名、属性检查、函数类型定义等。
在下一节学习完类之后，你会知道类也可以作为接口来[详细] -
TypeScript 类(Class)教程
所属栏目：[教程] 日期：2023-03-30 热度：2030
自 ES6 起，终于迎来了 class，对于开发者来说，终于可以使用基于类的面向对象式编程。TypeScript 在原 ES6 中类的基础上，还添加了一些新的功能，比如几种访问修饰符，这是在其他面向对象语言中早就实现了的。
J[详细] -
TypeScript Never 和 Unknown
所属栏目：[教程] 日期：2023-03-30 热度：3894
本节介绍 never 和 unkNown 类型，其中 unkNown 类型作为 any 类型对应的安全类型使用起来更加安全，如果有 any 类型的使用需求，应尽量使用 unkNown 类型来替代 any 类型。
never 类型表示那些永不存在的值的类型[详细] -
TypeScript 枚举(Enum)运用
所属栏目：[教程] 日期：2023-03-30 热度：7151
本节介绍枚举类型的定义及其使用，需要定义一组相同主题的常量数据时，应该立即想到枚举类型。在学习过程中，需要注意枚举类型的正向映射和反向映射，可以通过编译后的 JavaScript 源码进行分析，为什么可以进行反向[详细]
-
TypeScript 元组解释
所属栏目：[教程] 日期：2023-03-30 热度：6177
本节介绍元组这一数据类型的定义及其使用，通过元组可以存储不同类型的元素，而非像数组那样只能存储相同元素类型（any[] 除外）。
相同类型元素组成成为数组，不同类型元素组成了元组（Tuple）。
声明一个由 [详细] -
TypeScript Symbol解析
所属栏目：[教程] 日期：2023-03-30 热度：7187
本节介绍 symbol 类型的语法、使用方法和应用场景，每个从 Symbol() 返回值的唯一性是使用 symbol 类型的最重要原因。
symbol 是一种基本数据类型（primitive data type）。
Symbol() 函数会返回 symbol 类型的[详细] -
TypeScript BigInt运用
所属栏目：[教程] 日期：2023-03-30 热度：7214
本节介绍的 bigint 数据类型是用来表示那些已经超出了 number 类型最大值的整数值，对于总是被诟病的整数溢出问题，使用了 bigint 后将完美解决。
bigint 是一种基本数据类型（primitive data type）。
JavaSc[详细] -
TypeScript 基础类型浅析
所属栏目：[教程] 日期：2023-03-30 热度：357
自本节起，我们将开始接触 TypeScript 的类型系统，这也是 TypeScript 最为核心的部分。
本节介绍 TypeScript 中一些基础类型，有些特殊类型会在接下来进行单节描述。在进行变量声明时，需要注明其对应的类型，这[详细] -
TypeScript 变量声明介绍
所属栏目：[教程] 日期：2023-03-30 热度：3807
本节介绍 var let const 这三种变量的声明方式，重点讨论作用域与变量提升的相关知识点，这部分往往也是面试常考部分，需要多加注意。
说明： 在使用 TypeScript 进行变量声明时，一般建议添加对应的变量类型，由[详细] -
TypeScript 安装与使用教程
所属栏目：[教程] 日期：2023-03-30 热度：4347
本节介绍 TypeScript 的安装与两种使用方式，大家根据本节所介绍的流程一步步操作，相信很快就能编写自己的 TypeScript 代码。
环境准备：
安装 Node.js 环境（version: 8.14.0+)
确保 npm 或者 yarn 可用
到[详细] -
外边距的作用
所属栏目：[教程] 日期：2023-03-29 热度：6751
为什么要有一个合适的外边距呢？
其实根本原因在于固定定位会脱离默认文档流，为了让大家清楚的认识到到底是怎么一回事，我们特意在主盒子的里面写上了一些文字。
加入文字
<!DOCTYPE html>
<html lang="en[详细] -
吕形布局介绍
所属栏目：[教程] 日期：2023-03-29 热度：6533
顾名思义，吕字就是上面一个矩形，下面一个矩形。上面的矩形高度较小，通常固定在屏幕上，不会随着用户滑动手机而进行任何的移动。
目前流行的方案一种是直接默认显示上栏，另一种是随着屏幕的滑动而慢慢显示出上[详细] -
弹性布局浅析
所属栏目：[教程] 日期：2023-03-29 热度：907
弹性布局已经成为移动端最流行的布局方式之一了，还不了解的同学赶快去了解一下吧！
本小节就会带领大家一起用最流行的方式来实现双列布局。
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UT[详细] -
绝对定位布局
所属栏目：[教程] 日期：2023-03-29 热度：2271
无论什么布局几乎都可以使用绝对定位来实现，那为什么好多布局并不会首选绝对定位呢？
一方面是因为写起来可能有点麻烦，另一方面是因为必须得算，那具体要怎么算呢？
看来实现你就明白了。
<!DOCTYPE html[详细] -
左浮动法解析
所属栏目：[教程] 日期：2023-03-29 热度：6522
在之前 CSS 不发达的那个年代，浮动（ float ）可是当之无愧的布局利器，非常经典的一个属性。
来看看用它是怎么实现双列布局的吧。
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UTF-8">
[详细] -
多列属性分析
所属栏目：[教程] 日期：2023-03-29 热度：3388
这是一个经常被忽略的一个属性，因为很少有人知道，或者说大部分人仅仅只是知道，但并没有使用过。
它的语法形式是的：columns: 2(列数);。
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UTF[详细] -
中文布局CSS库运用
所属栏目：[教程] 日期：2023-03-29 热度：9930
借助市面上已有的CSS库，我们可以很轻易的做到双列布局，尤其是可以用到中文关键字，这非常有利于我们的记忆，它就是 chinese-layout。
然后我们再用一个中文渐变色的 CSS 库来美化我们的界面：chinese-gradient。[详细] -
双列布局介绍
所属栏目：[教程] 日期：2023-03-29 热度：8548
网站单列 + 列中内容左图右文的形式已经可以满足很多场景的需要了。
但是有时候我们并不想要左图右文，左图右文重点突出的是文字，图片只是辅助。
而一些视频类、电商类网站需要重点突出的并不是文字，而是图片，这[详细] -
增光添彩教程
所属栏目：[教程] 日期：2023-03-29 热度：8989
一般来说列里面就都会放一些宽度和列相等、而高度随意的行，这里我们使用 chinese-gradient 来进行颜色的填充并且拿之前讲过的外边距法来举例。
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UT[详细] -
行内块元素介绍
所属栏目：[教程] 日期：2023-03-29 热度：136
利用元素的行内元素特性我们可以很轻松的做到水平居中。
行内块的语法格式也很简单：display: inline-block;。
<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<Meta name="viewport" content[详细] -
绝对定位 + 平移布局运用
所属栏目：[教程] 日期：2023-03-29 热度：7428
平移是 CSS3 的属性，它可以按照自身尺寸的百分比来进行平移。
语法是：transform: translate(xx%);
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UTF-8">
<Meta name="viewport" content[详细] -
网格布局介绍
所属栏目：[教程] 日期：2023-03-29 热度：8746
网格其实就是最近比较火的Grid布局，原理就是把父元素分割成一个个的小格子，然后子元素指定自己具体在那个格子上，有点类似于表格布局。
<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<Meta n[详细] -
弹性布局教程
所属栏目：[教程] 日期：2023-03-29 热度：1233
弹性布局已经成为移动端最流行的布局方式之一了，还不了解的同学赶快去了解一下吧！我们就以弹性布局的方式实现单列布局。
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UTF-8">
<Meta name=[详细] -
外边距实现单列布局
所属栏目：[教程] 日期：2023-03-29 热度：8573
单列布局可以有很多种的方式去实现它，我们将运用最简单的 CSS 技术，然后由浅入深，最简单的 CSS 技术就代表了最优越的兼容性，无论多么老旧的浏览器，几乎都没有不认识外边距这个语法的。
这种方法不仅兼容性也[详细]
