SF
前端黑科技
前端黑科技
注册登录
关注博客
注册登录
主页
关于
RSS
svg实现渐变百分比组件
jsoncode
6 月 26 日
阅读 5 分钟
394
参考文档:张鑫旭大佬的博客:[链接]改造后的效果:源码:vue3 <script lang="ts" setup> 模式版本: {代码...} 调用: {代码...}
给沉浸式翻译插件配置本地大模型ollama服务
jsoncode
4 月 14 日
阅读 1 分钟
2.9k
这就是一款浏览器翻译插件,非常好用,并且支持自定义本地大模型接口的配置。配置如下:翻译服务: 必须使用OpenAi,这里并不是使用OpenAi的服务,而是使用他的接口协议格式。自定义API Key: 因为我用的本地模型是使用ollama启动的服务,所以这里根据插件说明,配置key为ollama模型:根据自己下载的模型填写即可,经过测...
在使用python 的 gradio==4.23.0时遇到'gbk' codec can't decode时的有效解决方案
jsoncode
4 月 14 日
阅读 4 分钟
441
UnicodeDecodeError: 'gbk' codec can't decode byte 0xb2 in position 2074: illegal multibyte sequence
一个设备,配置多个ssh key ,为不同git服务提供授权
jsoncode
2023-12-20
阅读 2 分钟
869
-t rsa:指定要创建的密钥的类型。在这种情况下,它表示应生成RSA密钥对。RSA(Rivest–Shamir–Adleman)是一种广泛使用的公钥密码体制,可用于安全数据传输。
如何显示防盗链的外站图片
jsoncode
2023-09-27
阅读 3 分钟
768
郑重警告:本文止于技术研究,请勿在自己的生产环境使用他人图片资源。通常在开发测试环节,一些资源图片会出现防盗链的错误提示,本文就通过前端基础技术,实现基本的图片跨站显示效果。防盗链的原理:服务端通过请求头的request.headers.referer来判断是否是自己资源白名单的请求来源。如果referer=null,则无法判断来...
nodejs递归文件夹获取所有文件路径
jsoncode
2022-11-27
阅读 1 分钟
1.2k
读取文件夹 {代码...} 判断文件类型 {代码...} 路径拼接 {代码...} 封装 {代码...}
使用nodejs的http和https下载远程资源,post数据
jsoncode
2022-11-15
阅读 2 分钟
2.4k
经常用到nodejs下载资源的情况(简单的爬虫),可以考虑直接使用nodejs内置的http/https模块。test.mjs {代码...} post数据 {代码...}
Nuxt3 根据路由刷新接口数据
jsoncode
2022-11-09
阅读 1 分钟
3.8k
刚用nuxt3,踩坑有点多。获取路由: {代码...} 请求数据: {代码...} 监听数据变化: {代码...} 监听路由变化: {代码...} 设置页面seo信息: 标题,关键词,描述 {代码...}
纯css实现一个带箭头阴影的手风琴动效
jsoncode
2022-10-28
阅读 4 分钟
1.6k
效果如图:可以移入展开。特征:1,带有箭头2,箭头处带有阴影3,有交互操作箭头,可以用border来实现: {代码...} 引用可用box-shadow实现,但是如果是贴合非规则图形的阴影,可以用到滤镜: {代码...} 交互:当前放大,其他兄弟节点渐入透明 {代码...} 代码:vue3demo.vue {代码...}
vue3封装一个带动画的关闭按钮
jsoncode
2022-10-13
阅读 2 分钟
1.4k
预览效果:实现源码: {代码...} {代码...} 源码说明:带有变量的样式,都写在行内了,因为这样适合用在任意场景下。 {代码...} 其他场景:vite可以直接在style标签中使用js变量 {代码...} {代码...}
在react中基于ant-design,封装一个中文输入框,提高onchange性能
jsoncode
2022-07-04
阅读 2 分钟
3.7k
1 antd中,input组件在触发onChange时,如果是中文输入模式,会频繁被触发,导致页面性能降低。尤其是在onChange时需要实时搜索的情况。2 在mac设备下,如果在onChange中使用value.replace(/\s/g,''/), 会出现无法输入中文的问题。优化之后,可以正常输入。
npm install报错not found: python2的结局方法
jsoncode
2022-03-22
阅读 1 分钟
5.4k
这个问题,困扰过几乎所有的前端开发人员,我自己每次换电脑也对这个很头疼。干脆重新整理记录一下。安装指定版本的python下载地址:[链接]安装Visual C++(需要先安装Visual Studio)下载地址:[链接]在Visual Studio选择桌面开发C++运行库,进行安装 配置python环境变量在Path中添加: C:/Python2.7打开cmd,配置Visual...
如何监听Ant Design of React 的Search组件设置allowClear后的点击事件?
jsoncode
2020-09-27
阅读 1 分钟
5.2k
onSearchThe callback function triggered when you click on the search-icon, the clear-icon or press the Enter key
前端js监听浏览器网络变化
jsoncode
2020-09-14
阅读 1 分钟
4.3k
首先,为什么要让前端判断用户的网络状态呢——为了更好的用户体验。其次,前端能否判断网络状态?有哪些方法?1,可以做到渐进式判断,不能做到绝对准确。2,使用的是navigator.onLine或navigator.connection.rtt根据我实际测试所得,navigator.onLine 无法及时获取真实网络状态,比如手动把网线,使用定时器获取navigato...
element-ui的tabs页签页组件在使用vue-i18n切换语言后,按钮宽度发生变化之后定位不准确解决方案
jsoncode
2020-05-15
阅读 1 分钟
3.9k
不知道有多少人和我遇到的一样,问题描述: 当切换按钮的语言后,由于文字数量发生改版,按钮宽度变化,被选中的按钮下方的指示线定位不准确 我没有搜索到解决方案,自己写了一个,这里分享一下,如果你有更好的方案,下方评论去,和大家分享一下。非常感谢。 {代码...} 在组件中绑定ref {代码...}
vue打包报错UnhandledPromiseRejectionWarning: CssSyntaxError:
jsoncode
2020-03-11
阅读 3 分钟
9.1k
{代码...} 看到这个错误,一脸懵,不知道从何下手。搜到这个答案[链接] 试着注释webpack 配置/build/webpack.pro.conf.js {代码...} 然后真的可以了。 进入打包后的app.xxxx.css 文件 35:7: Unknown word 35行,果然发现错误, {代码...} 这个r怎么回事?删了只会,解开webpack配置,也可以正常打包了。 总结:在去除代...
纯css3实现二维码扫描特效
jsoncode
2020-03-09
阅读 4 分钟
8.1k
在线预览 {代码...} 先看效果:第一步,实现网格背景: {代码...} 第二部实现扫码线以及渐变背景特效 {代码...} 四角特效就是四个宽高相等的正方形,分别设置边框即可。设置扫描动画 {代码...} 完整代码: {代码...} 在线预览[链接],css,html/light/
谷歌浏览器账号无法同步,并提示错误: request canceled
jsoncode
2020-02-22
阅读 1 分钟
27.8k
首先,找到了原因:[链接]然后问题就好解决了:所以,把这3个规则,全部加进去就可以了:
nodejs使用socket5进行代理请求
jsoncode
2020-02-20
阅读 1 分钟
6.1k
需要用到2个库, request socks5-http-client/lib/Agent/或socks5-https-client/lib/Agent 因为一些已知原因,有时候,http.request请求无法拿到数据,首先想到的是proxy,其次是socket5. 有了以上两个库,接下来的代码超级简单。 {代码...} 当然,也可以修改代理地址: {代码...} 我有点不理解的地方是:我使用http.req...
nodejs的http.get,http.request怎么优雅的添加timeout?
jsoncode
2020-02-18
阅读 1 分钟
4.2k
网上搜索一堆教怎么用settimeout/clearTimeout的,最初我也按照他妈的教程去做了。结果发现,各种报错。 最后细读文档才发现,req.setTimeout是有这个方法的。 {代码...} 而且更好用,也不会有其他人为错误了。
简体中文转繁体中文,并可区分港台繁体
jsoncode
2019-10-03
阅读 10 分钟
3.1k
{代码...}
简单高效实现一个按需加载图片的逻辑。
jsoncode
2019-08-02
阅读 1 分钟
2.3k
需求:根据页面滚动,当图片进入视野,就开始加载,否则不加载任何图片。 {代码...} 代码简单,却很通用,很实用。方便扩展
svg+css3做一个动感的波浪效果
jsoncode
2019-06-27
阅读 5 分钟
3.4k
一根矢量的波浪 {代码...} 完整代码: {代码...}
js数字计算丢失精度问题解决方案
jsoncode
2019-05-08
阅读 4 分钟
10.1k
当你看到这篇文章,强烈建议你使用bignumbe.js,以下仅仅是我个人研究学习的笔记,有太多不足之处。当你看到这篇文章,强烈建议你使用bignumbe.js,以下仅仅是我个人研究学习的笔记,有太多不足之处。当你看到这篇文章,强烈建议你使用bignumbe.js,以下仅仅是我个人研究学习的笔记,有太多不足之处。
前端工程师通过nodejs链接linux,并上传代码进行半自动化更新,省去ssh+ftp的链接工具
jsoncode
2019-04-25
阅读 5 分钟
3.5k
这几天,有一个临时项目,每次发布,都要我本地手动zip,上传fpt,然后shell unzip.搞得头大,不胜其烦。我是个懒人,这明显不是我的风格。干脆nodejs写一个自动链接服务器,并上传文件,然后解压的操作吧。
nodejs做了一个网易相册全量下载工具
jsoncode
2019-03-14
阅读 2 分钟
5.1k
起因:前几天网易相册宣布即将停止运营,自己有几千张照片需要下载,官方给的批量下载工具已经无法打开下载页面。无奈只能自己做一个。 该教程专为小白用户写的,大神请直接移步github:[链接] 以下是windows下的教程,mac自行参考,逻辑一样。 1,需要安装node.js nodejs 官网:[链接] 2,下载download.photo.163.com.js...
js简单倒计时
jsoncode
2018-12-11
阅读 1 分钟
4k
不想每次用倒计时,都现写代码,比较烦,这里记一下,也顺便分享一些倒计时简单的逻辑。 如果你有更简单方便的代码,可以分享给大家。 {代码...} 函数里第一个数字是到时间长度,第二个回调函数,回传的time就是当前时间。 勘误:1018-12-12 修正了几个文字错误;优化了几个变量
css3实现信纸/同学录效果
jsoncode
2018-12-05
阅读 2 分钟
4.5k
实现思路:网格背景,由css3的线性渐变来实现。纸上的打孔,由圆和圆柱组成,多个打孔,可以由box-shadow的平铺来实现。 实际代码: {代码...}
html背景图不随滚轮滚动,而且按住Ctrl并滚动滚轮时,图片不会变大缩小,就像百度的首页一样
jsoncode
2018-10-24
阅读 1 分钟
4.3k
之前在百度知道我提问过这一个问题,后来解决了。不过好多人来问我时怎么解决的,源码。其实很简单。这里我贴一下代码。有需要的小伙伴不用再加我qq了,直接来这里取吧。
两个小时写了一个无广告版:百度搜索
jsoncode
2018-10-23
阅读 11 分钟
4.1k
效果见图: 不为别的,怕家人搜索到不该搜索的东西、致命的毒药,医院.... 代码逻辑目前比较简单,只实现了接口调用,还没有进行过多逻辑判断,这里跟大家分享的目的也是希望人人都能使用安全卫生的搜索环境: 完整代码:(需要油猴浏览器插件)背景图是采集的bing.com的,会动态跟随变化。 {代码...}
1
(current)
2
3
下一页
1
(current)
下一页