匿名网友
- ~ ~!null //1 ~：按位非操作符由一个波浪线（~）表示，执行按位非的结果就是返回数值的反码。
~2 === -3; //true
~1 === -2; //true
~0 === -1; //true
~-1 === 0; //true
~~: 类似Math.floor()的用法，某些浏览器下比 Math.floor 渲染速度快 http://rocha.la/JavaScript-bitwise-operators-in-practice
- 选择合适的选择器选择第二个 p 标签
<div>
<p>p1</p>
<span>span1</span>
<p>p2</p>
<span>span2</span>
</div>
- div > :nth-last-child(2) //父元素倒数第二个元素
- p:nth-last-child(1) //错误
- p:nth-last-of-type(1) //仅匹配同种标签的元素，匹配到倒数第一个p
- p:nth-of-type(2) //仅匹配同种标签的元素，匹配到第二个p
- p:nth-child(2) //错误，匹配到父元素下的第二个元素 http://www.ruanyifeng.com/blog/2009/03/css_selectors.html
-
原生js相关基础
-
以下属性是否与 IE9 兼容
innerHTML/innerText/children/childrennode/classname
-
防御XSS注入攻击
("www.taobao.com").replace("tao","").split("").reverse().join("")
- css3动画1s内实现正方形翻转
<style>
#loading {
width: 100px;
height: 100px;
position: absolute;
animation: circling 1s linear 0s infinite;
}
@keyframes circling {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
</style>
<body>
<div id="loading"></div>
<body>- 简述一个 js弹窗组件的实现思路
触发方式，弹窗内容，消失方式
- 设计一个可以监控全站错误并且将错误上报的 js 模块
使用 try-catch / window.onerror 捕获异常
阻止常规报错
使用 ajax 将异常发送到某个页面