- ~ ~!null //1
:按位非操作符由一個波浪線()表示牲览,執(zhí)行按位非的結(jié)果就是返回數(shù)值的反碼朽寞。
~2 === -3; //true
~1 === -2; //true
~0 === -1; //true
~-1 === 0; //true
~ ~: 類似Math.floor()的用法殴胧,某些瀏覽器下比 Math.floor 渲染速度快
~~介紹
JavaScript 奇技淫巧
- 選擇合適的選擇器選擇第二個 p 標(biāo)簽
<div>
<p>p1</p>
<span>span1</span>
<p>p2</p>
<span>span2</span>
</div>
- div > :nth-last-child(2)
//父元素倒數(shù)第二個元素 - p:nth-last-child(1)
//錯誤 - p:nth-last-of-type(1)
//僅匹配同種標(biāo)簽的元素订咸,匹配到倒數(shù)第一個p - p:nth-of-type(2)
//僅匹配同種標(biāo)簽的元素盖灸,匹配到第二個p - p:nth-child(2)
//錯誤氏涩,匹配到父元素下的第二個元素
http://www.ruanyifeng.com/blog/2009/03/css_selectors.html
原生js相關(guān)基礎(chǔ)
以下屬性是否與 IE9 兼容
innerHTML/innerText/children/childrennode/classname
防御XSS注入攻擊
輸入"www.taobao.com"届囚,輸出"moc.oab.www"
("www.taobao.com").replace("tao","").split("").reverse().join("")
- css3動畫1s內(nèi)實現(xiàn)正方形翻轉(zhuǎn)
<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>
以前用css3寫過一個搖頭的(●—●)來著
http://begin5257.com/Baymax/
github地址
-
使用css3實現(xiàn)一個長這樣的東西
主要是星星和邊框
原題 : )
<style>
a{
border-radius: 10px;
text-shadow: 0 1px #eee;
box-shadow: 0 29px 0 rgba(222, 222, 222, 1) inset,0 0 0 6px #CACACA, 0 0 0 8px #fff, 0px 0px 0px 10px #696969, 0 2px 3px 11px #CBCBCB;
background: rgba(182, 182, 182, 0.6);
}
a:before, a:after {
font-size: 27px;
color: #888;
content: "★";
text-shadow: 0 1px #fff;
}
</style>
- 簡述一個 js彈窗組件的實現(xiàn)思路
觸發(fā)方式,彈窗內(nèi)容是尖,消失方式
- 設(shè)計一個可以監(jiān)控全站錯誤并且將錯誤上報的 js 模塊
使用 try-catch / window.onerror 捕獲異常
阻止常規(guī)報錯
使用 ajax 將異常發(fā)送到某個頁面