摘要：
https://zeptojs.com 轻量级的 JavaScript 库，移动端优先框架 针对移动端，处理了一系列如 click 点击延迟 毫秒 响应执行快 目前 API 完善的框架中体积最小的一个（能用于项目的） 与 jQuery 相同点： 语法与 jQUery 大部分一样，相当于 jQuery 阅读全文
摘要：
1. 上下 200*200 盒子的重叠，切记用 absolute 绝对定位 为最佳解决方案 2. 移动端多使用 粘连布局 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title></title> <meta http-equiv="X 阅读全文
摘要：
1. 头部 header 固定 的两种方式 固定定位 内容区 包裹，使用 overflow: hidden; 2. 动画第二次起效 缺少动画初始参数 3. 隐藏元素 display: none; visibility: hidden; opacity: 0; width: 0; height: 0; 阅读全文
摘要：
margin 为负 使盒子重叠 等高 等高布局 双飞翼布局 盒子往一边 推 或者 拉 bootstrap 应用层 UI 库，出色的栅格系统，无可比拟 learn it 然后脱离 bootstrap 封装自己单独的 栅格系统 注意： jQuery 版本问题，怪异盒子模型，以及样式覆盖问题！！！ 阅读全文
摘要：
bootstrap 一个移动设备优先 UI 库，底层是用 less 写的，依赖于 jQuery。 面试点： bootstrap 的所有盒子都是怪异盒子模型（box-sizing: border-box） bootstrap 不论是流体容器，还是固定容器，都有左右 padding 15px boots 阅读全文
摘要：
响应式布局 在不同设备上，同一网页根据设备特性（显示屏大小，分辨率）呈现不同的布局样式。 思考： 获取设备相关信息 将屏幕划分为几个区域 给需要变化的结构写多套 css 样式 媒体查询 常用写法 @media screen and (min-width: 768){} 核心内容 #box { wid 阅读全文
摘要：
音悦台 less 可以 width = 1080/67.5rem; /**** 变量定义 ****/ @px: 67.5rem; /**** Start ****/ #wrap { width: 100%; height: 100%; background-color: #eee; #content 阅读全文
摘要：
轮播图_transform 版本 关键点： 2D 变换 transform 不会改变 元素 在 文档流 中的位置 定位 position 会改变 元素 在 文档流 中的位置 语句解析太快，使用 setTimeoout(); 等待渲染 不能超过 20ms touchstart 实现 无缝滑屏： 创建两 阅读全文
摘要：
1 物理像素 需求： border: 1px solid red; 在移动端 dpr 为 2 的屏幕上，实际上是 2 物理像素。 如何实现 1 物理像素？ 首先，肯定不能 border: 0.5px solid red; 因为 有些 PC 不支持小数 px，或者浏览器会将小数 px 取整，即变成 1 阅读全文
摘要：
em 参照本身元素的 font-size rem 参照 html 根元素 的 font-size 1. rem 适配 （同一元素，在不同设备上，效果一样） 适用情况： 当页面大于 独立像素375 时，或者页面元素很多时 原理 页面中的元素，统一 单位 rem（字体使用 px 而不使用 rem） 根元 阅读全文