- 博客(17)
- 收藏
- 关注
原创 微信小程序开发基础
微信⼩程序,简称⼩程序,英⽂名 Mini Program,是⼀种不需要下载安装即可使⽤的应⽤,它实现了应⽤“触⼿可及”的梦想,⽤⼾扫⼀扫或搜⼀下即可打开应⽤微信小程序的优势:1.微信有海量⽤⼾,⽽且粘性很⾼,在微信⾥开发产品更容易触达⽤⼾;2.推⼴app或公众号的成本太⾼。3.开发适配成本低。4.容易⼩规模试错,然后快速迭代。5.跨平台。
2023-12-20 20:48:13 1292 1
原创 谷歌浏览器使用AppEmit中间件调用OCX控件,网页获取读卡器信息
废话不多说,我又来搞前端网页连接读卡器了,这次的设备是明华智能支付终端,虽然叫支付终端,但是还支持读取 银行卡,身份证,接触类IC卡,非接触类IC卡,二维码,记录一下技术方案
2023-12-11 17:02:58 1329
原创 vue网页调用华视电子身份证阅读器cvr-100uc
接到一个前端调用身份证读卡器的需求,提供的设备是华视CVR-100uc,记录一下开发过程。
2023-12-08 15:44:13 1798
原创 uniapp,vue3,h5端使用zxing扫描二维码,条形码
废话不多说,使用uniapp时scan方法不支持h5端,因此h5端需要自己引入三方库,我这里用的是zxing完整代码在最后。
2023-09-20 13:38:05 4256 19
原创 vue项目,uniapp项目本地调试开启https,加载本地证书
废话不多说,前端开发调用摄像头,获取地址位置时需要https的问题,在本地运行时可以参考这篇文章操作我这里用的mkcert如果你使用的vite,那么可以直接使用到此,证书生成安装结束了,项目跑起来就ok了。
2023-09-20 11:01:07 5765 4
原创 使用浏览器插件修改request请求header头
最近遇到了一个疑似header头引发的bug,需要修改header头来验证,于是写了个插件来实现目前每修改一次参数就需要重新加载一次插件,后续的话准备做成可配置。
2023-06-08 13:39:39 2747
原创 基于node.js实现分销类微信聊天机器人
最近遇到了一个微信聊天机器人的需求,主要功能是自动同意好友申请,定时向微信群发送商品优惠信息,收到微信私聊信息后搜索优惠卷信息发送回去。那我作为一个前端开发,第一时间就是去找node.js的相关库了呀,经历了各种坑,总算是给他拿下这部分功能实现没啥问题,唯一的问题是不知道什么时候微信官方修改就会导致无法使用。除此之外,也可以使用auto.js来对真机进行操作来实现,更稳定。
2023-05-19 13:55:00 220 1
原创 h5基于canvas的凹凸拼图碎片生成
最近接到了一个web的拼图游戏需求,要求在前端生成凹凸碎片样式。在github逛了逛,发现基本都是切割成方块,不满足需求;要么是用pixi.js或者cocos这种有学习成本,于是先研究一下怎么简单一点的实现。这种办法生成,优点是代码简单,微信小程序也能用;缺点是生成时间较长,计算拼图碎片放置位置有点麻烦。
2023-05-18 17:05:11 371 1
原创 在uniapp中使用SVGAPlayer播放svga动画
在uniapp中使用svga,我是只需要编译为微信小程序和h5,其他端的暂时没研究。完整代码在最后首先是微信小程序,从https://github.com/svga/svgaplayer-weapp下载svgaplayer.weapp.js,按照教程引入即可<template> <canvas type="2d" style="width: 300px; height:300px;background-color: #000;" id="my
2022-05-16 16:51:29 4241
原创 h5监听页面展示隐藏返回
在开发中遇到了需要监听页面隐藏展示(比如切到后台又切回来),这个时候我立马想到onShow生命周期,不过反应过来这个是微信小程序的。如果想在h5里面监听的话,只需要加一个监听器document.addEventListener('visibilitychange', async () => { if (document.visibilityState == 'visible') { //页面展示 } eles { //页面隐藏 }})解决了这个问题,又来了一个新的
2021-11-30 16:17:31 2180
原创 使用阿里云轻量应用服务器搭建自己的nodejs接口服务器
记录一下自己的学习历程首先购买一台阿里云轻量应用服务器,之所以用这个是因为直接就搭建好了node的相关环境,到手即用之后在阿里云控制台就能看到服务器的相关信息,比如公网ip地址之类的,记得改密码,然后使用XShell就能连接上服务器使用命令行来操作,使用XFtp来上传文件到服务器,这里没什么说的哈,都是基本操作。接下来先部署一下自己的静态网站,将你的网页文件上传到/var/www/文件夹下(比如vue项目就是build后将dist文件夹内的东西传上去),然后配置一下nginx(阿里云轻量应用服务器自
2021-07-20 11:57:23 910 1
原创 记录vue-ts引入js文件遇到无法编译的问题
在ts环境中引入js文件有import方式和require方式,import方式需要写个声明,require则不需要,不过eslint会报错,可以在eslinttrc.js中加入'@typescript-eslint/no-var-requires': 'off'来关闭验证这都没啥问题,然后重新编译一下,诶,怎么卡在一个node_modules里的一个依赖这卡了五六分钟。我这引入第三方js跟依赖也没关系啊。然后百度+谷歌,并没有找到解决方案最后我就打开了这个js文件,是一个压缩后的js文件,使用
2021-06-17 15:16:57 1624 2
原创 vue纯前端实现json导出为excel文件(xlsx.full.min.js)
废话不多说,能实现导出为excel的库也不少,这次我用的是xlsx.full.min.js(git地址:https://github.com/SheetJS/sheetjs)在utils里简单封装一下import * as XLSX from 'xlsx'/** * 字符串转字符流 */const s2ab = (s: string = '') => { //字符串转字符流 let buf = new ArrayBuffer(s.length) let view = new U
2021-06-04 10:28:10 1604
原创 IOSWebView打开H5页面自定义标题栏fixed属性奇怪展示
最近遇到的坑,在IOS的WebView中自定义H5页面的标题栏时,给标题栏添加position:fixed;时会出现很奇怪的情况,此时再加上一个transform: translate3d(0, 0, 0);就可以解决
2021-02-24 18:33:16 260
原创 前端刘海屏适配
只需要使用env(safe-area-inset-bottom)就可以得到安全距离,在实际使用时只需height: calc(env(safe-area-inset-bottom) + 88rpx);就可以兼容刘海屏
2021-02-02 13:28:57 656
原创 微信小程序的一些坑
微信小程序的一些坑1.button组件border:none;仍然有边框button::after { border: none;}
2021-01-22 16:38:34 73
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人