前端自习室

网页上的色彩远比人们看到的要丰富，也更有趣！今天，我们来看看在设计系统中关于颜色的最佳实践。以及在不久的将来我们可以从颜色中有何种期待。

CPU、进程、线程 进程是cpu资源分配的最小单位（是能拥有资源和独立运行的最小单位） 线程是cpu调度的最小单位（线程是创建在进程的基础上的一次程序运行单位，一个进程中能够有多个线程） 不同进程之间

不同于C或C++，Javascript作为一种高级编程语言，在创建对象时会自动分配内存，而当对象不再被使用时会自动清除内存（C或C++由开发者主动去调取相应的 API 来完成空间管理）

在刚接触React时，我们开发用的最多的hook之一就是useState，使用它的返回值setState去更新数据时，就会发现，在有些情况下，数据并不是像预期中更新了，获取到的数据还是旧的数据。

对于Javacript中的等于操作符用两个等于号(==)表示，如果操作数相等，则会返回true。不等于操作符用叹号和等于号(!=)表示，如果两个操作符不想等，则会返回true。这两个操作符都会先进行类

前言 假设我们现在想要快速建立一个可供外部访问的网站，等不及去买服务器并进行备案（备案的话大概需要一周），此时我们就可以直接在github平台上搭建网站。 在搭建过程中，遇见了很多问题，我这里一一记录

前言 团队开发的项目，我们需要对团队编程代码风格进行强制性统一规范。在规范过程中，我们会借助一些工具。 eslint VS prettier ESLint、StyleLint、TSLint(已废弃)都

代码提交描述（commitlint） 用到的工具： commitlint：用于检查提交信息 husky：是git hooks工具 安装commitlint 创建commitlint.config.js

# 脚手架工具 脚手架的本质工作：创建项目基础结构、提供项目规范和约定 - 相同的组织结构 - 相同的开发范式 - 相同的模块依赖 - 相同的工具配置 - 相同的基础代码

在React中，组件接收到的props.children有多种类型：undefined、object、array。 通常情况下，我们基本不需要对props.children做特殊处理，但在某些情况下，

Web 性能倡导者经常建议为您的图像添加尺寸以获得最佳性能，以便在图像本身被下载之前为图像布置适当的空间。这样可以避免在下载图像时发生布局变化——Chrome 最近开始在新的[Cumulative L

将Javascript插入HTML的方法主要方法是使用script标签。 针对srcipt元素，由两个属性async和defer，分别表示推迟执行脚本和异步执行脚本。 推迟执行脚本 defer属性会告

渐进增强：先以最低要求（低版本浏览器）构建网页，再针对高级浏览器进行向上增强。优雅降级：先以最高要求（高版本浏览器）构建网页，再针对低级浏览器进行向下兼容

TypeScript 是一门基于 Javascript 的编程语言，其重点解决了 Javascript 类型系统的问题，TypeScript 可以大大提高代码的可靠程度

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第4天，点击查看活动详情 前言 从范式角度来看，视图层框架通常分为命令式和声明式。作为框架设计者，应该对两种范式都有足够的认知，才

纯函数：相同的输入永远会得到相同的输出，而且没有任何可观察的副作用。纯函数就类似数学中的函数(用来描述输入和输出之间的关系)，y = f(x)

函数组合 (compose)：如果一个函数要经过多个函数处理才能得到最终值，这个时候可以把中间过程的函数合并成一个函数。函数就像是数据的管道，函数组合就是把这些管道连接起来，让数据穿过多个管道

JS 语言无法直接操作底层硬件设置，因此 Nodejs 核心模块与硬件设备想要通信，还需要有一个桥梁。Builtin modules 就是这个桥梁。

在某些情况下，Typescript 无法判断出变量的类型，而作为开发者，可以根据变量使用情况推断出类型。 类型断言可以告诉 Typescript 变量的类型是什么，但它并不是类型转换。

Typescript 是 Javascript 的超集，即在 Javascript 的基础上扩展了一些功能， Typescript 会被编译成 Javascript