如何在移动端按照产品要求实现多平台下一致的分享效果，包括分享文案的动态生成，在没有 Native 的帮助下是比较困难的。我们研究了很多分享方案，得到了一套较为完整的分享方案。

场景1：返回弹窗需求：页面返回的时候弹窗确认是否返回，确认返回，取消留在当前页面场景2：1px的borderios其实可以用0.5px，but安卓不支持，so只能忍痛割爱场景3：vue项目加入百度统计

所谓的“无缝滚动”就是多屏切换的过程是连续可循环的，而不是到最后一屏就停止播放。这种业务场景在实际开发中很常见，下面是“淘宝”和“京东” H5 版的首页截图，里面的 “banner 图”以及“头条栏”就是典型的无缝滚动的场景。但是体验一番之后，你会发现他们和原生 App 中的效…

好吧，生涩难懂，没能理解。不过网上有说此效果在iPhone上比较常见，直接上图比较容易理解： 简单来说，就是界面滑动到了最底部或最顶部仍可以比实际的内容多滑动一段距离然后回弹的弹性效果。 滑动到最顶部或最底部才出现。 表现出比实际的内容多滑动一段距离，实际操作知道，多滑动的距离…

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

接上篇博客，现在增加一个新需求：h5页面B区显示富文本HTML片段。 看到需求时，第一想到的是只是显示一段富文本内容，为什么要用iframe，直接显示不就行了。 代码复杂，无法被一些搜索引擎索引到，这一点很关键，现在的搜索引擎爬虫还不能很好的处理iframe中的内容，所以使用i…

1. 元素偏移量offset系列 offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。 2. 元素可视区 client 系列 client 翻译过来就是客户端，我们使用client系列的相关属性来获取元素可视区的相关信息。…

xgplayer 西瓜播放器 自定义样式记录进度 踩坑总结 xgplayer demo..................

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标