Javascript的console.log()用法

Firebug&ChromeConsole控制台的一些其他功能console.log(object[,object,...])使用频率最高的一条语句:向控制台输出一条消息。支持C语言printf式的格式化输出。当然,也可以不使用格式化输出来达到同样的目的:var animal='frog', count=10;console.log("The %s jumped over %d tall buildings"...

阅读全文

七种css方式让一个容器水平垂直居中

方法一:position加margin方法二:diaplay:table-cell方法三:position加transform方法四:flex;align-items:center;justify-content:center方法五:display:flex;margin:auto方法六:纯position方法七:兼容低版本浏览器,不固定宽高总结这种css布局平时用的比较多,也是面试题常出的一个题,网上一搜一大丢,不过还是想自己总结一下。这种方法比较多,本文只总结其中的几种,以便加深印象。效果图都为这个:方法一:position加marginht...

阅读全文

Ajax的前置方法和后置方法用法详解

jQuery是经常使用的一个开源js框架,其中的$.ajax请求中有一个beforeSend方法,用于在向服务器发送请求前执行一些动作。具体可参考jQuery官方文档:http://api.jquery.com/Ajax_Events/标准语法:$.ajax({      beforeSend: function(){       // Handle the beforeSend...

阅读全文

jquery中遍历方法$().each和$.each()的区别

在jquery中,遍历对象和数组,经常会用到$().each和$.each(),两个方法。$().each在dom处理上面用的较多。如果页面有多个input标签类型为checkbox,对于这时用$().each来处理多个checkbook,例如:$("input[name='ch']").each(function(i){    if($(this).attr(‘checked’)==true){      &...

阅读全文

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

阅读全文