摘要：五种方法讲解三栏布局（圣杯布局、双飞翼布局、Flex 布局、绝对定位布局、表格布局） 阅读全文

摘要：最近突然看到了有关图片懒加载的问题，大致意思就是初始状态下页面只加载浏览器可视区域的图片，剩余图片在当浏览器可视区域滚动到其位置时才开始加载。貌似现在许多大型网站都有又实现懒加载，所以我便就此问题思考了一下。首先第一个问题是浏览器没有相关的 API 方法可以检测某个元素是否在可视区域，那么就只能我们人工计算，所以这里就涉及到了元素长宽，滚动条位置的知识。本文涉及的到的知识有元素长宽 clientWidth/offsetWidth/scrollWidth 的区别、以及 clientTop/offsetTop/scrollTop 的区别，并给了获取元素坐标的源代码。 阅读全文

摘要：css垂直居中，css垂直居中一直以来都是一个被炒烂了的话题，正是因为在css2的时代没有官方标准的垂直居中方法，所以才会滋生出五花八门的实现方法。作者结合了实际运用，核心技术思想将各种各样的垂直居中方法浓缩成了5种方法，以便同学们学习和参考。 阅读全文