zcw的博客 – Blog of ZCW 亦·德利菲的小窝

Mac: npm install canvas error

2024年5月2日由 zciii 发表

npm ERR! Package gobject-2.0 was not found in the pkg-config search path.
npm ERR! Perhaps you should add the directory containing `gobject-2.0.pc'
npm ERR! to the PKG_CONFIG_PATH environment variable
npm ERR! Package 'gobject-2.0', required by 'pango', not found
npm ERR! gyp: Call to 'pkg-config pangocairo --libs' returned exit status 1 while in binding.gyp. while trying to load binding.gyp
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: `gyp` failed with exit code: 1

npm ERR! Package gobject-2.0 was not found in the pkg-config search path.

npm ERR! Perhaps you should add the directory containing `gobject-2.0.pc'

npm ERR! to the PKG_CONFIG_PATH environment variable

npm ERR! Package 'gobject-2.0', required by 'pango', not found

npm ERR! gyp: Call to 'pkg-config pangocairo --libs' returned exit status 1 while in binding.gyp. while trying to load binding.gyp

npm ERR! gyp ERR! configure error

npm ERR! gyp ERR! stack Error: `gyp` failed with exit code: 1

Solution:

brew install pkg-config cairo pango libpng jpeg giflib librsvg pixman

1	brew install pkg-config cairo pango libpng jpeg giflib librsvg pixman

brew install glib

1	brew install glib

export npm_config_python=/path/to/python3.11
export PKG_CONFIG_PATH="/opt/homebrew/lib/pkgconfig:$PKG_CONFIG_PATH"

1 2	export npm_config_python=/path/to/python3.11 export PKG_CONFIG_PATH="/opt/homebrew/lib/pkgconfig:$PKG_CONFIG_PATH"

Test wit 继续>

centos7 boot空间不够用的解决方案

2022年11月15日由 zciii 发表

一般情况下，在我们分区的时候，boot的目录都不会太大，一般默认的好像之后100M（我自己分了一个200M,不够用，早知道分大一点了）,因为考虑到只是一些配置文件，我在分区的时候也没有太注意，也就是随意搞了一个200M,结果在升级几次内核之后就发现问题了，boot满了。于是乎就在网上找了几种解决方案继续>

关于 iPhone 「Spotlight（聚焦搜索） / Siri Suggestion（Siri 建议）」无法显示或空白的问题之解决方案

2022年11月3日由 zciii 发表

来自V2EX：https://www.v2ex.com/t/757252 有不少人 iPhone 的「聚焦搜索 /Siri 建议」下拉出现空白什么都不显示的情况。像这样 https://sm.ms/image/41uTFKPMntNczZa 现在有一个办法可以解决。 1⃣️打开「飞行模式」，打开「继续>

Stop iCloud downloading files to my Mac

2022年1月27日由 zciii 发表

What helped me to get rid of constant re-uploads/re-downloads was this:

cd ~/Library/Application\ Support
killall bird && rm -rf CloudDocs

1 2	cd ~/Library/Application\ Support killall bird && rm -rf CloudDocs

It is another issue solving but helped me as 继续>

Mac使用鼠标的软件配套

2021年5月13日由 zciii 发表

Mac因为有些系统调教让人使用鼠标的时候不如windows舒服，所以需要一些软件辅助来达到相似的手感和功能光标移动手感之前使用smoothmouse，但是该项目已经因为Mac的系统api改变而停止维护和工作了现在使用：steermouse（收费软件），手感调教后还是很不错的鼠标继续>

Git: Remove tracking branches no longer on remote

2020年10月21日由 zciii 发表

Short version: Use this command:

git fetch -p && for branch in $(git for-each-ref --format '%(refname) %(upstream:track)' refs/heads | awk '$2 == "[gone]" {sub("refs/heads/", "", $1); print $1}'); do git branch -D $branch; done

1	git fetch -p && for branch in $(git for-each-ref --format '%(refname) %(upstream:track)' refs/heads \| awk '$2 == "[gone]" {sub("refs/heads/", "", $1); print $1}'); do git branch -D $branch; done

Original answer: After the command

git fetch -p

1	git fetch -p

re 继续>

Investigation and solving of CI build error (at `git merge-base`)

2020年9月10日由 zciii 发表

Digging I got this error when doing github PR check (in npm run build process):

> nx affected:build --parallel
.../node_modules/annwl/workspace/node_modules/yargs/yargs.js:1109

Error: Command failed: git merge-base master HEAD

> nx affected:build --parallel

.../node_modules/annwl/workspace/node_modules/yargs/yargs.js:1109

Error: Command failed: git merge-base master HEAD

And asked in group, Herb said he met 继续>

揭开clearfix和overflow的神秘面纱 🔑 clearfix Reloaded + overflow:hidden Demystified

2020年7月7日由 zciii 发表

About the author: Thierry Koblentz is a front-end engineer at Yahoo! He owns TJK Design and ez-css.org. You can follow Thierry on Twitter at @thierryk 继续>

使用typescript类型定义来验证数据是否符合定义

2020年7月6日由 zciii 发表

很多时候都有这样的需求：我想看看这个数据是不是符合这个type或者interface 但是很遗憾，typescript本身不提供这样的功能，所以需要迂回地来实现首先，有一种描述数据格式的工具是json-schema，社区中有比较成熟的校验数据是否符合格式的工具而我也找到了一种可以从typescr 继续>

覆盖一个npm包的默认typescript类型定义 🔑 How to override or extend a libary type definition in Typescript

2020年5月27日由 zciii 发表

比如给axios的 AxiosRequestConfig 加一个属性：创建一个 src/axios.d.ts 文件，内容为：

import * as axios from 'axios';
declare module 'axios' {
  interface AxiosRequestConfig {
    hideErrorMessage?: boolean;
  }
}

import * as axios from 'axios';

declare module 'axios' {

interface AxiosRequestConfig {

hideErrorMessage?: boolean;

}

&nbsp 继续>

正则表达式中?=和?:和?!的理解

2020年5月22日由 zciii 发表

要理解?=和?!，首先需要理解前瞻，后顾，负前瞻，负后顾四个概念：

// 前瞻：
exp1(?=exp2) 查找exp2前面的exp1
// 后顾：
(?<=exp2)exp1 查找exp2后面的exp1
// 负前瞻：
exp1(?!exp2) 查找后面不是exp2的exp1
// 负后顾：
(?<!exp2)exp1 查找前面不是exp2的exp1

// 前瞻：

exp1(?=exp2) 查找exp2前面的exp1

// 后顾：

(?<=exp2)exp1 查找exp2后面的exp1

// 负前瞻：

exp1(?!exp2) 查找后面不是exp2的exp1

// 负后顾：

(?<!exp2)exp1 查找前面不是exp2的exp1

举例：

"中国人".replace(/(?<=中国)人/, "rr") // 匹配中国人中的人，将其替换为rr，结果为 中国rr
"法国人".replace(/(?<=中国)人/, "rr") // 结果为 法国人，因为人前面不是中国，所以无法匹配到

1 2	"中国人".replace(/(?<=中国)人/, "rr") // 匹配中国人中的人，将其替换为rr，结果为中国rr "法国人".replace(/(?<=中国)人/, "rr") // 结果为法国人，因为人前面不是中国，所以无法匹配到

要理解?:则需要理解捕获分组和非捕获分组的概念： [crayon-6766be 继续>

两步正则，批量替换QA段落为jsx（xml like）

2020年4月25日由 zciii 发表

问题把一段文字整理为页面代码是很常见的事情这里需要把一整篇QA整理为页面代码格式为：

kula很棒吗？
他很棒
他有很多小弟

kula多好呢？
他对下属很好
他对群友很好
他对路人很好

kula很棒吗？

他很棒

他有很多小弟

kula多好呢？

他对下属很好

他对群友很好

他对路人很好

因为答案可能有多行，所以要匹配比较麻烦初次尝试一开始想到的是：前面加两个空行，然后使用模式匹配： [cray 继续>

国内使用npm的一些技巧

2020年4月5日由 zciii 发表

国内的服务器，因为一些原因，npm install会很慢，或者直接连不上，所以有以下解决方法使用淘宝npm 1.临时使用

npm --registry https://registry.npm.taobao.org install express

1	npm --registry https://registry.npm.taobao.org install express

2.持久使用

npm config set registry https://registry.npm.taobao.org

1	npm config set registry https://registry.npm.taobao.org

配置后可通过下面方式来验证是否继续>

多行文本末尾添加fadeout和一个附加文本块（css）

2020年3月26日由 zciii 发表

codepen：https://codepen.io/zhangciwu/pen/poJQRXJ 两行的情况：https://codepen.io/zhangciwu/pen/NWqEpKQ 一行需要换行的情况：https://codepen.io/zhangciwu/p 继续>

Phaser 3: 从起点渐进绘制一条贝塞尔曲线

2020年3月26日由 zciii 发表

参考：https://phaser.io/examples/v3/view/paths/path-line-and-bezier 首先绘制一条path

        this.path = new Phaser.Curves.Path(0, 0);
        let pointEnd = getPointFromData(data);
        let controls = getBezierControlPointFrom([0, 0], pointEnd, data.length >= 4);
        this.path.cubicBezierTo(pointEnd[0], pointEnd[1], controls[0], controls[1], controls[2], controls[3]);

this.path = new Phaser.Curves.Path(0, 0);

let pointEnd = getPointFromData(data);

let controls = getBezierControlPointFrom([0, 0], pointEnd, data.length >= 4);

this.path.cubicBezierTo(pointEnd[0], pointEnd[1], controls[0], controls[1], controls[2], controls[3]);

创建一个follower [crayon-6766be0fecf52 继续>