最近微信更新了8.0，其中之一最好玩的莫过于表情包的更新了，大家都在群里纷纷玩起了表情包大战。 作为一个前端程序员，这就勾起了我的好奇心，虽然我从来没有实现过这样的动画，但是我还是忍不住想要去实现，最终我花了2天时间去看一些库的源码到我自己实现一个类似的效果，在这里我总结一下，…

不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准…

本文是 “H5 必知必会” 系列第二篇。我们提到过，所谓 “H5” 本来应该是 HTML5 的简称。但是，在中国，“H5”并不是 HTML5 的简称那么简单，它更多地被用于指代内嵌在手机 App 中的网页。无论国外有没有 “H5” 这个说法（应该没有），反正在国内只要说到 Ap…

2. 1px边框的问题 2. background-image 和border-image类似，准备一张符合条件的边框背景图，模拟在背景上。 上面两种都需要单独准备图片，而且圆角不是很好处理，但是可以应对大部分场景。 这种方式可以满足各种场景，如果需要满足圆角，只需要给伪类也加…

UX Planet论坛上有过这么一篇热门文章: Infinite Scrolling Best Practices，它从UX角度分析了无限滚动加载的设计实践。 无限滚动加载在互联网上到处都有应用：豆瓣首页是一个，Facebook的Timeline是一个，Tweeter的话题列表…

直接进入正题，IntersectionObserver 翻译为 "交叉观察者"，它的任务就是监听目标元素跟指定父元素（用户可指定，默认为viewport）是否在发生交叉行为，简单理解就是监听目标元素是否进入或者离开了指定父元素的内部（理解这句就行了，管他交不交叉呢），我好像在开…

@ 张鑫旭： 一、前言 开源两个起点中文网 M 站两个动效交互 JS，MIT 协议，保留版权注释信息，即使压缩后。 二、任意元素屏幕拖移外带惯性边缘弹动效果 此效果可以在起点中文网 M 站首页看到，gif 录屏效果如下

H5 项目常见问题汇总及解决方案

写在前面：viewport 指的是是用户网页的可视区域，查了许久，遗憾的是近一两年几乎没有高质量的解析 viewport 的文章，本文内容是参考大牛，对内容进行了重新排版，以及对重点内容进行标注、精简，加上些许的个人理解形成的。有兴趣的朋友，可以参考一下。