本周知识点总结weekly05(2018-5-14)

最新推荐文章于 2018-12-10 09:26:08 发布

ZeroJsus

最新推荐文章于 2018-12-10 09:26:08 发布

阅读量134

点赞数

分类专栏：周报文章标签：周报

所有原创文章版权归作者所有，如有转载请联系作者获得授权

本文链接：https://blog.csdn.net/u012864465/article/details/82769917

版权

周报专栏收录该内容

25 篇文章 0 订阅

订阅专栏

js命令基础+进阶

document.execCommand 例如可以实现快速将选中的数据复制到粘贴板 --> 参考codepen中对应实例的实现

window.getSelection() 获取当前鼠标选中的内容

-webkit-background-clip: text; 将背景裁剪为文字的样式只有chrome支持？ --> can I use 支持率较好 --> 与不同浏览器的属性前缀相关

p标签的限制对应行数超出省略

p{
  display:-webkit-box;
  -webkit-box-orient: vertical;
  // 兼容性尴尬 不支持firefox
  -webkit-line-clamp:3; 
  overflow:hidden;
}

设置对应浏览器内核的滚动条样式 --> 代码实现参照我的codepen chrome支持最好其他基本不支持

通过不同浏览器对事件的支持情况对事件进行处理
addEventListener第三个参数useCapture表示事件的响应顺序true=>userCapture, false=>bubbing
例:
if (typeof window.addEventListener != 'undefined') {
window.addEventListener('message', handleMessage, false);
} else if (typeof window.attachEvent != 'undefined') {
window.attachEvent('onmessage', handleMessage);
}

window.attachEvent是针对IE浏览器中的事件绑定其中的事件名称需要加上on开头

// 关于window.open的使用了解 --> 对应案例参考我的codepen页面
MDN_window.open

// 焦点管理
document.activeElement document.hasFocus

// HTMLInputElement.setSelectionRange prop=(begin,end) 获取当前获取焦点的input对象中的取值的范围

css
box-orient 指定元素在水平和竖直方向的排列方式
display:box 与flex的差异?
line-clamp 多行文本省略的新属性目前在移动端的兼容性比在pc端的兼容性要好很多
阿里云line-clamp讲解
 css参考手册line-clamp讲解

python jupyter

excel开始支持javascript