Attack on Life ⚔️

项目中，关于打包时的ts编译，看到有些用ts,ts-loader,babel-loader,没懂几者什么区别，因此调研总结下。

TSC

官方提供的编译器，本身编译中包含了类型检测，当然也可以设置关闭。只是建议开启，不然TS的价值就体现不出来了。

ts-loader

ts-loader 是 webpack 的 loader，其底层编译用的就是tsc，只是可以配置关闭类型检测，从而提升编译速度

AI发展看样子可以替代IT？当然不是，还早，关注AI没错，但不要忘了基础，基础是根本，AI是工具，工具再强大，也离不开人的操作。最近看到一个关于JS数组的问题，分享一下。

1
2
3
4
5
6
7
8
9
10
11
12

const list = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const list2 = [,undefined, null, '', 0, false, NaN, 1,];

for (let item of list) {
    console.log(item);
    list2.map(item => console.log(item));
}

console.log('list2.length', list2.length);

// 1、输出啥
// 2、list2长度是多少

输出

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82

1
undefined
null

0
false
NaN
1
2
undefined
null

0
false
NaN
1
3
undefined
null

0
false
NaN
1
4
undefined
null

0
false
NaN
1
5
undefined
null

0
false
NaN
1
6
undefined
null

0
false
NaN
1
7
undefined
null

0
false
NaN
1
8
undefined
null

0
false
NaN
1
9
undefined
null

0
false
NaN
1
10
undefined
null

0
false
NaN
1

8

考察点

Webpack 5 已经发布很久了，好奇 Webpack 6还会有吗，还是说Webpack之后就退出历史舞台？最近翻了下Repo，得到了答案。

查询资料发现v5发布于2020年。

有Webpack 6吗？

YES，Webpack还远没到退出历史的阶段。Webpack仍然是使用最广泛的构建工具之一，并且仍然在积极开发中。

实际项目表单元素经常遇到，此时表单项值的维护管理就是个问题。

使用React Hook Form是一个不错的选择。但是很多时候对于该工具库使用的都过于浅，导致一些场景开发过于复杂化，而恰当灵活的使用hook form，可以大大提升开发效率。
因此这里就把hook form的常用场景和使用方法做一个总结。

一些方法

抛开常用的useForm/useWatch/Controller，hook-form还有其他一些方法，这里就介绍一些常用的方法。

useFormContext

最近做GitLink时需要用到代码高亮，所以研究了下highlight.js，发现了使用中的一些问题，记录一下。

导入highlight.js

如果是WEB网页想CDN导入，或者直接src导入，并不应该直接使用highlight.js的资源，而是应该使用highlightjs/cdn-release

如果是牵扯构建工具，则应该使用highlight.js的npm包。