自己javascript资料整理

ie6下png图片背景不透明问题
.ie6 #LTE-COM .img-png {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=‘true’,sizingMethod=‘1.0’,src="/Images/Product/LET_detail_icon.png");
}

http请求格式：当浏览器向Web服务器发送请求时，它向服务器传递一个数据块，也就是请求信息，HTTP请求信息由三部分组成：
| 请求方式URI协议/版本
| 请求头（Request Header）——包含许多有关客户端环境和请求正文的有用信息。
| 请求正文——请求头和请求正文之间是一个空行，这个空行非常重要，它表示请求头已经结束，接下来的是请求正文。
http的请求方法：
1　GET方法：默认的请求方法，使用GET方法来提交表单数据存在安全隐患，同时GET方法提交的数据是作为URL请求的一部分所以提交的数据量不能太大。
2　POST方法：向Web服务器提交表单数据，尤其是大批量的表单数据。数据 不作为URL的一部分而是作为标准数据传送给Web服务器。
HTTP应答与HTTP请求相似，由三个部分组成：
| 协议状态版本代码描述
| 响应头（Response Header）——包含许多信息
| 响应正文——服务器返回HTML页面
响应头和正文之间也必须用空行分隔。
3　OPTIONS：返回服务器针对特定资源所支持的HTTP请求方法，也可以利用向Web服务器发送’*’的请求来测试服务器的功能性。
4　HEAD：向服务器检索与GET请求相一致的响应，只不过响应体将不会被返回。这一方法可以再不必传输整个响应内容的情况下，就可以获取包含在响应小消息头中的元信息。
5　PUT：向指定资源位置上传其最新内容
6　DELETE：请求服务器删除Request-URL所标识的资源
7　TRACE：回显服务器收到的请求，主要用于测试或诊断
8　CONNECT：HTTP/1.1协议中预留给能够将连接改为管道方式的代理服务器

stop()函数用于停止当前正在运行的动画。停止动画并不是恢复到该动画执行前的状态，而是直接停止，当前动画执行到什么状态，就停留在什么状态。

animate()：执行CSS属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画。
使用“+=”或“-=”来创建相对动画。
语法1：
$(selector).animate(style,speed,easing,callback);
a:speed—单位毫秒（slow/normal/fast）
b：easing：内置的easing函数，可选，规定在不同的动画中设置速度的easing函数。
c：animate函数执行完之后，要执行的内容
语法2：
$(selector).animate(style,options);
options：可选，规定动画的额外选项。
可能的值：speed,easing,callback,
queue—布尔值,指示是否在效果队列中放置动画。如果为false则动画将理解开始
step：规定动画的每一步完成之后要执行的函数

循环方法：
each的几种常用的方法：
var arr=[1,2,3,4,5];
$.each(arr,function(){
alert(this);
});
上面这个each输出的结果分别为：1,2,3,4,5;

var arr1=[[1,2,3],[4,5,6],[7,20,9]];
$.each(arr1,function(I,item){
alert(item[0]);
});
其实arr1为一个二维数组，item相当于取每一个一维数组，
item[0]相当于取每一个一维数组里的第一个
所以上面这个each输出分别为：1,4,7

var obj ={one:1,two:2,three:3,four:4};
$.each(obj,function(key,val){
alert(obj[key]);
});
这个each就更厉害了，能循环每一个属性
$(document).ready(function(){
$(‘button’).click(function(){
KaTeX parse error: Expected '}', got 'EOF' at end of input: …li的文本 alert((this).text());
});
});
});
each循环中return true;相当于for循环中的continue，return false相当于for循环中的break。
prependTo();向元素的最前面插入一个元素

bind()：方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。
$(selector).bind(event,data,function);
data为可选其余的为必需的。
替代语法：
$(selector).bind({event:function,event:function,…});

slideToggle()：(可以自动检测当前的状态)方法通过使用滑动效果（高度变化）来切换元素的可见状态。如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。
$(selector).slideToggle(speed,callback);

window.navigator:对象包含有关访问者浏览器的信息。对象在编写时可不使用window这个前缀。
来自navigator对象的信息具有误导性，不应该被用于检测浏览器版本，这是因为：
1：navigator数据可被浏览器使用者更改。
2：浏览器无法报告晚于浏览器发布的新操作系统。
由于navigator可误导浏览器检测，使用对象检测可嗅探不同的浏览器。
由于不同的浏览器支持不同的对象，您可以使用对象来检测浏览器。

JQuery on()：方法是官方推荐的一个函数，替换live,bind,delegate,和trigger等方法。
$(selector).on(event,childSelector,data,function,map);如果你需要移除on()所绑定的方法，可以使用off()方法处理。eg：$(‘p’).on(‘click’,function(){
$(this).css(‘background’,’pink’);
});
$(‘p’).off(‘click’);
如果你的事件只需要一次的操作，可以使用one()这个方法
$(‘p’).one(‘click’,function(){
//要执行的操作
});
trigger()绑定
$(selector).trigger(event,eventObj,param1,param2,………);

多个事件绑定同一个函数：
$(function(){
$(‘p’).on(‘mouseover mouseout’,function(){
$(‘p’).toggleClass(‘intro’);
});
});
多个事件绑定不同函数：
$(function(){
$(‘p’).on({
mouseover:function(){
$(‘body’).css(‘background’,’lightgray’);
},
mouseout:function(){
$(‘body’).css(‘background’,’lightblue’);
},
click:function(){
$(‘body’).css(‘background’,’yellow’);
}
});
});

通过参数delta可以获取鼠标滚轮的方向和速度。如果delta的值是负的，那么滚轮就是向下滚动，正的就是向上。deltaX,和deltaY分别是滚轮滚动的坐标值。

工厂模式无法指定对象类型

javascript是基于对象的语言，你遇到的所有东西几乎都是对象。
我们要把属性’prototype’和方法’method’封装成一个对象，甚至要从原型对象生成一个实例对象。

画布：rotate(angle)，围绕原点旋转图像angle弧度
translate(x,y)，将坐标原点移动到(x,y)，执行这个变换之后，坐标(0,0)，变成之前由(x,y)表示的点。

overflow:hidden这个css样式可以：隐藏溢出，也可以清除浮动。

文件读取：
FileReader:作为API的重要成员用于读取文件，FileReader接口提供了读取文件的方法和包含读取结果的事件模型。
使用规则：
1：创建FileReader对象
var fr=new FileReader();
2：调用FileReader对象的方法
a：abort——中断读取
b：readAsBinaryString——file将文件读取为二进制编码
c：readAsDataURL——file将文件读取为DataURL
d：readAsText——file，[encoding]将文件读取为文本
readAsText：该方法有两个参数，其中第二个参数是文本的编码方式 ，默认值为utf-8。这个方法非常容易理解，将文件以文本方式读取，读取结果既是这个文本文件中的内容。
readAsBinaryString：该方法将文件读取为二进制符，通常我们将它传递到后端，后端可以通过这段字符串存储文件。
readAsDataURL：该方法将文件读取为一段以data：开头的字符串，这段字符串的实质就是DataURL，DataURL是一种将小文件直接嵌入文档的方案。这里的小文件通常是指图像与html等格式的文件。
3：处理事件
a：onabort中断时触发
b：onerror出错时触发
c：onload文件读取成功完成时触发
d：onloadend读取完成触发，无论成功或失败
e：onloadstart：读取开始时触发
f：onprogress：读取中
文件一旦开始读取，无论成功或失败，实例的result属性都会被填充，如果读取失败，则result的值为null，否则既是读取的结果，绝大多数的程序都会在成功读取文件的时候，抓取这个值。

Math.floor()：函数向下取整，向下舍入
Math.ceil()：执行向上舍入，总是将整数值向上舍入为最近的整数
Math.round()：执行标准舍入，它总是将数值四舍五入为最接近的整数。
Math.pow(base,exponent)：返回该底数的指数幂
base底数 exponent该底数的指数
Math.sqrt()：返回这个数的平方根

CSS选择器的优先级：

getComputedStyle()：获取元素在实际的页面中计算之后的结果。
DOM：操作时用到的一些，

opacity：设置属性的不透明级别（0.0~1.0 完全透明到完全不透明）

var oGoods=document.getElementById(“goods”);
goods：为ul的id
oGoods.offsetHeight这个为ul的总高度

对localStorage中的数据进行操作：
第一种方法：

第二种方法：

简单倒影：-webkit-box-reflect [above , below , left , right]
webkit,moz
linear-gradient(a,b,c)：线性渐变
a：表示线性渐变的方向top-从上到下，left-从左到右，如果定义成left top，那就是从左上角到右下角。
b：起点颜色c：终点颜色，还可以在它们之间插入更多的参数，表示多种颜色渐变。
radial-gradient：径向渐变

DOM的style属性只能获取html标签内内嵌的styke属性像下面代码这样：

asdsa

style属性确实是一个对象
注意：
1：如果标签的样式被定义在了外部文件里面，DOM将获取不到外部文件里面的style属性值。虽然我们无法获取外部文件里面的style属性，但是我们可以获取我们给DOM设置的样式，style属性不仅可以获取里面的属性值，也可以给元素设置属性值。
2：当你需要引用一个中间带减号的css属性时，DOM要求你用驼峰命名法。

cssText：来直接设置样式，对新创建的元素来初始化样式比较方便。
oDiv1.style.cssText=“background: red;height: 200px;width: 200px;”;

document.createEvent(eventType);
eventType：想获取的event对象的事件模块名。
返回新创建的event对象，具有指定的类型
// 生成事件对象
var oEvent=document.createEventObject();
// alert(oEvent);
// 初始化事件对象
oEvent.bubbles=true;
// 触发事件obj.fireEvent(“事件类型”，事件对象)
oDiv.fireEvent(“onclick”,oEvent);

outerWidth()：方法返回第一个匹配元素的外部宽度。该方法包含padding和border。

内核前缀：-webkit（谷歌和苹果） –moz（火狐） –o（欧朋） -ms（IE）

text-shadow:h-shadow v-shadow blur color;
h-shadow：必需，水平阴影的位置，允许负值。
v-shadow：必需，垂直阴影的位置，允许为负值。
blur：可选，模糊的距离
color：可选，阴影的颜色。