51Dev开发社区
登录 注册

#h5

移动端小坑：用户长按H5文字出现复制
禁止复制方法：*{-webkit-user-select:none;/*禁用手机浏览器的用户选择功能*/-moz-user-select:none;-webkit-touch-callout:none;-ms-user-select:none;/*IE10*/user-select:none;}input,textar...
代码星球 ·2020-08-01

H5常用技巧
　　工作每天都是接触移动的，特将平时工作中常用的技巧整理总结。一、@support断定浏览器支持情况定义不同样式@1像素边框@supports(-webkit-backdrop-filter:blur(1px)){.o2_marki{border:0}.o2_marki::before{content:"20";bor...
代码星球 ·2020-07-24

h5页面弹窗滚动穿透的思考
　　可能我们经常做这样的弹窗对吧，兴许我们绝对很简单，两下搞定：　　弹窗的页面结构代码：<!--弹窗模块引用时移除static_tip类--><divclass="mask"ontouchstart="returnfalse"></div><divclass="main_ven...
代码星球 ·2020-07-24

H5填坑笔记--持续更新
　　最近一直在做移动端的页面，发现很多的坑，这里做一下总结，填填坑……一、iOS键盘首字母自动大写　　IOS的机子，默认英文输入法状态下，首字母是自动大写的，有时候挺烦人的。　　在iOS中，默认情况下键盘是开启首字母大写的功能的，如果业务不想出现首字母大写，可以这样：<inputtyp...
代码星球 ·2020-07-24

h5做的app和原生app的区别
之所以说h5做的app和原生app的区别，是因为一位博友的问题:我的回答是要分业务需求，分场合而定。比如现在的微信小程序这么流行，甚至也取代了不少app，但是为什么还是要开发app呢？以我个人的想法，主要认为性能是一个非常大的问题(微信小程序的功能与App相比，App功能丰富的前提下，还可以确保性能，而微信小程序与同h...
代码星球 ·2020-07-24

逍遥云天 H5外部浏览器直接调起微信——通过url协议 weixin:// 判断是否安装微信及启动微信
h5分享到微信，h5使用微信支付这些功能，都需要先判断是否安装微信客户端，如果已安装就启动微信，如果没有安装微信，就提示用户前去安装。我们可以通过访问微信提供的URL协议（weixin://）来实现这个功能，代码如下：<!DOCTYPEhtml><html><head><met...
代码星球 ·2020-07-14

微信 小程序跳转到的H5页面，再跳转回跳小程序
方法有两个：第一种比较简单，就直接点击手机的返回键，让它自动根据层级返回即可；第二种，可使用JSSDK1.3.2提供的接口返回小程序接口，所以我们需要在H5页面引入相应的js文件才能进行操作那么第一种方法，我们就不用多说了，直接单击手机的返回键即可啦。我们着重来说一下引用文件进行操作的这一种，其实也不难。刚好这两天我手...
代码星球 ·2020-07-12

h5 Visibility API总结
最近活动中的小游戏，有涉及页面隐藏或app后台运行时候，暂停游戏的功能，使用了h5的VisibilityAPI，在此总结如下：两个属性document.hidden(Readonly)如果页面处于被认为是对用户隐藏状态时返回true，否则返回false。document.visibilityState(Readonly...
代码星球 ·2020-06-28

H5地理定位获取用户当前位置、城市
第一步：需要在百度地图开发者平台创建一个应用:http://lbsyun.baidu.com/apiconsole/key/create配置信息申请配置成功以后返回一个AK第二步：引入百度地图的js脚本，地址为http://api.map.baidu.com/api?v=2.0&ak=(申请应用的AK)第三步：...
代码星球 ·2020-06-27

H5禁止底部横向滚动条，使一个元素居中
1、禁止底部横向滚动条选择元素设置样式{　　overflow-y:auto;　　overflow-x:hidden} 2、元素居中{　　margin-left:auto;　　margin-right:auto;}...
代码星球 ·2020-06-27

201610-H5项目总结
1.首屏进入动效使用jQuery的animate();$('.btn_driver').animate({left:'26%'},'slow');$('.btn_show').animate({right:'24%'},'slow');　　2.jQuery页面加载完成后自动执行某个事件方法：1）在$(function(...
代码星球 ·2020-06-22

H5插入视频兼容主浏览器
插入视频的方法有很多种，但是有一些方法不兼容。方法1：DW插入视频利用DW插入的视频为flv格式，操作较简单，但是代码复杂，需要浏览器支持flash插件；火狐浏览器需要手动下载flash插件，比较麻烦。DW插入代码采用<obeject></object>的方法来插入视频；方法2：<embe...
代码星球 ·2020-06-22

微信h5支付
什么是微信H5支付H5支付是指商户在微信客户端外的移动端网页展示商品或服务，用户在前述页面确认使用微信支付时，商户发起本服务呼起微信客户端进行支付主要用于触屏版的手机浏览器请求微信支付的场景。可以方便的从外部浏览器唤起微信支付微信官方也提供了一个体验链接，请在微信外浏览器打开开发流程1、用户在商户侧完成下单，使用微信支...
代码星球 ·2020-06-20

layer弹出层中H5播放器全屏出错解决 & 属性poster底图占满video的方法
1.在layer弹窗组件中如果使用了flash播放器，全屏是正常的但若使用了HTML5的播放器，全屏失效 举个栗子1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5<title></titl...
代码星球 ·2020-06-16

h5表单亲测
Document下载进度：标签。牛奶面包男女onetwothree按钮 搜索请输入搜索内容加密强度用户名Email密码年龄身高生日这一系列是很酷的一个类型,完全解决了烦琐的JS日历控件问题.但目前MS只有Opera/Chrome新版本支持,且展示效果也不一样.此类型要求输入一个电话号码,但实际上它并没有特殊的...
代码星球 ·2020-06-14
首页上一页...678910...下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他