青训营

PC 端调试 开发者工具 devtools 元素 Element 动态修改元素和样式 点击 .cls 动态修改元素的 class ，输入字符串可以动态的给元素添加类名，勾选/取消类名可以动态的查看类名

防抖 定义一个计时器变量，用于记录上一次触发事件后的等待时间。 当事件触发时，如果计时器存在，则清除计时器，重新开始计时。 设置一个新的计时器，等待一定时间后执行相应的处理函数。 首先定义了一个 de

class 类 根据TS中的类型推论，可以知道Person类的实例对象p的类型是Person。 TS中的class，不仅提供了class的语法功能，也作为一种类型存在。 实例属性初始化 两种方法： 声

常用类型 可以将TS中的常用基础类型细分为两类: JS 已有类型, TS新增类型。 JS 已有类型 原始类型: number / string / boolean / null / undefined

什么是Pinia 如果你学过Vue2，那么你一定使用过Vuex。我们都知道Vuex在Vue2中主要充当状态管理的角色，所谓状态管理，简单来说就是一个存储数据的地方，存放在Vuex中的数据在各个组件中都

圣杯布局和双飞翼布局 两者都是三栏布局，两边的盒子宽度固定，中间盒子自适应 区别 由下方代码可见，圣杯布局的中间部分middle放在左边区域left 右边区域right之前，由于中间部分在DOM上优先

路由是什么？ 路由是桥梁，帮助需求方找到供给方，并进行交换 之前我们说到过浏览器输入URL之后的历程，那是什么东西承担了这个责任呢？ Provider 而在前端发展的过程里，扮演此处的Provider

React简介与特性 声明式 举例：React 的 JSX 语法。它允许你直接在 JavaScript 代码中编写类似 HTML 的标记，降低我们的学习成本。 那我们就需要再了解一下命令式编程 声明式

TS vs JS TypeScript JavaScript JavaScript的超集，用来解决大型项目的代码复杂性 一种脚本语言，用于创建动态网页 强类型，支持静态和动态类型 动态弱类型语言 可以

社区组件库 暗黑模式 点击按钮，切换主题 局部应用暗色模式 核心思路：本质是控制暗色颜色变量的挂载位置，提高我们所需要的颜色变量的优先级 国际化-语言国际化 不是通过if...else来判断当前是何种

JS基本概念 借鉴C语言的基本语法 借鉴Java语法的数据类型和内存管理 借鉴Scheme语言，将函数提升到“第一等公民”（first class）的地位 借鉴Self语言，使用基本原型（protot

层叠用来解决样式规则声明的集合产生的冲突。 层叠、优先级 像这段代码，三种不同方式的CSS样式作用在同一个元素上，所以会因为哪一个样式生效而产生冲突，因此我们用层叠三大规则进行判断。 样式表来源 像我

前端三剑客： HTML CSS JavaScript在寒假的时候已经有过相应的记录了 JavaScript: 借鉴C语言的基本语法 借鉴java语言的数据类型和内存管理 借鉴Schenme语言，将函数

多进程分工 进程名称 进程描述 浏览器(主进程) 主要负责页面展示逻辑，用户交互，子进程管理；包括地址栏、书签、前进、后退、收藏夹等 GPU进程 负责UI绘制，包含整个浏览器全部UI 网络进程 网络服

什么是前端? 前端负责开发与用户直接交互的界面 网页 小程序 移动App 为什么需要前端岗位? 这是我在之前写的笔记里面写过的一段前端应该关注的方面的话 交互界面的复杂性 企业应用系统 在线编辑器 .

编程语言 分为机器、汇编、中级、高级语言等级逐层升高 中级语言：C（面向过程代表） 高级语言有：C++（面向对象的代表）、lisp（函数式代表）、js(多范式代表) C++ 多态 继承 权限控制 虚函

计算机由五大基本单元组成 控制器 运算器 存储器 输入 输出 目录结构 常用命令 pwd 命令 使用 pwd 命令找出您所在的当前工作目录（文件夹）的路径。该命令将返回一个绝对（完整）路径，该路径基本

蟹堡王帝国 在比奇堡开通外卖 在北京和上海开分店 在全国开分店并开通外卖 蟹堡王顾客：客户端 蟹堡王分店：服务端 小区转发点和蟹堡王城市转发转发分店：路由器 转发表格：网络协议 计算机网络基础 网络基

这是我参与「第五届青训营 」伴学笔记创作活动的第 17 天 Node.js是什么？ Node.js 的应用场景 为什么？ 前端工程化 Web 服务端应用 操作数据库、为前端和移动端提供基于json的A

1. 3D实体搭建 在游戏场景中搭建静态物体 1. 3D实体 3D实体的位姿态（Transform） 位置 Position(x,y,z)：是一个三维向量坐标。 旋转 Rotation(x,y,z)：