摘要：主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none 优化滚动。因为本文涉及了很多很多基础，可以对照上面的知识点，选择性跳到相应地方阅读。 滚动优化的由来 滚动优化其实也不仅仅指滚动（scroll 事件），还包括了例如 resize 这类会频繁 阅读全文

摘要：前言 在移动端H5网页中，下拉刷新和上拉加载更多数据的交互方式出现频率很高，开源社区也有很多类似的解决方案，如iscroll，pulltorefresh.js库等。下面是对这两种常见交互基本实现原理的阐述。 实现原理 下拉刷新 实现下拉刷新主要分为三步： 监听原生touchstart事件，记录其初始 阅读全文

摘要：前端页面的适配使用rem换算 https://www.cnblogs.com/liangxuru/p/6970629.html 为什么要使用rem 之前有些适配做法，是通过js动态计算viewport的缩放值（initial-scale）。 例如以屏幕320像素为基准，设置1，那屏幕375像素就是3 阅读全文

摘要：当我们在开发移动端页面时使用固定定位position:fixed时会发现，在IOS的safari浏览器或原生APP下运行会出现几个问题： 1.页面滑动失去惯性，即当我们滑动页面后松开手指，页面会立即停止。 2.使用fixed定位的元素会随着页面的滑动而抖动的像是犯病了一样。 针对此问题，百度许久，问 阅读全文

摘要：transform: translate3d(300px, 0, 0) rotateY(-15deg) rotateX(-15deg) rotateZ(-15deg); x轴偏移300px xyz三个轴线各旋转-15度rotateX 沿着屏幕横向轴旋转 rotateY 沿着屏幕竖直方向轴旋转 rot 阅读全文