笔者最近一直在开发京东app嵌入的h5项目和微信小程序商城项目，在此期间遇到很多坑。这篇文章主要是针对 h5| Hybrid | 微信小程序 三个方向来讲述我遇到的坑，以及详细讲解我是如何解决问题的。 一直以来，移动端适配就是一个令人头疼的问题。如果想要吃透移动端，还需要不少的…

当然，游戏本身非常有趣，玩法简单，就是俄罗斯方块、2048、水果忍者的结合，控制水果的下落，相同的两个水果会合成更大的水果，然后消除，并发出溅射效果。 玩了一会后，看到朋友圈的晒图，我也安耐不住了，开始思考怎么拿高分。对于程序员来说，最简单的方式就是直接改造程序。 首先去 Gi…

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

RD：我要加载视频。 HTMLVideoElement：啊这... 。。。 我相顾一笑、一个坚定的眼神：“我做个技术调研，其他的走正常排期。” （ 因为是PhaserAPI熟练的搬运工，此番言论回答的.非..常..自...信....... 此处省略1w字....... 通过这四…

，我的天，等了这么久你给我看这个？码农慌得一批满地找新 iphone 的逻辑像素，然后想着怎么兼容这刘海和胡子。 其实对于 web 前端来说，刘海在绝大多数的场景下是可以不用处理的，因为 safari 或客户端（微信，手Q等）的 statusBar 已经替我们抹平了顶部刘海，我…

公司许多的业务都还停留在使用px和弹性布局来进行样式处理的阶段，有些时候是因为视觉要求，有些时候是害怕线上问题，所谓破而后立。 移动端适配方案是一个老生常谈的话题，但是对于不同的项目、不同的业务场景可能会需要不同的适配方案来进行移动端适配，向下兼容的baseline也需要提前订…

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

在移动端H5开发中，我们常会调用一些(Android/iOS)端上的功能，这些功能有的是用H5无法实现的，有的纯粹是懒得再用H5开发一遍。JSBridge的目标即是在H5中以某种方式唤起这些端上的方法。 在解释这段代码之前，我们先来了解一些背景知识。 在Android中，有个名…

最近刚接触前端开发，接手了一个移动端H5项目。着实体会掉了前端的坑之多，和H5移动端的坑之多多。 介绍方案之前，首先还是交代一下项目背景与需求，毕竟一切方案也不能脱离实际需求。 总的来说主流的方案有rem和vh两种。 rem（font size of the root elem…