摘要: json.stringfy()将对象、数组转换成字符串;json.parse()将字符串转成json对象。json.stringfy():语法: JSON.stringify(value [, replacer] [, space])value:是必选字段。就是你输入的对象,比如数组,类等。rep... 阅读全文
posted @ 2015-11-12 22:01 很好玩 阅读(20755) 评论(0) 推荐(1)
摘要: width [pixel_value | device-width] width 直接去设置具体数值大部分的安卓手机不支持的 但是IOS支持 user-scalable 是否允许缩放 (no||yes) initial-scale 初始比例 minimum-scale 允许缩放的最小比例 maxi... 阅读全文
posted @ 2015-11-12 21:59 很好玩 阅读(187) 评论(0) 推荐(0)
摘要: 媒体类型 1.all 所有媒体 2.braille 盲文触觉设备 3.embossed 盲文打印机 4.print 手持设备 5.projection 打印预览 6.screen 彩屏设备 7.speech '听觉'类似的媒体类型 8.tty 不适用像素的设备 9.t... 阅读全文
posted @ 2015-11-12 21:58 很好玩 阅读(277) 评论(0) 推荐(0)
摘要: 解决dpi高情况下图片失真,240*240的图片rem:相对于根节点上font-size大小的相对值。类似em,但是以根节点上的字体大小为单位。实际应用中可用js动态算出整体大小,然后将其几分之几赋给html的fontsize作为后续大小标准。 阅读全文
posted @ 2015-11-12 21:57 很好玩 阅读(179) 评论(0) 推荐(0)
摘要: 一、onmousedown()->ontouchstart()onmousemove()->ontouchmove()onmouseup()->ontouchend()click事件在移动端有300毫秒延迟二、判断速度Date.now();//html5记录当前时间三、速度减慢发生跳跃在超过图片部分... 阅读全文
posted @ 2015-11-12 21:56 很好玩 阅读(206) 评论(0) 推荐(0)
摘要: 代替怪异盒模型。box-sizing:border_box;什么是calc()?学习calc()之前,我们有必要先知道calc()是什么?只有知道了他是个什么东东?在实际运用中更好的使用他。calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)... 阅读全文
posted @ 2015-11-12 21:53 很好玩 阅读(586) 评论(0) 推荐(0)
摘要: 一、五选四 共有5张图片,显示4张,实现无缝切换 每次切换时将前4张克隆加到ul末尾,切换后删除前4个,注意要每次删除第一个,删除4次 二、循环轮播图arr.push(arr[0]);arr.shift(arr[0]);三、华为轮播图一共有多张,显示1张利用position属性,每次循环到最后,... 阅读全文
posted @ 2015-11-12 21:49 很好玩 阅读(3830) 评论(0) 推荐(0)
摘要: Meta标签详解,在网上转的,希望对大家有用 引言 您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中登录自己的个人网站 ● 在知名网站加入你个人网站的链接 ● 在论坛中发帖子宣传... 阅读全文
posted @ 2015-11-12 17:20 很好玩 阅读(337) 评论(0) 推荐(0)
摘要: 1、声明方法简化,doctype、meta2、有些元素可以省略标记,body、tbody。。。3、新增语义化标签,...4、新增了表单的input输入类型、input属性、form元素、form属性5、canvas画布6、视频音频7、web存储8、离线应用9、多线程10、地理位置11、历史管理 阅读全文
posted @ 2015-11-12 17:19 很好玩 阅读(172) 评论(0) 推荐(0)
摘要: let1.不存在变量提升 es5中var和function都存在变量提升,但let声明的变量不存在。 在代码块内,使用let命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死区”(temporal dead zone,简称TDZ)。2.不允许重复声明3.用法 适合放在for循环中... 阅读全文
posted @ 2015-11-12 17:18 很好玩 阅读(186) 评论(0) 推荐(0)
摘要: 1.数组解构赋值 let [a,b,c]=[1,2,3];//数组解构赋值,注意:左右两边格式需一致 let [a,b]=[1,2,3];//不完全解构,取位置靠前的值 let [a=1,b]=[undefined,2];//可以带默认值,内部解析必须是===undefined时,才... 阅读全文
posted @ 2015-11-12 17:17 很好玩 阅读(202) 评论(0) 推荐(0)
摘要: 8.模板字符串模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。${}中可以放 1.变量 2.表达式 3.函数 阅读全文
posted @ 2015-11-12 17:15 很好玩 阅读(435) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2015-11-12 17:12 很好玩 阅读(183) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2015-11-12 17:11 很好玩 阅读(163) 评论(0) 推荐(0)
摘要: 只有一个参数,为数组中的值。 阅读全文
posted @ 2015-11-12 17:10 很好玩 阅读(173) 评论(0) 推荐(0)
摘要: 垂直对齐元素只应用于行内元素(图像、文本)和表单元素垂直对齐文本会影响行高默认值为baseline 阅读全文
posted @ 2015-11-12 17:06 很好玩 阅读(448) 评论(0) 推荐(0)
摘要: font:style weight variant size familyborder : widthstyle color(可省,默认继承父级color)background:color image position repeat attachment,简写则按默认来算list-style:ima... 阅读全文
posted @ 2015-11-12 17:05 很好玩 阅读(171) 评论(0) 推荐(0)
摘要: 1.text-decoration 文本上的任何装饰线不是其本身的,只是父元素的装饰线经过了该元素2.text-shadow3.white-space4.display,影响的是元素显示,不影响元素本质5.width,应用于块级和替换元素6.border-style7.背景(background-... 阅读全文
posted @ 2015-11-12 17:05 很好玩 阅读(212) 评论(0) 推荐(0)
摘要: word-wrap语法: word-wrap : normal |break-word normal : 默认值,单词如果单词超长,会冲出边界(单个单词超长,在当前行显示) break-word :将内容在边界内换行,当单词在当前行放不下时,会自动切换到下一行(单个单词超长,在下一行显... 阅读全文
posted @ 2015-11-12 17:02 很好玩 阅读(237) 评论(0) 推荐(0)
摘要: 1、多列布局每列宽度必然相等2、多列盒模型将多列融合在一起,而弹性盒模型中各列依然独立 阅读全文
posted @ 2015-11-12 17:01 很好玩 阅读(460) 评论(0) 推荐(0)
摘要: 1.webkit-webkit-gradient(radial,190,190,10,200,90,10,from(#555),to(rgba(255,255,255,0),color-stop(0.4,#123)));应用于background-image,-webkit-border-image... 阅读全文
posted @ 2015-11-12 17:00 很好玩 阅读(186) 评论(0) 推荐(0)
摘要: 为了演示的需要,首先限定下示例的布局结构:左中右三栏布局,左右两栏宽度固定(要想不固定将宽度值改为百分值即可),中间栏宽度自适应。左右两栏的宽度为200像素。 1、绝对定位法这或许是三种方法里最直观,最容易理解的:左右两栏采用绝对定位,分别固定于页面的左右两侧,中间的主体栏用左右margin值撑开距 阅读全文
posted @ 2015-11-12 15:58 很好玩 阅读(967) 评论(0) 推荐(0)
摘要: 1.border-color 继承内部元素前景色(color:black.可能对元素本身没有效果)2.border-style:none;//不仅样式没了,border-width也变为03.margin、padding百分数继承父元素width4.背景是固定的(fixed),background... 阅读全文
posted @ 2015-11-12 15:54 很好玩 阅读(227) 评论(0) 推荐(0)
摘要: 包括替换和非替换元素。 对于只包含文本的行,能够改变行高的属性:line-height,vertical-aligin;行内替换元素的margin,padding,border也会影响行高 替换元素非替换元素区别 非替换元素(纯文本): 1.上下padding不会影响内容区形状,从而也不会影响行内框 阅读全文
posted @ 2015-11-12 15:53 很好玩 阅读(192) 评论(0) 推荐(0)
摘要: 一、水平格式化7个属性之和等于父级宽度1.三个auto 外边距为0,width=auto。(同默认情况)2.两个auto 两个外边距为auto,居中;注:纵向外边距设置为auto,实际上他们会被重置为0,起不到居中效果 一个外边距和width,设置为auto的外边距为03.一个auto4.没有... 阅读全文
posted @ 2015-11-12 15:51 很好玩 阅读(244) 评论(0) 推荐(0)
摘要: 五、position+margin 注:已经宽高的div可以用.mydiv{width:300px;height:200px;position:absolute;left:50%;top:50%;margin:-100px00-150px}这里不能用margin:-50%,是因为margin百分数是 阅读全文
posted @ 2015-11-12 15:50 很好玩 阅读(732) 评论(0) 推荐(0)
摘要: 一、DOM2和DOM3概述文档对象模型是一种与编程语言及平台无关的API(Application programming Interface),借助于它,程序能够动态地访问和修改文档内容、结构或显示样式。W3C协会早在1988年就开始了DOM标准的制定,W3C DOM标准可以分为DOM1,DOM2,... 阅读全文
posted @ 2015-11-12 15:40 很好玩 阅读(226) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2015-11-12 15:39 很好玩 阅读(130) 评论(0) 推荐(0)
摘要: 1.comet(服务器向页面推送数据)单向2.SSE:围绕comet推出的APIvar source=new EventSource("myevent.php");//url必须与创建对象的页面同url,域和端口source.onmessage=function(ev){ ev.data..... 阅读全文
posted @ 2015-11-12 15:38 很好玩 阅读(321) 评论(0) 推荐(0)
摘要: 第四条补充: cookie中包含domain和path,所有向该域下该路径发送的请求头部都会包含这个cookie; session浏览器关闭后消失,只能由最初给对象存储数据的页面访问 阅读全文
posted @ 2015-11-12 15:35 很好玩 阅读(193) 评论(0) 推荐(0)
摘要: 一、注意作用域 2.使用innerHTML代替createElement()和appendChild 八、减少HTTP请求 基本原理: 在浏览器(客户端)和服务器发生通信时,就已经消耗了大量的时间,尤其是在网络情况比较糟糕的时候,这个问题尤其的突出。 一个正常HTTP请求的流程简述:如在浏览器中输入 阅读全文
posted @ 2015-11-12 15:33 很好玩 阅读(262) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2015-11-12 15:32 很好玩 阅读(171) 评论(0) 推荐(0)
摘要: tostring()和join()区别 toString“,”也输出到字符串中。 1+[1,2,3]=="11,2,3",其中[1,2,3]自动调用toString()方法注:es6中var a=function(a,b){ruturn a+b;}等同于var a=(a,b)=>a+b;//返回对... 阅读全文
posted @ 2015-11-12 15:30 很好玩 阅读(177) 评论(0) 推荐(0)
摘要: 1.用法obj1.call(obj2,p1,p2,...,pn):obj1为要调用的函数,将obj1完完本本加到obj2中,这样在obj2中就可以使用obj1的方法和属性了;p1,p1,...pn为obj1所需参数。obj1.apply(obj2,args):用法与call方法一样,只不过args为... 阅读全文
posted @ 2015-11-12 15:26 很好玩 阅读(180) 评论(0) 推荐(0)
摘要: 1.创建 var p=/at/gi; var p=new RegExp('at','g'.'i');//要对字面量中已经转义过的字符进行双重转义; //参数为变量时只能用第二种 //正则字面量始终共享同一个RegExp实例,使用构造函数每创建一个,都创建一个新的实例 2.方法 正则表达式规则 一、普 阅读全文
posted @ 2015-11-12 15:25 很好玩 阅读(391) 评论(0) 推荐(0)
摘要: 1 var time=new Data();2 var time=new Date('May 25,2004');//内部调用Data.parse('May 25,2004');3 var time=new Data('2005,4,5,17,55,55');//内部调用 Date.UTC('200... 阅读全文
posted @ 2015-11-12 15:25 很好玩 阅读(181) 评论(0) 推荐(0)
摘要: 一、xhr浏览器中支持情况:Chrome 3+Firefox 3.5+Opera 12+Safari 4+Internet Explorer 8+Chrome,Firefox,Opera和Safari都使用XMLHttpRequest2对象。 Internet Explorer使用了类似的XDoma... 阅读全文
posted @ 2015-11-12 15:24 很好玩 阅读(478) 评论(0) 推荐(0)
摘要: 1.xhr2.图像Pingvar img=new Image();img.onload=img.onerror=function(){ alert(1);};img.src="http://www,fuwuqi.com?name=tong";简单单向跨域通信的方式,只能发送get请求,无法访... 阅读全文
posted @ 2015-11-12 15:19 很好玩 阅读(91) 评论(0) 推荐(0)
摘要: 1.创建var p=/at/gi;var p=new RegExp('at','g'.'i');//要对字面量中已经转义过的字符进行双重转义; //参数为变量时只能用第二种 ... 阅读全文
posted @ 2015-11-12 15:11 很好玩 阅读(96) 评论(0) 推荐(0)
摘要: 1 var time=new Data();2 var time=new Date('May 25,2004');//内部调用Data.parse('May 25,2004');3 var time=new Data('2005,4,5,17,55,55');//内部调用 Date.UTC('200... 阅读全文
posted @ 2015-11-12 15:09 很好玩 阅读(72) 评论(0) 推荐(0)
摘要: 1.用法obj1.call(obj2,p1,p2,...,pn):obj1为要调用的函数,将obj1完完本本加到obj2中,这样在obj2中就可以使用obj1的方法和属性了;p1,p1,...pn为obj1所需参数。obj1.apply(obj2,args):用法与call方法一样,只不过args为... 阅读全文
posted @ 2015-11-12 14:58 很好玩 阅读(70) 评论(0) 推荐(0)