h5实现获取用户地理定位

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

阅读全文

基于jquery中children()与find()的区别介绍

.children(selector)方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈)。参数可选,添加参数表示通过选择器进行过滤,对元素进行筛选。.find(selector)方法是返回匹配元素集合中每个元素的后代。参数是必选的,可以为选择器、jquery对象可元素来对元素进行筛选。.find()与.children()方法类似,不同的是后者仅沿着DOM树向下遍历单一层级。这里的children,我理解为儿子,只在儿子这一级遍历。看下例子:.children(selector)方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈)...

阅读全文

jquery find()方法详解加实践案例

定义和用法find()方法获得当前元素集合中每个元素的后代,通过选择器、jQuery对象或元素来筛选。详细说明如果给定一个表示DOM元素集合的jQuery对象,.find()方法允许我们在DOM树中搜索这些元素的后代,并用匹配元素来构造一个新的jQuery对象。.find()与.children()方法类似,不同的是后者仅沿着DOM树向下遍历单一层级。.find()方法第一个明显特征是,其接受的选择器表达式与我们向$()函数传递的表达式的类型相同。将通过测试这些元素是否匹配该表达式来对元素进行过滤。接下来写一个简单的...

阅读全文

H5调用相机拍照并压缩图片的方法

调用相机最简单的方法就是使用inputfile[camera]属性<input type="file" capture=camera accept="image/*">//相机<input type="file" accept="image/*">//相册这个种方法兼容性还是有问题的,在iphone手机上可以正常打开相机,但是在安卓手机上点击之后是相机、图库、文件管理器等混合选择项。图片压缩就要用...

阅读全文

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...

阅读全文

jQuery实现点击菜单展开和隐藏

jQuery实现点击菜单展开,点击页面其他地方隐藏菜单,前端常用的,MARK下,下次方面使用$("#a").on("click", function(e){    $("#menu").show();    $(document).one("click", function(){       &n...

阅读全文

使用layui验证表单信息

layui对表单使用lay-verify属性,然后可以通过该属性来对应编写验证规则,这里是我写过一个验证,记录下,以后可能用的上reg.jslayui.use(['form','jquery','layer'], function(){  var form = layui.form  ,layer = layui.layer  ,$ = layui.jque...

阅读全文

jQuery图片延迟加载插件jQuery.lazyload

使用方法引用jquery和jquery.lazyload.js到你的页面<script src="jquery-1.11.0.min.js"></script><script src="jquery.lazyload.js?v=1.9.1"></script>html图片调用方法为图片加入样式lazy 图片路径引用方法用data-original<img class="lazy" dat...

阅读全文

Javascript中inArray()的使用方法

inArray方法可以检查数组元素的内容,以检查它是否与特定值匹配,本篇文章我们就来详细介绍关于JavaScript中inArray()方法的使用。下面我们来看文章具体内容如何使用inArray方法?首先让我们来看一下inArray方法的基本语法$.inArray( 要搜索的值, 要搜素的数组, 索引编号(可省略) )在第一参数中指定“要搜索的值”,在第二参数中设定“要搜索的数组”是最基本的。由此可以检查想要搜索的值是否被存储在数组元素中。此外,通过指定第三个参数的“索引号”,可以指定搜索从哪个数组元素开始。如何搜...

阅读全文