摘要：
<script type="text/javascript"> (function(){ var docEl = document.documentElement; function setRemUnit(){ //获取到rem的基准值 var rem = docEl.clientWidth / 1 阅读全文
摘要：
html部分： CSS： JS： 阅读全文
摘要：
水平居中： 1、针对文字：text-align 2、针对已知宽高块级容器：margin-left、margin-right 3、不知道宽高：position+translate 4、终极解决方案（文字和容器均可）：flex布局 垂直居中： 1、固定高度的单行文本：line-height 2、不知道宽高：position+margin-top（知道高度的px）/translate 3、fl... 阅读全文
摘要：
.text-ellipsis /* { 单行文字溢出省略 */ overflow: hidden; /* 溢出隐藏 */ text-overflow: ellipsis; /* 文字溢出省略 */ white-space: nowrap; /* 文字不换行 */ } .multiline-ellip 阅读全文
摘要：
方法1、部分浏览器的<meta>标签加上width=device-width就能解决。 方法2、引入fastclick.js库 阅读全文
摘要：
window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行 注意：若你想在浏览器下次重绘之前继续更新下一帧动画，那么回调函数自身必须 阅读全文
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" /> <title>2-5单指拖拽</title> <styl 阅读全文
摘要：
小屏时： 中屏及以上时： 阅读全文