1、html默认字体大小是16px.
rem: 根据html font-size 按比例设置文字大小。
2、css3 transform属性。支持rotate(30deg), translate(10px, 10px), screw(20deg, 20deg), scale(1,2, 0.8)操作. transform-origin: left top; 变形中心。
css3 animation, @keyframes 动画帧。animation-timing-function: ease-in-out. 属性变换速率。
3、mousemove事件:鼠标移动。
4、$("#elem").css({attr1: value1, attr2: value2}); jquery设置元素样式,可以一次设置多个属性的值,传入对象字面量为参数。但是属性名需用驼峰式命名法。
5、html5 input标签,type属性值可以是date或time, 有日期或时间控件。日期格式默认为yyyy/mm/dd.
6、三等号运算符在比较式不会讲一个变量转换为另一种类型。
7、绘制三角形:
<div class="triup"></div> 样式如下:
.triup {
top: 75px;
left: 0px;
width: 0;
height: 0;
border-bottom: 50px solid #edc951;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
}
border-radius: 50%; 正方形变圆形 border-radius: 80px 80px 0 0; 半圆 border-radius: 80px 0 0 0; 1/4圆。
8、mousedown事件:鼠标按下。$("#elem").fadeOut("slow"); 慢速淡出。
$("elem").append("<div></div>"); 添加子元素。
9、jquery ui 拖拽方法:
$("#elem").draggable({
//拖拽范围
containment: "window",//或者"#canvas", ".canvas".元素选择器。
//一次初始化一组draggable控件的时候, 将其中的一些draggable控件以给定选择器选择, 作为一组, 这时, 这一组draggable控件就可以实现当前被拖动的始终在最前效果
stack: ".block",
//在指定元素外部可以吸附。(不懂)
snapMode: "outer",
// 设定离目标对象的边多少像素的时候, 进行吸附.默认20
snapTolerance: 13
})
10、得到被选中的单选钮的值。
$("input[name = 'aa' ]:checked"),val();
替换html, $("container").html(htmlStr);
11、css3动画中opacity属性: 透明度。opacity: 1 全色, opacity: 0; 透明。
12、click事件发生时,得到鼠标的位置:event.pageX, event.pageY。
13、position: relative, display: inherit,用法很神奇。。
17、function aaa() { setTimeout( aaa(){}, 20 ) }; 递归实现动画。