- 博客(16)
- 收藏
- 关注
原创 uniapp、vue实现滑动拼图验证码
实际开发工作中,在登陆的时候需要短信验证码,但容易引起爬虫行为,需要用到反爬虫验证码,今天介绍一下拼图验证码,解决验证码反爬虫中的滑动验证码反爬虫。滑动拼图验证码是在滑块验证码的基础上增加了一个随机滑动距离,用户需要将滑块滑到拼图的缺口处,使拼图完整,才能通过校验。平台兼容性,H5、微信小程序、字节、百度、qq等。
2022-12-16 15:55:21
9483
2
原创 调试程序报错:TypeError: Cannot read property ‘declick‘ of undefined
在写项目的过程中发现了bug,报错如下:源码如下:产生bug原因:在外层增加了一个 v-if 包裹,导致 this.$refs 渲染不出来,所以报错以上这个错误,显示 declick 未定义解决办法:增加问号做判断,为 空||undefined 不调用该方法...
2021-11-26 15:56:37
424
原创 运行uniapp的多种方式
1.浏览器运行进入你创建的项目,点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器,即可在浏览器里面体验uni-app 的 H5 版。2.真机运行连接手机,开启USB调试,进入hello-uniapp项目,点击工具栏的运行 -> 真机运行 -> 选择运行的设备,即可在该设备里面体验uni-app。ps:USB连接方式一定要调为传输文件模式,手机调成开发者模式,再开启USB调试,这样HBuilder X才能检测到你的设备,运行成功设备里一定要先下载传输过来的工具并安装
2021-10-09 14:19:33
21457
原创 数组对象去重 ES6 findIndex filter
findIndex() 查找元素,返回值是该元素的数组下标filter() 过滤元素,返回值是该元素// 数组对象去重 var arr = [{ id: 1, name: 'ceshi', type: '01', price: '33', }, { id: 2, name: 'ceshi', type: '02', price: '33'
2021-09-28 18:21:48
318
原创 vue项目 运行的时候报To install it, you can run: npm install --save ..\common\css\common.scss
今天写代码的时候真的很郁闷,因为没运行过别人写的代码,今天试着运行,然后发现它居然给我报错了,上网去百度了一下,一直不得,随后自己随便试了一下,就运行成功了。我的解决办法是这样的,npm i == npm install (我个人比较懒,代码懒得打全,有的命令在命令行里会自动帮你识别补全,所以有一些命令就可以省着写)重新执行代码 npm i ,下载好依赖等待它不报错就行了,如果报错就用国内的淘宝源 cnpm i你看你报的错,缺啥就重新下啥,我缺的是sassquan...
2021-07-28 16:21:45
33451
原创 小程序选择地址、图片等报错: {errMsg: “chooseAddress:fail auth deny“}
问题一:小程序报错信息:Uncaught (in promise) {errMsg: “chooseAddress:fail auth deny”}原因:这是在选择地址的时候拒绝授权绑定引起的解决方法:在开发工具的工具栏选择清缓存中的“清除授权数据”,重新编译就可以了如果以上未能解决实际问题,请参考问题二问题二:小程序报错信息:chooseImage fail:{errMsg: “chooseImage:fail auth deny”, errNo: 10200}原因:代码都正确,但上传图
2021-07-22 11:18:46
8969
3
原创 怎么创建一个uniapp项目
安装hbuilderX,然后点击左上角的新建-项目即可弹窗新建项目的弹窗然后选择uni-app项目即可,选择最简单的进行创建创建简单的模板之后可以点击上边的按钮进行运行或者导航栏的运行并选择运行方式第一次运行会自动安装编译插件,然后编译成功之后就会在浏览器打开一个页面这样既可看到项目运行了...
2021-06-28 17:30:10
594
原创 仿微信、QQ聊天页面软键盘遮挡聊天对话的解决办法
在刚制作的时候弹起来的软键盘会覆盖聊天记录类似这样然后我仔细研究了下代码原代码://底部框代码<view class="cu-bar foot input"> <view class="action" @tap="call"> <text class="cuIcon-phone text-grey"></text> </view> <view class="action" @tap="chooseImage">
2021-06-17 10:23:56
1548
原创 js实现新闻轮播效果
原生js实现新闻轮播效果,附详细注释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>
2021-01-08 10:50:59
932
原创 js实现拖拽盒子功能
按下按钮拖动盒子,让盒子可以在任意地方停止并且不会返回原来的地方<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <st
2021-01-08 09:39:18
1354
原创 如何用HTML和css实现简单的手风琴菜单效果,附带详细注释
超完整的代码+详细注释,适合给小白做的简单的手风琴菜单实例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <s
2020-12-04 22:41:03
3356
1
原创 如何用HTML和css制作一个简单的带有滑动条的网页电子相册实例
超完整的代码+详细注释,适合给小白做的简单的网页电子相册实例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <s
2020-12-01 17:57:16
3832
4
原创 网页的组成与HTML标签简介
网页的组成:结构:网页的组成部分(html、xhtml )表现:网页的样式(css)行为:网页要实现的交互功能(js)w3c标准:网页制作的标准,由w3c协(万维网)会制定结构:网页的组成部分(html、xhtml )表现:网页的样式(css)ecma(欧洲厂商联盟)制定:行为:网页要实现的交互功能(js)网页元素:elements元素,style样式文件的命名规范小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;必须以英文字母开头。HTML开始1:HTML架
2020-11-26 19:15:30
587
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人