|
1 | 1 | --- |
2 | 2 | title: 日积月累 - 一些小知识 |
3 | 3 | date: 2023-02-21 21:33:49 |
4 | | -tags: [其他, 小杂, 知识, 中等, Github, HTML, Windows, Phone, Python, 双端队列, 优先队列, Website, API, 深度学习, AI, DL, ChatGPT, Office, Word, 安全, BAT, shell] |
| 4 | +tags: [其他, 小杂, 知识, 中等, Github, HTML, Windows, Phone, Python, 双端队列, 优先队列, Website, API, 深度学习, AI, DL, ChatGPT, Office, Word, 安全, BAT, shell, Vs--Code] |
5 | 5 | categories: [技术思考] |
6 | 6 | --- |
7 | 7 |
|
@@ -338,64 +338,6 @@ gh auth login |
338 | 338 | gh auth refresh -s project |
339 | 339 | ``` |
340 | 340 |
|
341 | | -## About HTML |
342 | | - |
343 | | -### 空白字符 |
344 | | - |
345 | | -这是一个空白字符:“ㅤ” |
346 | | - |
347 | | -### WebView2 |
348 | | - |
349 | | -(实为Edge内核?)编写的程序可以借助webview2实现网页的访问与浏览。相当于是浏览器。若电脑上安装有WebView2,则程序可以直接借助WebView2实现网页的浏览。 |
350 | | - |
351 | | -见到一个B站UP主打包WebView2的[视频](https://www.bilibili.com/video/BV1Aa411j7XV/)。 |
352 | | - |
353 | | -### canonical |
354 | | - |
355 | | -canonical 就是告诉搜索引擎:“这些页面看起来不一样,但你把它们当成同一个页面就行,正主是这个。” |
356 | | - |
357 | | -同一篇内容有不同url可能会导致搜索引擎: |
358 | | - |
359 | | -* 权重被分散 |
360 | | -* 可能被认为是「重复内容」 |
361 | | -* SEO 变差 |
362 | | - |
363 | | -```html |
364 | | -<link rel="canonical" href="https://blog.letmefly.xyz/post/123"> |
365 | | -``` |
366 | | - |
367 | | -### HTML全屏幕取色器 |
368 | | - |
369 | | -Chrome、Edge、Opera浏览器支持[`EyeDropper`API](https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper),可以将鼠标变成一个取色器,取色器会将鼠标变成一个“圆形放大镜”,用户在屏幕上任意位置(**哪怕是浏览器外**)点击鼠标左键则HTML可以获取到该位置的颜色RGB,鼠标移动过程中经过像素颜色对HTML不可见。 |
370 | | - |
371 | | -注意,<span title="2026.2.8">当前Firefox、Safari</span>浏览器以及所有主流手机浏览器都不支持该API。 |
372 | | - |
373 | | -体验地址:[web.letmefly.xyz](https://web.letmefly.xyz/%E8%AE%A1%E7%AE%97%E6%9C%BACode/HTML%E7%94%B5%E8%84%91%E5%B1%8F%E5%B9%95%E5%8F%96%E8%89%B2%E5%99%A8/)。可查看网页源码,不难发现源码很简单。 |
374 | | - |
375 | | -### HTML渲染耗时问题 |
376 | | - |
377 | | -有这样一个HTML: |
378 | | - |
379 | | -```html |
380 | | -<html lang="zh"><head> |
381 | | -<meta charset="UTF-8"> |
382 | | -<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
383 | | -<title>Protected Page</title> |
384 | | -</head> |
385 | | -<body> |
386 | | -<!-- <script id="_d" type="text/plain"> |
387 | | -lHs0hIf559bXbGDNCBz1dzwAT+xxx这是一串60k的base64字符串 |
388 | | -</script> --> |
389 | | -
|
390 | | -</body></html> |
391 | | -``` |
392 | | - |
393 | | -你猜在M3 Pro芯片的MacBook Pro的Chrome146.0.7680.153浏览器中打开需要多久?答案是平均5秒往上。 |
394 | | - |
395 | | -这么长一段都在注释中都很慢,所以最佳的方式也许是另外一个文件然后fetch。 |
396 | | - |
397 | | -但是,好像只在打开本地html时会很慢。 |
398 | | - |
399 | 341 | ## About Linux |
400 | 342 |
|
401 | 343 | ### Ubuntu防火墙 |
@@ -1180,6 +1122,64 @@ func main() { |
1180 | 1122 | } |
1181 | 1123 | ``` |
1182 | 1124 |
|
| 1125 | +## About HTML |
| 1126 | + |
| 1127 | +### 空白字符 |
| 1128 | + |
| 1129 | +这是一个空白字符:“ㅤ” |
| 1130 | + |
| 1131 | +### WebView2 |
| 1132 | + |
| 1133 | +(实为Edge内核?)编写的程序可以借助webview2实现网页的访问与浏览。相当于是浏览器。若电脑上安装有WebView2,则程序可以直接借助WebView2实现网页的浏览。 |
| 1134 | + |
| 1135 | +见到一个B站UP主打包WebView2的[视频](https://www.bilibili.com/video/BV1Aa411j7XV/)。 |
| 1136 | + |
| 1137 | +### canonical |
| 1138 | + |
| 1139 | +canonical 就是告诉搜索引擎:“这些页面看起来不一样,但你把它们当成同一个页面就行,正主是这个。” |
| 1140 | + |
| 1141 | +同一篇内容有不同url可能会导致搜索引擎: |
| 1142 | + |
| 1143 | +* 权重被分散 |
| 1144 | +* 可能被认为是「重复内容」 |
| 1145 | +* SEO 变差 |
| 1146 | + |
| 1147 | +```html |
| 1148 | +<link rel="canonical" href="https://blog.letmefly.xyz/post/123"> |
| 1149 | +``` |
| 1150 | + |
| 1151 | +### HTML全屏幕取色器 |
| 1152 | + |
| 1153 | +Chrome、Edge、Opera浏览器支持[`EyeDropper`API](https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper),可以将鼠标变成一个取色器,取色器会将鼠标变成一个“圆形放大镜”,用户在屏幕上任意位置(**哪怕是浏览器外**)点击鼠标左键则HTML可以获取到该位置的颜色RGB,鼠标移动过程中经过像素颜色对HTML不可见。 |
| 1154 | + |
| 1155 | +注意,<span title="2026.2.8">当前Firefox、Safari</span>浏览器以及所有主流手机浏览器都不支持该API。 |
| 1156 | + |
| 1157 | +体验地址:[web.letmefly.xyz](https://web.letmefly.xyz/%E8%AE%A1%E7%AE%97%E6%9C%BACode/HTML%E7%94%B5%E8%84%91%E5%B1%8F%E5%B9%95%E5%8F%96%E8%89%B2%E5%99%A8/)。可查看网页源码,不难发现源码很简单。 |
| 1158 | + |
| 1159 | +### HTML渲染耗时问题 |
| 1160 | + |
| 1161 | +有这样一个HTML: |
| 1162 | + |
| 1163 | +```html |
| 1164 | +<html lang="zh"><head> |
| 1165 | +<meta charset="UTF-8"> |
| 1166 | +<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
| 1167 | +<title>Protected Page</title> |
| 1168 | +</head> |
| 1169 | +<body> |
| 1170 | +<!-- <script id="_d" type="text/plain"> |
| 1171 | +lHs0hIf559bXbGDNCBz1dzwAT+xxx这是一串60k的base64字符串 |
| 1172 | +</script> --> |
| 1173 | + |
| 1174 | +</body></html> |
| 1175 | +``` |
| 1176 | + |
| 1177 | +你猜在M3 Pro芯片的MacBook Pro的Chrome146.0.7680.153浏览器中打开需要多久?答案是平均5秒往上。 |
| 1178 | + |
| 1179 | +这么长一段都在注释中都很慢,所以最佳的方式也许是另外一个文件然后fetch。 |
| 1180 | + |
| 1181 | +但是,好像只在打开本地html时会很慢。 |
| 1182 | + |
1183 | 1183 | ## About Website |
1184 | 1184 |
|
1185 | 1185 | ### ip扫描工具censys |
@@ -1461,14 +1461,6 @@ Word中经常需要插入一些公式,但是很多时候需要在公式的最 |
1461 | 1461 |
|
1462 | 1462 | 下载完所有缺失的字体,重新打开Word,显示就正常了。 |
1463 | 1463 |
|
1464 | | -## About Technology |
1465 | | - |
1466 | | -### 非视域成像 |
1467 | | - |
1468 | | -以墙为镜,利用激光在墙面上的漫反射,推算出不可直接看到的区域的图像。 |
1469 | | - |
1470 | | -讲座地址:[BiliBili@BV1TX4y1s7oe](https://www.bilibili.com/video/BV1TX4y1s7oe/) |
1471 | | - |
1472 | 1464 | ## About Latex |
1473 | 1465 |
|
1474 | 1466 | ### Ubuntu上安装Latex(免安装版) |
@@ -1526,6 +1518,26 @@ export MANPATH=$MANPATH:/usr/local/texlive/2024/texmf-dist/doc/man |
1526 | 1518 | export INFOPATH=$INFOPATH:/usr/local/texlive/2024/texmf-dist/doc/info |
1527 | 1519 | ``` |
1528 | 1520 |
|
| 1521 | +## About VsCode |
| 1522 | + |
| 1523 | +### VsCode SSH Remote 下 Git 行内变动标记不显示 |
| 1524 | + |
| 1525 | +> 让由AI总结自我与AI的对话 |
| 1526 | +
|
| 1527 | +**现象**:通过 SSH 连接开发机,左侧源代码管理面板能看到文件变动(M/U),但编辑器行号旁边没有蓝色/绿色竖条。 |
| 1528 | + |
| 1529 | +**原因**:开发机上 `/home` 是 `/data00/home` 的软链接。你通过 `/home/xxx` 打开项目,但 git 内部记的是真实路径 `/data00/home/xxx`。编辑器显示行内标记时要拿这两个路径做字符串比对,路径不一致就匹配不上,标记就不出来。 |
| 1530 | + |
| 1531 | +**解决**:用 `pwd -P` 拿到真实路径(如 `/data00/home/xxx`),在 Trae 中用真实路径重新打开项目即可。 |
| 1532 | + |
| 1533 | +## About Technology |
| 1534 | + |
| 1535 | +### 非视域成像 |
| 1536 | + |
| 1537 | +以墙为镜,利用激光在墙面上的漫反射,推算出不可直接看到的区域的图像。 |
| 1538 | + |
| 1539 | +讲座地址:[BiliBili@BV1TX4y1s7oe](https://www.bilibili.com/video/BV1TX4y1s7oe/) |
| 1540 | + |
1529 | 1541 | ## About 俚语 |
1530 | 1542 |
|
1531 | 1543 | ### Best-Effort |
|
0 commit comments