TONG-H
Timeline
2025-04

2025/03/30 webSecurity textContent vs innerText

172025-04-012025-04-02
2025-03

2025/03/23 use sse with post v8 gc manages memory JD micro-app waiting…. webSecurity 2025/03/16 will-change and contain improvementsInVue3 2025/03/08 incorrect merge two union types using & results in never. merging types with conflicting property results in never, whereas merging such conflicts in an interface triggers a compile-time error.” 123type A = { id: string };type B =...

11542025-03-012025-04-02
shell

write a shell script with multiple line 12- |- if [ "$ENV" == "pro" ]; then cancel a job 1exit 1 [ -z "$Base_Ref" ] -z: Tests if the variable is empty or undefined. echo "VAR2=$VAR2" >> variables.txt: > Redirects output, overwriting the file if it exists. >> Redirects output and appends it to the file, preserving existing content.

1652025-02-162025-02-16
2025-02

2025/02/28 ts supports React.memo vs usememo instanceof and isArray v-for and v-if, v-for runs before v-if 2025/02/23 comparison-api differs from options-api and hooks vue components jp 52 2025/02/20 rxjs, ts error, Property ‘next’ does not exist on type ‘Observable<’ subject is an extended version of Observable, and has next defined. a subject‘s type is transformed into an observable by c...

12012025-02-112025-03-16
使用 Gitlab CI/CD 自动打包和部署微前端

前段时间微前端实践:single-spa+vite的方式对项目进行了整合,也用 使用 Gitlab CI/CD 自动打包和部署微前端 基础概念 jobs 定义在 pipeline 中的单个任务 stage 用于组合 job, 官方提供了一些默认值.pre build test deploy .post, 除了这些默认值以外, 可以通过全局关键字 stages 自定义 stage 是从上到下按序执行, stage 中的 job 是并行运行的, 可以通过 needs / dependencies 更改 pipeline 是一组 job 的集合, 也代表 CI/CD 处理流程, 这些 job 可以并行/按顺序运行 可以通过多种方式触发, 触发来源可通过 CI_PIPELINE_SOURCE 获取 (ci_pipeline_source) runner 一个应用程序, 在服务...

112.6k2025-01-232025-02-16
微前端实践:single-spa+vite

背景介绍前段时间微前端实践:single-spa+vite的方式对项目进行了整合,也用 使用 Gitlab CI/CD 自动打包和部署微前端 微前端目前已经是非常成熟的前端技术,类似于微服务模式。允许使用不同的框架和技术栈,独立开发以及部署不同的模块。这也表示一个大型的应用可以拆分成小型的 “app”,在运行时再根据需要去整合以及加载这些 “app”。 优点很明显: 可以拆分巨石应用,也可以用于整合小应用 对灰色部署友好,可以渐进式替换或重写项目的某些部分 可以共享通用库, 比如 react / vue 这类包,可以加载一次后在多个微前端中复用 在着手开始做之前调研了一些比较流行的解决方案,也尝试过 QianKun, 最后衡量之下使用了 single-spa,我的场景是整合小型应用,它们的技术栈非常相似,都是 vite + vue,由于都是vue所以重合的包非常多 Single-...

133.3k2025-01-232025-03-23
202501 & before

2023/7/19 CSS filter can form stacking context input‘s’ property hidden does not work in Safari 2024/11/15 Vertical or horizontal lines with gradient strokes in SVG won’t display. Keyword objectBoundingBox should not be used when the geometry of the applicable element has no width or no height, such as the case of a horizontal or vertical line, even when the line has actual thickness when vie...

34852025-01-112025-03-23
janpan words

名前 vs 名字名字 pecifically refer to a person’s family name or surname 人 vs 人間人間 is used when discussing the human race, human nature, or humans as a collective.あの人は医者です人間は感情を持っている動物です 表情 vs 顔色表情 focuses on expression (emotional display).顔色 focuses on color/complexion (physical appearance)(类似脸色、面色). 今まで vs これまでこれまで refer to a particular point in time or a certain period up to the present, slightly ...

1962024-11-172025-02-23
japanese

quick review 53 を + [noun] + に + して(can be omitted), a means or reason for something to happen, “because of” / 以…为… / “as a result of” をきっかけにして, Taking [something] as an opportunity.. を頼りにして, according to ~に受ける、well received ということからきた 音読み: 音读,訓読み[くんよみ]: 训读,熟字訓[じゅくじくん]: 熟字训 ~って, が and の can use exchangeably when express a common quality 意味[の/が]違う漢字があると聞きました 52 ところ, can refer to a situat...

325.9k2023-11-172025-03-16
three.js

PBRanti-aliasing 反锯齿multi-sample anti-aliasing 多重采样, this is a build-in WebGL method, depending on GPU render1234const renderer = new WebGLRenderer({ antialias: true, // turn on anti-aliasing, to blur the edges of square pixels. }); renderer.physicallyCorrectLights = true; // camera two types of camera perspective projection 透视投影, the area in between the Near Clipping Plane and...

35542023-09-082025-02-16