Web
caicaicai404
很佛系,闲来无事就写写博客
展开
-
jq ajax处理blob格式的图片验证码
jq ajax处理blob格式的图片验证码原创 2022-07-02 19:50:02 · 1898 阅读 · 2 评论 -
多维数组转成一维数组
多维数组转成一维数组原创 2022-06-26 17:17:37 · 713 阅读 · 0 评论 -
一维数组根据父id转为嵌套树结构
数组树结构处理原创 2022-06-26 17:04:10 · 625 阅读 · 0 评论 -
children嵌套的多维数组关键字排序
多维数组排序原创 2022-06-19 18:12:19 · 377 阅读 · 0 评论 -
web微信授权登录-代码篇
上篇讲了我们做微信授权登录前,需要在微信后台做的一些配置准备。现在到我们页面内部:代码如下:1、定义一个getUrlKey方法,来判断当前地址是否有code字段。(因为授权过的地址会自动拼上code,一般也就是要拿这个code值传给后端的接口)2、myAppid是我们的微信appID3、redirectUrl是我们授权后,页面再次重定向要跳转回来的地址,就是我们当前的页面地址 let wxUserCode = getUrlKey("code");原创 2022-02-13 16:41:16 · 1314 阅读 · 0 评论 -
web微信授权登陆-配置篇
大家做微信网页授权登陆时,大家可以通过自己在微信后台设置,实现自测授权登陆。步骤如下:打开链接 用微信登录:微信公众平台在页面内按照如下步骤操作:一、原创 2022-02-13 16:12:56 · 1388 阅读 · 0 评论 -
select标签实现文字居中
今天用select标签,想设置一下文字居中时,发现居然不生效。原创 2021-06-06 00:53:27 · 3967 阅读 · 0 评论 -
解决fullpage滑动,控制台的报错提示
应用fullpage移动端滑动效果,但控制台一直有报错提示[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL>解决:给html 添加 touch-action: none;属性...原创 2019-11-21 17:02:02 · 341 阅读 · 0 评论 -
vue keep-alive案例全教程
该dome一个案例是用keep-alive实现 'form表单' 点击跳转 '阅读活动协议页' 再返回表单数据不刷新进行缓存。另一个是keep-alive实现 '信息列表页' 滚动到某一位置点击跳转'详情页'再返回,保留列表上次滚动到的位置。而且用keep-alive来实现这些效果,比使用vuex或者sessionStorage这两种方法要合理,不用重复调本地缓存,再渲染。效果图:...原创 2019-07-28 19:02:50 · 3076 阅读 · 0 评论 -
css引入自定义字体 字体压缩
随便一个网站下载字体:https://www.fontke.com/再随便一个网站字体转换格式:https://www.fontke.com/tool/convfont/效果:<!DOCTYPE html><html><head> <meta charset="utf-8"> <m...原创 2019-07-23 23:03:18 · 1991 阅读 · 1 评论 -
Hbuilder将less自动编译成wxss
在开发小程序的时候我用的是Hbuilder,因为自己想用less预编译css样式,琢磨了下,发现了方法。打开Hbuilder -> 工具(T) -> 预编译器设置把.css改成.wxss点击确定就可以了 ...原创 2019-02-25 15:32:11 · 1404 阅读 · 1 评论 -
H5实现移动端,PC端页面分享
想做个页面分享功能,既要兼容移动端,也要兼容PC端。找了一轮,决定PC端用百度分享的api:http://share.baidu.com/code/advance移动端一开始想用soshm.js,发现ios没问题,但安卓手机在微信上点微博完全没反应:http://www.calledt.com/soshm/于是改用了nativeShare.js:https://github...原创 2019-01-30 11:48:27 · 9463 阅读 · 1 评论 -
js实现数字从1动态递增到10
js实现数字从1动态递增到10 0 var num = 0; var t = setInterval(function(){ num++; var span1 = document.getElementById("span1"); span1.innerText = nu原创 2017-08-21 16:24:57 · 28764 阅读 · 2 评论 -
百度api文字转语音效果
文字转语音接口:http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=2&text=需要转语音的文字参数说明:lan=zh:语言是中文,如果改为lan=en,则语言是英文。ie=UTF-8:文字格式。spd=2:语速,可以是1-9的数字,数字越大,语速越快。text=**:这个是你要转换的文字。如何调用?1,调用前要用jav...原创 2018-04-06 14:57:49 · 12027 阅读 · 2 评论 -
input完美实现无闪烁只能输入1到999的整数
输入数字第一位不能为0,不能输入小数点,中文,英文。且输入整数以外的内容时,输入框违规内容不会一闪而过 <input type="tel" oninput="var v=this.value||'';v=v.replace(/[^\d]/g,'');if(v.length==1 && v==0){v=''};this.value=v.substr(0,3);"&...原创 2018-10-18 14:17:27 · 4538 阅读 · 0 评论 -
vue导航守卫beforeRouteLeave浏览器返回时,自定义弹窗提醒用户保存信息
H5页面中经常会遇到的情况,当前页面点击返回,想要提示弹窗"是否确认离开当前页面"之类的需求。自己试着看了一下网上的方法,大多是alert出系统弹窗。其实要实现自定义弹窗提示,也是很容易的。从另一个页面点击跳转到当前页(如下),点击浏览器返回按钮,则会弹窗下面的弹窗,点击弹窗确定按钮,页面返回上一页 完整代码:<template> <div class="...原创 2018-10-17 13:57:23 · 19836 阅读 · 4 评论 -
H5页面唤起指定app,有就唤起,没有则跳转下载页
点击按钮,当已经安装了app则调起,否则跳转到应用宝或者App store下载页面(普通浏览器兼容,微信有权限限制,只能每次跳转下载页)<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de原创 2018-10-25 15:10:03 · 9549 阅读 · 1 评论 -
解决ios底部固定输入框,获取焦点时弹出输入法键盘挡住输入框
ios端比较常见的,就是在页面底部固定的输入框,如下,一旦获取焦点,弹出的输入法键盘就会把input输入框完全挡住,解决方法很简单,加上下面的几行代码即可 $(".replay_text").on("click", function() { setTimeout(function(){ document.body....原创 2018-11-01 09:30:07 · 5244 阅读 · 0 评论 -
H5点击生成图片dome
最近琢磨想在移动端实现点击按钮保存图片的功能。在网上搜了好久,发现普遍的方法是:html2canvas.js实现把html转图片,canvas2image.js则实现图片的下载。把网上的案例套用之后发现html转图片没啥问题,但是到了下载图片一堆bug啊,ios浏览器点击下载都是直接到一个图片的链接,再手动长按保存。安卓跟ios在微信打开都是'点击下载'是完全没反应啊,老爹。这样就玩不...原创 2018-12-27 01:02:06 · 4817 阅读 · 0 评论