移动端 H5 js复制内容到剪贴板
发表于|更新于|js
文章作者: developer
版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 Dev！
相关推荐
2018-03-19
移动端 canva h5 使用 font family webfont
安装font-spider1npm install font-spider -g 在一个页面中把需要的文字都写上并生成新的字体文件1font-spider ./demo/*.html 页面中提前加载12345678@font-face { font-family: 'huxiaobo-gdh'; src: url('./resource/font/huxiaobo.ttf') format('truetype'); font-weight: normal; font-style: normal; }<span style="font-family: 'huxiaobo-gdh';height: 0;width: 0;opacity: 0;" id="fontloader"></span>
2017-08-21
egret h5 IOS 移动端 微信 自动播放声音
解决方法1234567891011121314function playsound(sound:egret.Sound,loop:boolean= false){ if(sound == null){ console.log('sound err') return; } var times = loop?0:1; if(typeof WeixinJSBridge != 'undefined'){ WeixinJSBridge.invoke('getNetworkType', {}, function (e) { return sound.play(0,times); }); }else{ return sound.play(0,times); }} 方法原理因为IOS有个先交互再播放声音的要求，而微信上借助WeixinJSBridge 可以做很多事情，通过他播放声音即可
2018-09-11
H5 统一登录 解决方案
我们每年要做大量的H5广告 H5游戏等，很多时候需要用到微信登录微信登录主要面对几个大问题 H5项目登录获取的信息不一致，有时需要头像，有时仅需要openid，两个级别的微信授权，前者体验较差，应该尽量避免 登录所用的公众号不一样，有时客户没有服务号，可以使用我们提供的，有时又一定客户指定的服务号 使用客户服务号，很多时候我们无法调整用户服务号配置，这可能会导致客户已有程序出错 放在客户域名下，因跨域导致ajax无法使用，不易检测登录 为解决这些问题，给出以下解决方案 统一微信授权接口，授权时传入当前页面地址，授权流程结束后，跳转到原H5地址 在前端js跳转时就确定好使用snsapi_userinfo级别还是snsapi_base级别的授权，或具体的活动逻辑处进行检测 注册微信开放平台(open.weixin.qq.com)，使用微信第三方平台接口进行授权，不需要修改客户服务号授权回调域名，以此保证不会影响客户公众号已有程序 可在前端页面使用jsonp向活动接口检测登录状态以下给出前端jsonp检测登录代码 12345678910111213141516171819202...
2018-09-11
H5 小程序 抽奖解决方案
作为广告行业中的一环，我们每年要完成大量的抽奖活动抽奖活动看似简单，实际上在高并发，大流量情况下不把奖品发错，又能百分百按客户要求还是有一定难度主要有以下难点 客户奖品规则不定，有时候所有奖品都是按概率给出，有时候所获奖品又和以前中奖情况关联（例如：客户可能要求，中过杯子的人不能再中优惠券） 客户对数量要求不定，可能有的客户希望按周去控制总数，有的要按天控制，有的要按工作日和周末去控制 客户可能随时修改已经规定好的数量 为满足所有客户要求，目前解决方案如下 提前制定若干奖池，根据不同的情况去从不同的奖池里获取 根据特殊规则，从奖池删除特定奖品，然后再抽奖 为精细化、高度定制奖品数规则，可先和客户协商时段，比如2018-09-11 09:00-10:00发多少数量的奖品，只要在这个时段的奖品都应该在数据库计数+1，然后和给定的最大值比较，以确保奖品不要超发 客户需要修改奖品数量时，只要修改最值即可，但是时段尽可能不要修改
2018-08-13
H5 设计规范
以下方案经多次活动实践检验，可以适应iPad,iPhoneXR等所有屏幕 PSD尺寸背景区域 10001280有效区域 6401040将 有效区域 置于 背景区域 正中间(入下图所示) PSD格式使用普通图层，因为导出图片时，会先合并图层，某些特殊效果会发生变化需要动的部分 一定要单独图层不要在psd里放微信顶栏和手机通知栏，只要设计H5页面即可实例如下：![1729441996.jpg][1][1]: https://blog.iguojin.com/usr/uploads/2018/08/4102376838.jpg 代码兼容为兼容所有屏幕，程序按以下方案 1. Annie引擎 使用SHOW_ALL模式 舞台 640*1040 2. Egret引擎 自己计算并适配 舞台 1000*1280 123456789101112131415161718192021let game = this.stagelet con = new egret.DisplayObjectContainer;let h = window.innerHeightlet w = window.inn...
2017-10-07
移动端 微信端 视频处理 要点
自动播放移动端必须要先点一下才能播放视频和音频在微信里，我们使用WeixinJSBridgeReady事件就可以播放 更安全的方法是，点击一下后暂停，类似 12document.getElementById("play").play(); document.getElementById("play").pause(); 微信广告安卓微信播放到最后有广告，可以用定时器提前0.5s暂停播放 去除控制条IOS上只要不写controls就不会出现控制条安卓上微信里，只能使用x5-video-player-type=”h5”达到不显示控制条的目的x5-video-player-type=”h5” 是腾讯x5内核提供的一种很怪异的模式，视频会变得全屏，但是视频没有处于最上层，你可以选择在视频上放一些dom元素 注意：当使用腾讯x5的这个怪异的x5-video-player-type=”h5”属性时，似乎当前的整个页面都会被全屏放大，有时会变得很奇怪，即使你把视频pause了，页面还是“怪异全屏”状态，只有当手动将vide...
公告
This is my Blog