【JavaScript 未完】情人节&音乐项目总结

一、

浏览器窗口可视区域大小

1. window.innerHeight - 浏览器窗口的内部高度
   window.innerWidth - 浏览器窗口的内部宽度
2. document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。
   • document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。
   3.Document对象的body属性对应HTML文档的标签
   • document.body.clientHeight
   • document.body.clientWidth

网页尺寸offsetHeight

offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。

一、值
offsetHeight = clientHeight + 滚动条 + 边框。

网页尺寸scrollHeight

var w=document.documentElement.scrollWidth
|| document.body.scrollWidth;
var h=document.documentElement.scrollHeight
|| document.body.scrollHeight;

二、

jQuery：
addClass 添加类
$(“.menu”).attr(‘id’,”idname”) 添加id
JS:
menu = document.getElementsByClassName(‘menu’);
menu.id =”idname”;

三、
jQuery：.attr & .css

四、
DIV+CSS垂直居中一个浮动元素
http://www.jb51.net/css/217178.html
需要将这个button在整个div里垂直居中。我的做法是在这个button外层加一个span，并且浮动这个span元素而不是之前的button。另外需要设置这个span的高和行高与外层div相同。

五、
localstorage&cookie

六、
微信开发
分享朋友圈/好友（使用SAE）
http://blog.csdn.net/songshimvp1/article/details/49589621
不使用SAE使用自己的服务器，无需修改即可。

七、setInterval&setTimeout

八、文字在图片旁边垂直居中
给img设置vertical-align：middle

九、
$(document).ready(function(){}); //立即执行
window.onload = function () {}; //文档加载完毕执行
http://m.jb51.net/article/21628.htm

（出驾）
十、frame

（音乐）
1.WebAudio
2.vm&rem
3.动画
animation:名字 4s(一周期) linear速度等速 infinite重复；
@keyframes 名字｛定义关键帧｝