TS 为了保障语言的灵活性所引入的语言特性。
交叉类型&联合类型交叉类型使用&连接。
interface Dog {
run(): void;
}
interface Cat {
j
2021-12-21
「TypeScript」类型检查机制
类型检查机制辅助开发，提高开发效率。
类型推断
类型兼容性
类型保护
类型推断不需要指定变量类型（韩式的返回值类型），ts 可以根据某些规则自动推断类型。
基础类型推断
let a = 1; // 推断为Number
最佳通用类型
2021-12-21
「SASS」使用指南（同步）
SASS 是 CSS 开发的一种预处理工具，使得 CSS 开发更加简单可维护。
1. 安装&使用SASS 是 Ruby 语言写的，所以需要先安装 Ruby 再安装 SASS。
npm install -g sass
sass
2021-12-21
「ROAD 6」HTML
定义：XML 和 SGML。
namespaceHTML 标签-语义HTML 语法合法元素
Element：<tag></tag>
Text：text
Comment：<!-- comments -->
2021-12-20
「ROAD 6」CSS-动画
Animation
@keyframes （关键帧）定义
animation 使用
属性
animation-name: none（时间曲线）；
animation-duration: 0s（动画时长）；
animation-timin
2021-12-17
「ROAD 6」CSS-排版
盒（Box）源代码：标签（tag），语义：元素（Element），表现：盒（Box）。排版和渲染的基本单位是盒。
盒模型
box-sizing
Content-box
Border-box
正常流
从左到右；同一行写的文字都是对齐的；一行
2021-12-14
「ROAD 6」CSS-语法知识
语法
简单选择器
*
div svg|a (namespace)
.cls
#id
[attr=value]
:hover
::before
复合选择器
<简单选择器> <简单选择器> <简单选择器>（
2021-12-13
「ROAD 6」CSS-知识体系
语法研究
Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
Appendix G. Grammar of CSS 2.1
CSS 总体结构
@charset
2021-12-13
Vue & React 目录
Categories · React
Categories · Vue
2021-11-19
「ROAD 6」 前端训练目录
知识框架
编程语言通识与JavaScript语言设计
词法类型
表达式与类型转换
语句
对象
结构化程序设计
浏览器原理
浏览器原理-HTML解析
浏览器原理-CSS计算
浏览器原理-排版 & 渲染
重学CSS
重学CSS
2021-11-19
LeeCode题解记录（JavaScript版）
github地址
~~ 2023.02 ~~
[55] Jump Game
[989] Add to Array-Form of Integer
[693] Binary Number with Alternating Bits
~~
2021-10-13
「ROAD 6」浏览器原理-排版 & 渲染
排版
确定元素的位置。
主轴和交叉轴Main Axis元素的排布方向。
Cross Axis与主轴垂直的方向。
STEP 1: 确定主轴&交叉轴STEP 2: 收集元素进行（hang）
分行（这个行不是 row 是主轴行的意思）
2021-10-12
「ROAD 6」浏览器原理-CSS计算
主要分析将 DOM 树加上 CSS 规则的步骤。
STEP 0: 环境准备npm install css
CSS库
STEP 1: 收集 CSS 规则
遇到 style 标签时，需要将 CSS 规则保存收集；
调用 CSS parser
2021-09-28
「ROAD 6」浏览器原理-HTML解析
主要分析浏览器接收到服务器端传输过来的 HTML 如何将其解析为 DOM 的步骤。
STEP 1: 文件拆分
parse 接受 HTML 文本作为参数，返回一棵 DOM 树。
为了方便管理，单独拆分出parser.js。
STEP 2
2021-09-27
「ROAD 6」浏览器原理
HTTP 协议URL -> (HTTP) ->HTML ->( parse) -> DOM -> (CSS computing) -> DOM with CSS -> layout ->DOM
2021-09-27
「ROAD 6」结构化程序设计
JS 执行粒度 Realm
JS Context => Realm（粒度比宏任务更大）
宏任务
微任务
函数调用
语句/声明
表达式
直接量/变量/this…
如果使用 GLOBAL 变量对象是不需要用到 Realm。
在 JS 内
2021-09-01
「ROAD 6」对象
并非数据存储的工具，每个对象都是唯一的。
也可以看重学前端的对象篇。
三要素
Identifier：唯一性（唯一标识）;
state：状态（描述对象）;
behavior：行为（状态的改变）;
小练习：狗咬人，“咬”的行为如何使用对象
2021-08-27
「ROAD 6」语句
可以参考之前学的重学前端的语句篇。
在 JavaScript 标准中，把语句分成了两种：普通语句和声明型语句。
常见的语句包括变量声明、表达式、条件、循环等。
Completion Record
用于描述异常、跳出等语句执行过程。
表示一
2021-08-27
「TypeScript」泛型，合并和其他拓展
泛型
泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体的类型，而在使用的时候再指定类型的一种特性。
function createArray(length: number, value: any): Array<
2021-08-23
「ROAD 6」表达式与类型转换
表达式运算符的优先级，为了使代码逻辑更加符合普遍认知。
Member（成员访问）
a.b
a[b]
foostring
let a = "httishere";
function foo() {
console.log(ar
2021-08-20