1.背景 在做移动端各种尺寸屏幕的适配时，用的最多的就是rem方案。我们都写过这样的代码,来设置根字体大小。这个计算公式中设备宽度，UI设计稿尺寸这两个参数比较好理解，可是为什么要除以100呢，为什么

近些年，移动端普及化越来越高，开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点，为了满足业务的需要，公司实际项目的开发过程中往往会融合两者进行 Hybrid 开发。Native 和 H5 分处两地，看起来无法联系，那么如何才能…

可以看出，收银台页面一般要适配3个终端：pc端，触屏端，app端。因此，主流的第三方支付平台(微信，支付宝，花呗分期，京东白条)也需要能支持这三种场景的支付 由于支付涉及部门核心业务，因此就不拿公司线上的收银台做讲解了。支付交互流程，主要参考哔哩哔哩会员购和慕课网（~~没有利益…

今天，我们使用Vue CLI3 做一个移动端适配 。 首先确定你的项目是Vue CLI3版本以上的。

之所以写这个总结，还要从上周的一次移动端项目的 debug 说起。那天，测试小姐姐拿着自己的 iphone6s 过来找我，说页面打不开。我想：这怎么可能，我手机里挺好的呀，Chrome调试工具也没报错呀！就把她手机拿过来看了看，发现一进去还真就是一片空白。WTF（手动黑人问号）…

前面写过一篇移动端适配实践的文章，很长，内容太多，看得容易凌乱，重新写个通熟易懂版的。 比如，对于一个移动端页面，设计师给的视觉稿画布宽 750，视觉稿中的一个黄色区块的尺寸是 702 x 300，并在画板中居中。我们希望在任何一个设备中的呈现比例都与视觉稿中一样，根据布局视口…

做过混合开发的很多人都知道Ionic和PhoneGap之类的框架，这些框架在web基础上包了一层Native，然后通过Bridge技术使得js可以调用视频、位置、音频等功能。本文就是介绍这层Bridge的交互原理，通过阅读本文你可以了解到js与ios及android底层的通讯原理…

近段时间，在开发移动端项目的时候，产品提了一个“自定义页面”的需求，刚开始在DevTools上做得顺风顺水，一马平川，直到在提交到测试环境用不同的真机访问页面时，却发现了一个很严重的问题：安卓的高倍屏展示自定义页面组件间距的时候会比iPhone要大很多（组件间距由js代码控制s…

很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一旦出现问题，我们就很难解决，因为缺乏可视化的界面。不似在PC端，我们能直观的去改变样式，或者是进行断点调试。有时，在…