前端
文章平均质量分 55
xyccstudio
这个作者很懒,什么都没留下…
展开
-
Chrome extension 修改 window.navigator.userAgent
网页开发有一些场景会做一些ua的判断,特别是在手机端展示的页面,非手机就不让看了,这还是挺让人觉得不方便的,毕竟在电脑上各种屏蔽广告的插件还是很强大的。那么有没有办法假装电脑版的网页是手机设备呢。毕竟之前做过的项目一般来说是判断一下 window.navigator.userAgent 来判定当前是否是手机设备。然后再判断是否要显示,或者判断是否要支持一些特殊的功能。原创 2024-05-30 17:21:31 · 1067 阅读 · 0 评论 -
js 正则匹配返回所有匹配到的范围
js正则默认不返回匹配到的范围,有些场景用起来就不太方便。如果想针对于匹配到的位置多次操作就要另外想个办法了。翻了翻正则的文档发现还有个 exec 可以用。indexOf 这个只能获取到第一个出现的位置,其他位置不太行,这个方法好像就行不通了。自己一个个找,写个kmp算法感觉有比较麻烦。还能记录上次匹配的位置。那么就可以这么来了。原创 2024-05-30 17:20:33 · 308 阅读 · 0 评论 -
chrome extension插件替换网络请求中的useragent
chrome extension替换网络请求中的useragent原创 2024-05-02 20:32:59 · 957 阅读 · 1 评论 -
iframe隐藏scrollbar并且还能够继续滚动
frame 有个属性 scrolling,直接设置 scrolling=‘no’ 即可隐藏scrollbar。不过感觉有可能谁闲的设置过scrollbar的宽度怎么办呢,那就把这个值改成获取的吧。另外一个就是外边包一层比iframe窄的div,然后 overflow 设置成隐藏。查了好久的文档,太累了,目前暂时使用了直接把scrollbar隐藏的策略。以下是全部代码,基于vue+tailwindcss。目前感觉这个办法还算是效果比较好。原创 2024-05-02 20:01:02 · 789 阅读 · 0 评论 -
流星雨动画 svg
流星雨动画 svg原创 2024-04-26 13:29:10 · 193 阅读 · 0 评论 -
tailwindcss+vue3+vite+preline项目搭建
tailwindcss+vue3+vite+preline项目搭建原创 2024-04-09 16:06:50 · 493 阅读 · 0 评论 -
在线mockjson
在调一个问题的时候,但是问题的数据可能并不能随着想到的场景就变化,譬如说又个数组长度的情况,可能默认的情况下是返回4个元素,但是想要返回为空的时候,如果联系服务给改一下,那么流程上来说就比较长了,而且还不一定及时给改了,本着尽量把主动权握在自己手里,找到了一些在线mockjson的网站,感觉有个问题是不能更新同一个地址的内容返回值,嗯,那么自己来弄一个吧。这下就能赶紧干完愉快的摸鱼了。感觉整体上来说还是挺好用的~原创 2024-01-29 14:47:32 · 539 阅读 · 0 评论 -
网页多文件合并下载成zip
网页多文件合并下载成zip原创 2024-01-05 13:26:49 · 400 阅读 · 0 评论 -
CSS蒙版效果
css萌版效果原创 2023-10-10 09:15:31 · 715 阅读 · 0 评论 -
庆国庆,拟物地图
国庆节又快到了,正好前阵子国家发布了新版的国家地图,那么来做一个拟物版本地图查看器吧。了解一下幅员辽阔的国土。原创 2023-09-28 11:04:24 · 129 阅读 · 0 评论 -
仿网易云-360度混响
一直在用网易云音乐听歌,感觉他的这个动效还是挺不错的,最近也是想试试canvas绘图相关的。尝试了几次之后感觉效果还不错,不过距离网易云的还是有些差距。本期准备仿照制作如下效果:偷偷使用最近比较流行的罗刹海市的音乐来展示这个效果。具体的流程大体上就是获取音频数据,然后根据音频数据绘制在canvas上,不同的绘制方式就能有很多惊艳的效果,毕竟还是数学最令人着迷了。原创 2023-09-22 11:22:55 · 94 阅读 · 0 评论 -
vitepress部署路径404问题
vitepress部署路径404问题原创 2023-07-17 10:11:13 · 1000 阅读 · 0 评论 -
swiftui接入腾讯云对象存储cos
swiftui接入腾讯云对象存储原创 2023-07-09 09:38:41 · 1928 阅读 · 0 评论 -
腾讯云部署vitepress,高颜值文档博客
腾讯云部署vitepress,高颜值文档博客原创 2023-07-07 15:03:33 · 277 阅读 · 0 评论 -
简单的声波动画js版本
wave动画原创 2023-03-30 14:17:39 · 510 阅读 · 0 评论 -
vite chrome extension 制作流程
vite for chrome extension原创 2023-03-16 11:34:22 · 781 阅读 · 0 评论 -
Alamofire Async Await
Alamofire Async Await原创 2022-11-16 16:12:37 · 465 阅读 · 0 评论 -
Chrome Extension ContextMenus 创建 适配Manifest3
Chrome Extension ContextMenus 创建 适配Manifest3原创 2022-11-16 13:33:23 · 707 阅读 · 0 评论 -
js 复制内容到剪切板
js 复制内容到剪切板原创 2022-09-25 09:00:49 · 123 阅读 · 0 评论 -
克里金差值开发记录
最近用到了克里金差值来绘制三维数据,记录一下使用配置。参考:克里金差值项目地址使用vue来做的,为了简便实用了个npm库npm install --save @sakitam-gis/kriging由于要使用克里金差值分析现在的数值,然后预测一下指定区域的数值,最后显示的时候使用预测之后的数据。代码如下:// 当前数据let t = [-35.18027577, -20.68813751, -23.7213756 ... ]let x = [110408.2333, 266130.8545原创 2021-08-24 22:23:42 · 494 阅读 · 0 评论 -
pdfjs渲染到原生html元素,非canvas
项目环境 vue2。在 GitHub 上看了半天不知道怎么集成,直接用 npm 安装 pdfjs-dist 这个包,运行的时候失败了,感觉好头大啊。研究了一下首页,发现其实比较核心的是pdf.js、pdf.worker.js,然后改成cdn加载的方式吧,比较稳定一点。涉及到的 head 如下:<!-- 使用textLayer用到,这种方式能够选中pdf中的文本,比较方便操作 --><link rel="stylesheet" href="https://cdn.jsdelivr.原创 2021-06-21 15:38:00 · 847 阅读 · 0 评论