TONG-H
Timeline
a day

i go home with Hello. he is free again, very busy watching the chickens hiding behind the hedges, like a thief plotting stole them. cats love to stand on the high places, watching the world below. he climbing over the yard wall, exploring and investigate unknown places. we have three dogs now. they are happy, passionate and well, noisy. Hello seems intimidated by them, so i have no choices but...

34832025-05-302025-06-01
升级老项目的包依赖

背景介绍 项目使用 node v12, npm 管理,年代比较久远,现在要升级某一个工具包,但这个包并不是直接引用的,而是子包的依赖,但是这个项目要先于子包更新,所以需要单独更新这个工具包 npm 的 oversides 可以很容易实现这个需求,但是这个功能是 node v16 才有的,所以需要先升级到 v16 才能使用这个功能 node 版本升级就碰到亿点点了 node-gyp 的问题,而后放弃 npm,转化为使用 yarn 的 resolutions,然后也碰到了 node 版本兼容问题 Node-gyp 问题 node-gyp 是用于编译 C/C++ 插件的工具。一些 node 包使用 C 来使用系统级别的 api 或者提升性能,所以这些包需要编译为二进制才能在 node 代码中引用,如果包作者没有提供和平台相应的二进制包,那 node-gyp 就会来做这件事 当切换 nod...

38332025-05-252025-06-01
2025-05

2025/06/01 jp 55, 80% 30 a-day 29 端午[たんご]の 節句[せっく]がもうすぐだよ。 28 すり減ってそこが平らになった靴があるよ 27 新しいみちは開通でしたばかりです。でも、 凸凹[でこぼこ]のみちです 26 大きな声で笑わないほうがいい、隣[となり]の 痛み[いたみ]が聞こえるかもしれないから。 2025/05/25 nvm use is temporal setting on mac. debug rn code with xcode simulator upgrade npm dependencies うつのひ。 感情[かんじょう]に 左右され[さゆう]続ける 24 新しいボード面はとても素晴らしい、前より約3cm 低い[ひくい]、そして軽くなり、より 安定して[あんていしい] 楽[らく]になった 楽らく vs 楽しい(happy/fun)...

59472025-04-272025-06-01
2025-04

2025/04/26 時々雨が降りますが、ほとんどの時間涼しくて快適かいてきな天気ですね。四月しがつのチン龍湖こでは、野の花🌸がたくさん咲き始めました。小麦🌾こむぎが黄色くなり始めると、初夏しょかの兆しきざしです。 jp 54, 50% 連濁れんだく loanword transformation 2025/04/20 穏やかな日のような気分だ。風が優しく吹いている。 jp 53, 100% Git stores iibranches as files in .git/refs/heads/.. A branch named feature/bid creates a file at .git/refs/heads/feature/bid, But feature/bid/main...

23932025-04-012025-06-01
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