js篇
1.javascript之所以設(shè)計成單線程是由他的應(yīng)用場景決定的，js用來做ＵＩ交互，所以必須為單線程．例如單擊某個按鈕發(fā)生跳轉(zhuǎn)，這時候不能進行點擊另一個按鈕實現(xiàn)滑動操作，不然就亂套了．
css篇
1.盒子模型，box-sizing
盒子模型有content,padding border,margin四部分，IE:width=content+padding+border;標(biāo)準(zhǔn)盒模型：width=content;
box-sizing:border-box此時div定義的width=content+padding+border
box-sizing:content-box此時div定義的width=content
2.1px問題
<meta name="viewport" content="initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no">圖片- 如果是一條線，可以設(shè)置div的height為0.5px or 0.25px;視devicePixelRatio
（ 物理像素 / 獨立像素）而定- .scale-1px {
width: 100px;
height: 100px;
position: relative;
margin-bottom: 20px;
border: none;
}
.scale-1px:after {
content: '';
width: 400%;
height: 400%;
transform: scale(0.25);
transform-origin: left top;
position: absolute;
border: 1px solid #333;
box-sizing: border-box;
}
<div class="scale-1px"></div>
3.position問題 http://www.itdecent.cn/p/6dd34d7f2067
4.塊元素和行內(nèi)元素 略
5.transition 和transform和animation
- tansform
scale() skew() translate() rotate() matrix()transform-origin設(shè)置旋轉(zhuǎn)位置的基點.https://www.cnblogs.com/gaoxuerong123/p/9463422.html- transition
transition-property transition-duration transition-delay transition-timing-functionhttps://www.cnblogs.com/gaoxuerong123/p/9463545.html- anomation
@keyframes animation-name aniamtion-duraiton animation-timing-function animation-delay animation-direction animation-play-state animation-fill-mode animation-iteration-count
