1 h5
<body onorientatiοnchange="rtalt()" >
function rtalt() {
0 == window.orientation && ( - 1 == navigator.userAgent.indexOf("Android") || 425 > window.innerHeight && 2 > window.devicePixelRatio) && setTimeout(scrollTo, 100, 0, 1)
}
判断手机是否旋转
2 css
user-select:none | text | all | element
-
none:
- 文本不能被选择 text:
- 可以选择文本 all:
- 当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素。 element:
- 可以选择文本,但选择范围受元素边界的约束
3js
var yiifaa = 'yiifaa',
str1 = new String(yiifaa),
str2 = String(yiifaa)
console.log(str1 === yiifaa);
//
console.log(str2 === yiifaa);
//
console.log(typeof str1 === typeof str2);
false
true
false
4js canvas.context 的值
context.globalCompositeOperation="source-in"; 画出图的“图层”位置
source-over默认。在目标图像上显示源图像。
destination-over在源图像上方显示目标图像。
lighter显示源图像 + 目标图像。
5js canvas
addColorStop() 方法与 createLinearGradient() 或 createRadialGradient() 一起使用。
如
gradient.addColorStop(stop,color);
stop | 介于 0.0 与 1.0 之间的值,表示渐变中开始与结束之间的位置。 |
color | 在结束位置显示的 CSS 颜色值 |
6
var b = new Date;
var c = +new Date;
console.log(b);
console.log(c);
Tue May 22 2018 22:24:49 GMT+0800 (中国标准时间)
1526999089757
+ 将object 转为数字
7 h5 等高,三列,左右列为300px;中间自适应。
方法一,左右列,float 为left,right。中间自动填充。
方法二,定位。左为left0,右为right0,中间为left300px,right300px;
方法三, 中间flex为1;
方法四,父元素设置display:table;子元素设置display:table-cell;
方法五,
为父元素设置。display: grid;
grid-template-rows: 100px;
grid-template-columns: 300px auto 300px;