经常做pdf预览的小伙伴都知道，如 pdfjs,pdfjs-dist,react-pdf等等，各种库，但是其实就是为了预览一下pdf内容。而且pdfjs-dist还会依赖node-pre-gyp,做前端的都知道，这个gpy是有多恶心。

参考文档：张鑫旭大佬的博客：[链接]改造后的效果：源码：vue3 <script lang="ts" setup> 模式版本： {代码...} 调用： {代码...}

这就是一款浏览器翻译插件，非常好用，并且支持自定义本地大模型接口的配置。配置如下：翻译服务: 必须使用OpenAi，这里并不是使用OpenAi的服务，而是使用他的接口协议格式。自定义API Key: 因为我用的本地模型是使用ollama启动的服务，所以这里根据插件说明，配置key为ollama模型：根据自己下载的模型填写即可，经过测...

UnicodeDecodeError: 'gbk' codec can't decode byte 0xb2 in position 2074: illegal multibyte sequence

-t rsa：指定要创建的密钥的类型。在这种情况下，它表示应生成RSA密钥对。RSA（Rivest–Shamir–Adleman）是一种广泛使用的公钥密码体制，可用于安全数据传输。

郑重警告：本文止于技术研究，请勿在自己的生产环境使用他人图片资源。通常在开发测试环节，一些资源图片会出现防盗链的错误提示，本文就通过前端基础技术，实现基本的图片跨站显示效果。防盗链的原理：服务端通过请求头的request.headers.referer来判断是否是自己资源白名单的请求来源。如果referer=null,则无法判断来...

读取文件夹 {代码...} 判断文件类型 {代码...} 路径拼接 {代码...} 封装 {代码...}

经常用到nodejs下载资源的情况（简单的爬虫），可以考虑直接使用nodejs内置的http/https模块。test.mjs {代码...} post数据 {代码...}

刚用nuxt3,踩坑有点多。获取路由： {代码...} 请求数据： {代码...} 监听数据变化： {代码...} 监听路由变化： {代码...} 设置页面seo信息： 标题，关键词，描述 {代码...}

效果如图：可以移入展开。特征：1，带有箭头2，箭头处带有阴影3，有交互操作箭头，可以用border来实现： {代码...} 引用可用box-shadow实现，但是如果是贴合非规则图形的阴影，可以用到滤镜： {代码...} 交互：当前放大，其他兄弟节点渐入透明 {代码...} 代码：vue3demo.vue {代码...}

预览效果：实现源码： {代码...} {代码...} 源码说明：带有变量的样式，都写在行内了，因为这样适合用在任意场景下。 {代码...} 其他场景：vite可以直接在style标签中使用js变量 {代码...} {代码...}

1 antd中，input组件在触发onChange时，如果是中文输入模式，会频繁被触发，导致页面性能降低。尤其是在onChange时需要实时搜索的情况。2 在mac设备下，如果在onChange中使用value.replace(/\s/g,''/), 会出现无法输入中文的问题。优化之后，可以正常输入。

这个问题，困扰过几乎所有的前端开发人员，我自己每次换电脑也对这个很头疼。干脆重新整理记录一下。安装指定版本的python下载地址：[链接]安装Visual C++（需要先安装Visual Studio）下载地址：[链接]在Visual Studio选择桌面开发C++运行库，进行安装 配置python环境变量在Path中添加: C:/Python2.7打开cmd，配置Visual...

onSearchThe callback function triggered when you click on the search-icon, the clear-icon or press the Enter key

首先，为什么要让前端判断用户的网络状态呢——为了更好的用户体验。其次，前端能否判断网络状态？有哪些方法？1，可以做到渐进式判断，不能做到绝对准确。2，使用的是navigator.onLine或navigator.connection.rtt根据我实际测试所得，navigator.onLine 无法及时获取真实网络状态，比如手动把网线，使用定时器获取navigato...

不知道有多少人和我遇到的一样，问题描述： 当切换按钮的语言后，由于文字数量发生改版，按钮宽度变化，被选中的按钮下方的指示线定位不准确 我没有搜索到解决方案，自己写了一个，这里分享一下，如果你有更好的方案，下方评论去，和大家分享一下。非常感谢。 {代码...} 在组件中绑定ref {代码...}

{代码...} 看到这个错误，一脸懵，不知道从何下手。搜到这个答案[链接] 试着注释webpack 配置/build/webpack.pro.conf.js {代码...} 然后真的可以了。 进入打包后的app.xxxx.css 文件 35:7: Unknown word 35行，果然发现错误， {代码...} 这个r怎么回事？删了只会，解开webpack配置，也可以正常打包了。 总结：在去除代...

在线预览 {代码...} 先看效果：第一步，实现网格背景： {代码...} 第二部实现扫码线以及渐变背景特效 {代码...} 四角特效就是四个宽高相等的正方形，分别设置边框即可。设置扫描动画 {代码...} 完整代码： {代码...} 在线预览[链接],css,html/light/

首先，找到了原因：[链接]然后问题就好解决了：所以，把这3个规则，全部加进去就可以了：下图是switchomega插件的配置项：

需要用到2个库， request socks5-http-client/lib/Agent/或socks5-https-client/lib/Agent 因为一些已知原因，有时候，http.request请求无法拿到数据，首先想到的是proxy，其次是socket5. 有了以上两个库，接下来的代码超级简单。 {代码...} 当然，也可以修改代理地址： {代码...} 我有点不理解的地方是：我使用http.req...

网上搜索一堆教怎么用settimeout/clearTimeout的，最初我也按照他妈的教程去做了。结果发现，各种报错。 最后细读文档才发现，req.setTimeout是有这个方法的。 {代码...} 而且更好用，也不会有其他人为错误了。

{代码...}

需求：根据页面滚动，当图片进入视野，就开始加载，否则不加载任何图片。 {代码...} 代码简单，却很通用，很实用。方便扩展

一根矢量的波浪 {代码...} 完整代码： {代码...}

当你看到这篇文章，强烈建议你使用bignumbe.js，以下仅仅是我个人研究学习的笔记，有太多不足之处。当你看到这篇文章，强烈建议你使用bignumbe.js，以下仅仅是我个人研究学习的笔记，有太多不足之处。当你看到这篇文章，强烈建议你使用bignumbe.js，以下仅仅是我个人研究学习的笔记，有太多不足之处。

这几天，有一个临时项目，每次发布，都要我本地手动zip，上传fpt，然后shell unzip.搞得头大，不胜其烦。我是个懒人，这明显不是我的风格。干脆nodejs写一个自动链接服务器，并上传文件，然后解压的操作吧。

起因：前几天网易相册宣布即将停止运营，自己有几千张照片需要下载，官方给的批量下载工具已经无法打开下载页面。无奈只能自己做一个。 该教程专为小白用户写的，大神请直接移步github:[链接] 以下是windows下的教程，mac自行参考，逻辑一样。 1，需要安装node.js nodejs 官网：[链接] 2，下载download.photo.163.com.js...

不想每次用倒计时，都现写代码，比较烦，这里记一下，也顺便分享一些倒计时简单的逻辑。 如果你有更简单方便的代码，可以分享给大家。 {代码...} 函数里第一个数字是到时间长度，第二个回调函数，回传的time就是当前时间。 勘误：1018-12-12 修正了几个文字错误；优化了几个变量

实现思路：网格背景，由css3的线性渐变来实现。纸上的打孔，由圆和圆柱组成，多个打孔，可以由box-shadow的平铺来实现。 实际代码： {代码...}

之前在百度知道我提问过这一个问题，后来解决了。不过好多人来问我时怎么解决的，源码。其实很简单。这里我贴一下代码。有需要的小伙伴不用再加我qq了，直接来这里取吧。