知识点杂记

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 颜色值
通过多个 addColorStop() 方法来定义渐变


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;



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值