js篇

1.javascript之所以设计成单线程是由他的应用场景决定的，js用来做ＵＩ交互，所以必须为单线程．例如单击某个按钮发生跳转，这时候不能进行点击另一个按钮实现滑动操作，不然就乱套了．

css篇

1.盒子模型，box-sizing

盒子模型有content,padding border,margin四部分，IE:width=content+padding+border;标准盒模型：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">
• 图片
• 如果是一条线，可以设置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问题　https://www.jianshu.com/p/6dd34d7f2067
4.块元素和行内元素 略
5.transition 和transform和animation

• tansform scale() skew() translate() rotate() matrix() transform-origin设置旋转位置的基点.https://www.cnblogs.com/gaoxuerong123/p/9463422.html
• transitiontransition-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