手机端网页禁止在非微信浏览器中打开

//需要放到body外面             var ua = navigator.userAgent.toLowerCase();             var isWeixin = ua.indexOf('micromessenger') != -1;         ...

2017-08-29 15:14:22

阅读数 677

评论数 0

在网页中实现录音功能

最近在项目中遇到问题,需要在页面中实现录音功能,如下: 需求分析:在微信浏览器内打开的页面,制作一个按钮,用户按住按钮后开始录音,松手后停止录音并将录音上传并长期保存。 1.开发流程         录音功能需要调用微信app的录音接口,需要使用微信jssdk。           使...

2017-08-29 14:18:18

阅读数 4673

评论数 0

苹果手机用H5audio标签无法自动播放音乐处理方法

手机端网页苹果手机用H5audio标签无法自动播放音乐处理方法,代码如下;       js代码                     document.addEventListener('DOMContentLoaded', function () {            ...

2017-08-25 14:42:42

阅读数 628

评论数 0

关于input在苹果和安卓手机上调用相机和相册的问题

最近在项目中遇到一个问题,用H5做手机端页面,用input调用相机,苹果手机无法调出相册,安卓手机可以,针对此情况,对手机做出判断,代码如下;           苹果手机可以直接使用,无需做js判断,安卓手机需要进行判断。      js判断手机               //...

2017-08-25 14:25:24

阅读数 3815

评论数 0

js中加减法注意

最近在理清js中加减法注意事项,特整理如下; 1.前置性加法 先加减再执行 例如:++age=age+1;              --age=age-1; 2.后置性加法 先执行再加减 例如:var  num1=2;             var   num2=3;  ...

2017-08-24 11:01:16

阅读数 340

评论数 0

margin值根据标签文本内容变化

项目中遇到的问题,生产商信息这个页面,每个生产商信息会出现有时字多,有时字少的情况,为了保持在字数变多的情况下margin值缩小,字数变少的情况下margin值变大,整体页面布局会更美观,用JS判断,demo如下; HTML部分                               ...

2017-08-04 15:05:41

阅读数 124

评论数 0

移动端页面滑动轮播

html部分; Rundiv /* Rundiv required styles */ #rundiv {   overflow: hidden;   visibility: hidden;   position: absolu...

2017-07-24 17:28:06

阅读数 153

评论数 0

H5调用相机,裁剪,压缩照片

最近项目中遇到拍照,预览上传的问题,苹果手机不兼容,拍照旋转90度,在网上查找出好多方法,都无效,最后用input调用相机,然后用canvas画布裁剪照片,压缩保存,代码如下。                                                 ...

2017-07-24 17:05:48

阅读数 749

评论数 0

实现照片拍照保存插件

拍照             input{width:200px;height:200px; 若不想要input显示的文本内容,可以直接设置input透明opacity:0;}         #img{width:200px;height:200px;}        ...

2017-06-23 17:46:45

阅读数 189

评论数 0

wampserve配置台式电脑,手机端访问pc端文件

1.安装wampserver      安装wampserver的过程很简单,只要一直点击next就可以完成安装了. 2.左键单击,再点击“www 目录”会打开安装wampserver默认存放网页文件夹. 3.手机与pc端必须使用同一网络。 4.手机浏览器输入:IP地址/文件夹名/文件名.html...

2017-06-21 10:46:16

阅读数 239

评论数 0

H5加载音乐

loop="loop",循环播放 autoplay="autoplay"自动播放 controls="controls"添加音频控件

2017-06-20 17:51:26

阅读数 91

评论数 0

页面自动跳转js代码

function jumurl(){                     window.location.href = 'http://expo.xafrhy.com:8090/xafr/index.php/home/syh/nav/pid/{$Think.session.pid}';  ...

2017-06-20 17:50:04

阅读数 165

评论数 0

swiper切换动画效果,需要先加载swiper.animate.min.js和animate.min.css。

移动端动画练习                                                                   内容                                                    内容     ...

2017-06-16 14:54:15

阅读数 2237

评论数 0

移动端上下滑动swiper,第二个页面内容大于屏幕尺寸,现在的问题是,超出部分无法通过滚动条下滑查看。

相关链接: https://segmentfault.com/q/1010000005605451 上下滑动的swiper,有两页,第二个slider是列表页,内容会超出屏幕高度,现在的问题是,超出部分无法通过滚动条下滑查看。 想要的效果是,第二页slider不受影响,出现滚动,正常下滑查看...

2017-06-15 16:12:01

阅读数 5360

评论数 0

CSS选择器优先级

选择器优先级 当两个规则都作用到了同一个html元素上时,如果定义的属性有冲突,那么应该用谁的值的,这时就需要用到选择器优先级。 看下面几个例子:  html     Milk     Sausage css ul {     color: red; } li { ...

2017-03-26 06:17:56

阅读数 158

评论数 0

CSS盒子模型

2.margin-top和margin-bottom对于行内(内敛inline)元素效果一样么?      针对于行内元素是否有效,要区别于行内替换元素和行内非替换元素,       html中的img , input , textarea , select , object都是替换元素。这些...

2017-03-25 14:45:33

阅读数 119

评论数 0

css垂直居中

怎样使一个层垂直居中于浏览器中? div{ position: absolute; top:50%; left:50%; margin: -250px 0   0   -250px;(外补丁负值,负值大小为自身高宽度除以二) width:500px; height:500px; b...

2017-01-19 15:26:16

阅读数 99

评论数 0

同名函数覆盖

同名函数在同时使用时,函数会覆盖,执行后者;   例如:                              var   x=1;                               var    y=0;                               var ...

2017-01-19 15:14:08

阅读数 133

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭