qq_35574915的博客

原创 Html—盒子模型

标准盒子模型和IE盒子模型的区别是width的区别， http://byevil.com/2015/12/08/box-model-and-box-sizing/

原创 javascript—判断对象是不是Array

不正确：tmpArray instanceof Array 正确： Object.prototype.toString.call(tmpArray)==='[object Array]' 原因：http://www.nowamagic.net/librarys/veda/detail/1250

原创 CSS—页面添加

1. 内联式：即直接加在标签上的样式，如 2. 导入样式：@import url("css/style.css") 3. 嵌入式：即用.classname{width:200px;}标签括起来写在页面中的样式 4. 外部引用：即将样式单独放在一个文件中，然后用link标签引入页面的形式：

原创 IndexDB/Cookie/url/Session/post/local Storage/

1. IndexDB 是HTML5的本地存储，把一些数据存储到浏览器（客户端）中，当与网络断开时，可以从浏览器中读取数据，用来做一些离线应用。 2. Cookie通过在客户端（浏览器）记录信息确定用户身份，最大为4kb 3. url 参数用的是get方法，从服务器上获取数据，大小不能大于2kb 4.Session是服务器端使用的一种记录客户端状态的机制 5. post是向服务器发送数据，数

原创 Html——自闭合标签

转载 javascript各种类型数据在表达式中转换成布尔型值的规则总结

http://blog.csdn.net/one_and_only4711/article/details/6281581

原创 JS—数组深层复制

先说两种错误的复制： 1. 直接= 赋值 var response=[1,2,3]; var t1=response; var t2=response; t1.push(4); console.log(t1.length);  //4 console.log(t2.length);  //4 console.log(response.length)   //4 2.

转载 Javascript异步编程的4种方法

http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html

原创 CSS—Tooltip

两种样式： 样式1：实心tooltip 样式2：空心tooptip 比较全面的分析博客转自：http://www.cnblogs.com/daxiong/articles/3158630.html .tooltip { position: relative; display: inline-block; border-bottom:

原创 H5—拖放

1.HTML5拖放    拖放是HTML5标准的组成部分 2.拖动开始    ondragstart: 调用一个函数，drag(event)它规定了被拖动的数据 3.设置拖动数据    setData():设置被拖数据的数据类型和值 4.放入位置    ondragover:事件规定在何处放置被拖动的数据 5.放置   ondrop: 当放置被拖数据时，会发生drop 事件

原创 SVG

1.什么是SVG？ 1）SVG指的是可伸缩矢量图形 2）SVG用来定义用于网络的基于矢量的图形 3）SVG使用XML格式定义图形 4）SVG图像在放大或改变尺寸的情况下其图形质量不会损失 5）SVG是万维网联盟的标准 2.SVG的优势 1）SVG图像可通过本文编辑器来创建和修改 2）SVG图像可被搜索 索引 脚本化或压缩 3）SVG是可伸缩的 4）SVG图像可以在任何的分辨率下

原创 H5—新特性

1.用于绘画的canvas元素 2.用于媒介回放的video和audio元素 3.对本地离线存储的更好的支持 4.新的特殊内容元素，比如article footer header nav section 5.新的表单控件，比如calender date time email url search

原创 Javascript—产生随机数

在使用Math.random() 函数的时候，可以产生一个介于0和1之间，不包括0和1的一个随机数。可以使用下面的公式产生随机数哦： 值 = Math.floor( Math.random() * 可能值的总数 + 第一个可能的值 )  这样就可以了。

原创 CSS—消除浮动

方法1： #test{   clear: both; } test为浮动元素的下一个兄弟元素。 方法2： #test{    display:block;    height:固定值；    overflow:hidden } #test 是只包裹浮动元素的父元素

原创 Javascript—事件冒泡和事件捕获

事件冒泡和事件捕获的区别在于，事件执行的顺行不同。例如           id="div2">           两个Div，他们的onclick事件，如果是事件冒泡，那么先执行最里面div2的点击事件，然后再执行div1的点击事件； 如果是事件捕获，那么先执行div1的点击事件，然后再执行div2的点击事件。 详细讲解可见： http://www.360doc.com/

原创 CSS—垂直居中

为了即将可能的面试，看了一下怎么使得DIV水平和垂直居中，实验了很多方法，比较通用的一个，如下，外层DIV的display: table，内层DIV的display:table-cell ; vertival-align: middle; text-align:center,然后内部是文字或者图片都可实现水平和垂直居中。 #wrapper { display: