xo19882011的专栏

查了好久的文档，研究了好久，终于解决了把 iframe 的滚动条隐藏的办法了。有以下两种办法。

挖个坑想着搞一个管理书签的插件。里边有各种推拽排序的功能方便操作管理，还能定时更新检查已经失效的网页链接，还能够根据现有的网站域名归类显示。但是其中有一个需要显示各种网站的图标，嗯，这个不能都下载下来搞一套吧，感觉也弄不完，这样的话就需要获取一下网站的favicon.ico。此方法可能无法覆盖到所有的情况，只是对于通常favicon存在于 域名/favicon.ico 的情况。那么接下来此文就是记录一下如何获取 favicon 的。限定好了场景，那么接下来就是要如何获取这个图标了。

网页开发有一些场景会做一些ua的判断，特别是在手机端展示的页面，非手机就不让看了，这还是挺让人觉得不方便的，毕竟在电脑上各种屏蔽广告的插件还是很强大的。那么有没有办法假装电脑版的网页是手机设备呢。毕竟之前做过的项目一般来说是判断一下 window.navigator.userAgent 来判定当前是否是手机设备。然后再判断是否要显示，或者判断是否要支持一些特殊的功能。

js正则默认不返回匹配到的范围，有些场景用起来就不太方便。如果想针对于匹配到的位置多次操作就要另外想个办法了。翻了翻正则的文档发现还有个 exec 可以用。indexOf 这个只能获取到第一个出现的位置，其他位置不太行，这个方法好像就行不通了。自己一个个找，写个kmp算法感觉有比较麻烦。还能记录上次匹配的位置。那么就可以这么来了。

chrome extension替换网络请求中的useragent

frame 有个属性 scrolling，直接设置 scrolling=‘no’ 即可隐藏scrollbar。不过感觉有可能谁闲的设置过scrollbar的宽度怎么办呢，那就把这个值改成获取的吧。另外一个就是外边包一层比iframe窄的div，然后 overflow 设置成隐藏。查了好久的文档，太累了，目前暂时使用了直接把scrollbar隐藏的策略。以下是全部代码，基于vue+tailwindcss。目前感觉这个办法还算是效果比较好。

流星雨动画 svg

tailwindcss+vue3+vite+preline项目搭建

在调一个问题的时候，但是问题的数据可能并不能随着想到的场景就变化，譬如说又个数组长度的情况，可能默认的情况下是返回4个元素，但是想要返回为空的时候，如果联系服务给改一下，那么流程上来说就比较长了，而且还不一定及时给改了，本着尽量把主动权握在自己手里，找到了一些在线mockjson的网站，感觉有个问题是不能更新同一个地址的内容返回值，嗯，那么自己来弄一个吧。这下就能赶紧干完愉快的摸鱼了。感觉整体上来说还是挺好用的～

网页多文件合并下载成zip

css萌版效果

国庆节又快到了，正好前阵子国家发布了新版的国家地图，那么来做一个拟物版本地图查看器吧。了解一下幅员辽阔的国土。

一直在用网易云音乐听歌，感觉他的这个动效还是挺不错的，最近也是想试试canvas绘图相关的。尝试了几次之后感觉效果还不错，不过距离网易云的还是有些差距。本期准备仿照制作如下效果：偷偷使用最近比较流行的罗刹海市的音乐来展示这个效果。具体的流程大体上就是获取音频数据，然后根据音频数据绘制在canvas上，不同的绘制方式就能有很多惊艳的效果，毕竟还是数学最令人着迷了。

vitepress部署路径404问题

swiftui接入腾讯云对象存储

腾讯云部署vitepress，高颜值文档博客

wave动画

vite for chrome extension

Alamofire Async Await

Chrome Extension ContextMenus 创建 适配Manifest3

js 复制内容到剪切板

最近用到了克里金差值来绘制三维数据，记录一下使用配置。参考：克里金差值项目地址使用vue来做的，为了简便实用了个npm库npm install --save @sakitam-gis/kriging由于要使用克里金差值分析现在的数值，然后预测一下指定区域的数值，最后显示的时候使用预测之后的数据。代码如下：// 当前数据let t = [-35.18027577, -20.68813751, -23.7213756 ... ]let x = [110408.2333, 266130.8545

项目环境 vue2。在 GitHub 上看了半天不知道怎么集成，直接用 npm 安装 pdfjs-dist 这个包，运行的时候失败了，感觉好头大啊。研究了一下首页，发现其实比较核心的是pdf.js、pdf.worker.js，然后改成cdn加载的方式吧，比较稳定一点。涉及到的 head 如下：<!-- 使用textLayer用到，这种方式能够选中pdf中的文本，比较方便操作 --><link rel="stylesheet" href="https://cdn.jsdelivr.