摘要：
REM 各种布局特征的对比 由于市面上手机种类繁多，导致移动端的屏幕种类非常的混乱，比如有常见的 等。在开发中，美工一般只会提供750px或者是640px的设计稿，这就要求我们通过一张设计稿能够适配所有的屏幕。 通常解决方案如下： 流式布局：可以让各种屏幕都适配，只是在大屏幕中显示效果不是非常的友好 阅读全文
摘要：
响应式 什么是响应式布局 响应式布局（respond layout）是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是 一个网站能够兼容多个终端（手机、平板、pc电脑、手表，电视） ——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 为什么要有 阅读全文
摘要：
定位轮播图 1 修改结构 2 修改样式 3 动态设置ul的高度 4 主体思路 改变index的值 通过index的值推算出上一张，下一张，当前张 添加过渡、做动画 5 定时器切换轮播图 累加index 检测数据是否越界，推算出prev /now/next 去除其他li的过渡 当前活动的li添加过程 阅读全文
摘要：
圣杯布局实现 1 定位+padding 2 浮动+BFC 3 伸缩布局 BFC 块级格式化上下文 Block Formatting Context: 页面上一个隔离的独立渲染区域 触发成为 BFC 盒子的特点: 1. 触发了 BFC 的盒子, 就成为了页面上的一个隔离的独立容器, 容器里面的子元素不 阅读全文
摘要：
JDM 头部滚动效果 监听窗口的滚动高度，根据滚动的距离 动态设置header的颜色 获取页面卷曲的高度： 1、各浏览器下 scrollTop的差异 IE6/7/8： 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ； 阅读全文
摘要：
移动web基础 移动端开发现状 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img fyWnoeng 1584532810456)(image/phone.jpg)] + 移动web开发指的是需要适配移动设备的网页开发 + 移动web开发与pc端web开发没有本质的区别，使 阅读全文