自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 uniapp开发app时使用极验校验

最近在开发一个app,需要使用到极验去校验用户行为,于是去看了极验的开发文档,文档内只有原生的参考,于是我去插件市场找了一圈,发现几个都需要收费,且不好用,于是只好另辟蹊径。利用iframe,通过极验的web文档,尝试一下,发现还是可行的,现分享一下实现。// 调用appendTo将验证码插入到页的某一个元素中,这个元素用户可以自定义。// 用户把验证关闭了,这时你可以提示用户需要把验证通过后才能进行后续流程。//your code,结合您的业务逻辑重置验证码。文件下载到/static/html文件夹内。

2024-04-01 16:59:41 788

原创 解决electron-vite打包后图片加载失败的问题

这个安全策略 Content-Security-Policy 限制网页当中一系列的资源获取的情况,从哪里获取,请求发到哪个地方。在使用electron开开心心的开发项目的时候,本地调试没有问题,当时打包后,安装发现图片资源今天加载不出来,头大了吧。而default-src限制全局的和链接有关的作用范围,所以才会出现图片加载不出来。于是打开调试发现一堆爆红,发个文章记录一下,也好让各位少走点弯路。打开index.html文件你会发现这个一个标签。至此喜大普奔,希望各位少踩点走点弯路。

2023-12-20 15:34:55 903

原创 优化vue-baidu-map渲染多个marker卡顿的问题(vue2,vue3同理)

vue项目中使用百度地图,我们通常会用到,vue3也可以用在使用地图中,我们需要在地图上标出位置,此时我们会用到bmMarker组件,通过v-for遍历得到我们想要标识的坐标数据量不多的情况下是没什么问题的,当时随着数据量增多,会造成页面卡顿,解决办法也挺简单,大概有3种。

2023-12-15 14:56:02 1315 4

原创 vue3使用webrtc-streamer查看实时监控(vue2同理)

运行webrtc-streamer.exe,默认打开8000端口,然后浏览器访问127.0.0.1:8000就可以看到本地监控了,我们测试一下视频流,只需要在后面加上/webrtcstreamer.html?video=rtsp://xxx:xxx@xxxxxx:xxxx看下监控画面能否出来,如果出不来,请检查视频流的格式是否为h265格式。// import.meta.env.VITE_APP_PORT 是之前运行的exe文件的端口号,默认8000,请自行修改。下载完成后,解压,打开解压后的文件夹如下。

2023-11-18 13:14:51 1428 1

原创 【前端】阿拉伯数字转中文数字,金额大写

朋友让帮忙看一下他的金额转大写为啥不对,然后看着看着,干脆自己造一个轮子,于是有了下面这个。适用于需要转换阿拉伯数字与中文数字的场景。我们还可以根据自己的需求设置不同的字符串。

2023-11-15 21:34:35 333

原创 node实现自动打包部署前端nuxt项目

作为一个前端开发,本不需要自己部署项目,奈何天不遂人愿,活最终还是落到了自己头上,刚开始只是部署测试环境,只有一台服务器,手动部署以下也就算了,后面线上环境部署4台服务器,人当时就麻了对于喜爱摸鱼的我来说,严重耽误我摸鱼的时间,于是乎就在想能否写一个node脚本执行命令自动部署呢,想了一下,还是决定动手试试最开始是想通过执行shell命令打包项目,然后通过node进行io操作打包,再通过ssh2上传到服务器进行部署后面一想,都用到了shell,何不干脆直接通过shell命令打包,压缩呢,于是乎,引入了c

2022-10-10 17:58:41 1523 1

原创 uniapp 实现代码高亮

最近在开发一款自己的小程序,新增面试答题功能 体验一下涉及到代码显示问题,于是在社区发现了一款 插件先上一下效果展示图,(当然大家可以去 体验一下)因为插件的本身原因,导致解析markdown语法并没有实现代码高亮所以只能通过去新增样式去设置代码的颜色下载完插件后,可以修改插件文件夹下parser/libs/config.js文件在userAgentStyles 下添加以下样式(可以根据自身需求修改)大功告成...............

2022-07-12 11:51:47 2183

原创 flutter 输入框设置圆角+无边框

相较于css 的圆角和边框是分开的flutter TextField的圆角是在border 上所以,只能在外面包一层,设置圆角,然后去掉输入框的边框 Container( margin: const EdgeInsets.only(left: 10), decoration: BoxDecoration( color: Colors.white60,

2022-05-12 17:27:37 2918 1

原创 nuxt解析markdown代码块高亮、复制,显示行号

文章目录一、解析markdown二、代码块高亮三、代码块复制四、添加行号一、解析markdown使用markdownitnpm i @nuxtjs/markdownit在nuxt.config.js中modules添加@nuxtjs/markdownit,并添加markdownitmodules: [ '@nuxtjs/markdownit'],// 根据自己配置markdownit: { preset: 'default', linkify: true,

2022-03-21 18:33:05 5832

原创 NUXT去掉源代码里面的css和window.__NUXT__

NUXT去掉源代码里面的css和window.__NUXT__存在的问题怎么解决这显示css的问题解底部js的问题存在的问题在我们用nuxt做项目时,通常会考虑到SEO问题然而当我们查看源代码的时候发现页面上出现了大量的css并且body底部还有大量的js这样不仅对seo有一定的影响,同时,看着也不美观怎么解决这显示css的问题只需要在nuxt.config.js里的build 加上这一行代码即可build: { extractCSS: { allChunks: true }}

2021-11-06 13:27:07 2018 7

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除