H5怎么实现手机扫描二维码

H5手机扫码怎么实现,需要配合zepto.js或者 jQuery.js插件使用,整个过程还是比较简单的1.在需要使用的页面按照下面顺序引入lib目录下的js文件<script src="lib/zepto.js"></script><script src="lib/qrcode.lib.min.js"></script><script src="lib/qrcode.js"><...

阅读全文

h5实现获取用户地理定位

h5的获取地理位置的api确实是很好用,不过由于获取用户的地理位置是属于用户的隐私,所以需要经过用户的授权才可以,无论用户拒绝还是允许授权,该站点都会被浏览器缓存下来,下次访问的时候就不会再次询问用户了,除非用户手动移除该规定。在chrome中移除规则的地址在设置里面。const getPosition = (  timeout = 10000,  maximumAge = 60000,  enableH...

阅读全文

H5中的缓存localStorage与sessionStorage详解

一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。二、localStorage的优势与局限localStorage的优势1、localStorage拓展了cookie的4K限制2、localStorage会可以将第一次请求的数据直接存储到本地,这个相...

阅读全文

手机端怎样用rem+scss做适配

rem(fontsizeoftherootelement)是指相对于根元素(即html元素)的字体大小的单位。假设根元素的字体大小是10px,则5rem的大小为5*10=50px,例如html{    font-size: 10px;}p{    width: 2rem; /* 2*10 = 20px;*/    margin: 1r...

阅读全文

H5禁止页面缩放功能

我们经常在手机网站上看到,使用两指可以对网站进行放大和缩小,一旦缩小或者放大以后页面就很别扭,一般我们都是需要禁止用户这样操作的,很简单一句代码就能禁止一般页面代码如下<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" />我们可以对他进行修改达到我们的目的<meta name="viewport"...

阅读全文