javascript
继续向前~
这个作者很懒,什么都没留下…
展开
-
处理iOS系统h5页面长按二维码图片不识的问题
问题环境测试设备:手机:iphoneXR,系统:iOS13.4.1微信版本:7.0.12问题:二维码图片,长按不识别,且图片浮在屏幕上然后会出现菜单提示保存图片iOS系统中,点按图片,图片会浮在屏幕上方,图片下方会出现iOS系统默认的共享等菜单。这种情况,无法实现长按识别问题。同一版本的微信iphone系统低版本没问题解决方法,设置图片样式,阻止默认行为: img { -webkit-touch-callout: none; }...原创 2020-06-04 17:50:16 · 1728 阅读 · 0 评论 -
微信小程序未授权的用户获取openId
首先微信小程序在用户未授权的情况下是否可以获取用户的openId呢,这个答案是肯定的,能!那怎么在用户未授权的情况下获取用户的openid呢看一下微信小程序获取openId的API我们应该会一目了然js_code的值需要前端通过调wx.login获取前端代码wx.login({ success (res) { if (res.code) { ...原创 2020-03-03 11:15:32 · 5090 阅读 · 1 评论 -
移动端H5页面禁止长按复制和去掉点击时高亮
/*设置IOS页面长按不可复制粘贴,但是IOS上出现input、textarea不能输入,因此将使用-webkit-user-select:auto;*/ *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-sele...转载 2019-12-09 14:38:34 · 390 阅读 · 0 评论 -
安利一款h5页面生成海报的插件---html2canvas
html2canvas会将HTML内容写入Canvas生成图片html2canvas官网在开始使用脚本之前,需要了解一些有关脚本及其某些限制的知识。**介绍**html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏。这个html2canvas脚本将当页面渲染成一个Canvas图片,通过读取DOM并将不同的样式应用到这些元素上实现。浏览器兼容性它不需要来自服务器任...原创 2019-10-23 17:35:29 · 2067 阅读 · 0 评论 -
针对小程序单独的页面生成二维码 - 踩坑
首先看小程序官方API,有三种生成二维码的形式,可以根据产品需求业选择不同的生成方式,文档里写的很清楚,这里不再多阐述。获取access_tokenhttps://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=秘钥请求生成二维码 (json数据去请求),我...原创 2019-09-02 15:05:07 · 4711 阅读 · 0 评论 -
JavaScript超长数字问题总结
最近在做项目的时候 遇到2个超长数字的问题 在这里总结下问题一: app里的内嵌h5页面, IOS系统,超长数字颜色会变成蓝色在iPhone 手机上默认值是(电话号码显示为拨号的超链接)<meta name="format-detection" content="telephone=yes"/>可将telephone=no,则手机号码不被显示为拨号链接<meta ...原创 2019-08-22 11:37:26 · 2177 阅读 · 1 评论 -
关于APP内嵌H5页返回按钮的问题
用h5做了一个简单的攻略页,浏览页面20s后自动发放一个攻略红包,当浏览页面不到20s 点击页面顶部的返回按钮要先清定时器,然后再返回上一页,h5页面是react单页面这个h5页是被内嵌在微信小程序和ios、安卓的app里,首先在小程序里用web-view把h5页引进来,顶部的返回是小程序原生的就可以完成这个功能,点击返回的时候,页面就会销毁, react页面销毁会执行componen...原创 2019-07-01 10:56:16 · 8254 阅读 · 1 评论 -
内嵌在app里的h5页面实现分享
今天在做项目的时候, 有一个功能是内嵌在app里的h5页上有一个按钮,点击按钮要呼起微信的通讯录,进行分享,分享完成之后调后端接口记录分享次数。如下图,呼起微信通讯录的界面是这样子:由于微信限制,首先可以确认的一点是, 直接呼起微信通讯录,就记为分享成功(不管是选择联系人去分享还是直接点击页面上的关闭按钮都会识别为分享成功)。实现分享,并且分享后有其他操作,所以app要提供一个协议供h...原创 2019-07-03 17:25:12 · 10799 阅读 · 4 评论 -
解决因为手机设置字体大小导致h5页面在webview中变形的BUG
解决因为手机设置字体大小导致h5页面在webview中变形的BUG首先,我们做了一个H5页面,在各种手机浏览器中打开都没问题。我们采用了rem单位进行布局,通过JS来动态计算网页的视窗宽度,动态设置html的font-size,一切都比较完美。这时候,你自信满满的将h5地址交给了APP工程师,做了一个WEBVIEW嵌套,然后就顺利交工了。测试组在一堆手机中测试APP,突然,在某个手机上打开,...转载 2019-06-28 10:00:38 · 3594 阅读 · 0 评论 -
git husky预提交失败的解决办法
今天git合并test分支有冲突,解完冲突后提示代码,有以下报错git -c diff.mnemonicprefix=false -c core.quotepath=false -c credential.helper=sourcetree commit -q -F /var/folders/gv/sxmmvh_s4l9bfrb6mjsl0v800000gn/T/SourceTreeTem...原创 2019-07-01 15:46:44 · 6815 阅读 · 3 评论 -
h5页面跳转微信小程序页面
// 判断环境是否在微信小程序里 function isMiniProgram(){ var ua = navigator.userAgent.toLowerCase(); var envType='#'; if(ua.match(/MicroMessenger/i) == 'micromessenger...原创 2019-05-15 17:33:37 · 41700 阅读 · 8 评论 -
利用js实现页面关闭时发送http请求
最近在做项目的时候,有这样一个功能,当用户在填写表单之后,或是填写了部分表单,但并没有点击提交,而且是离开了页面,这时需要前端做一个事,就是发个请求到后端保存用户填写的表单数据。一、在做这件事件之前 需要弄清楚beforeunload和unload的区别1.onunload事件是已经从服务器读取到了数据,在替换到当前页面之前执行的。2.onbeforeunload事件是正要去服务器读...原创 2019-01-03 18:49:06 · 5933 阅读 · 1 评论 -
利用js+css3实现弹幕的淡入淡出效果
html <div className={ashow ? `barrage-wrapper on` : `barrage-wrapper off`}> <div>{toastTxt}</div> </div>css}/* 利用对opacity的控制实现淡入淡出 */.barrage-wrapper { ...原创 2019-01-14 14:06:11 · 834 阅读 · 0 评论