CSS中的Viewport单元听起来很棒。如果你想将一个元素设置成全屏高度，你可以设置高度:100vh，这样你就有了一个完美的全屏元素，它会随着视口的改变而改变大小!遗憾的是，事实并非如此。100vh在不同的浏览器的实现方式上也有一点微妙的变化，这使得它几乎毫无用处。最好避免1…

自适应不同宽度的设备，最大程度还原视觉稿比例。 问题：百分比参照的容器的宽度是不同的，需要一个统一的参照，布局比较复杂的情况不太适用，这种方法也不利于后续布局变更的维护。 也是我最早接触移动端开发的时候使用的方法，使用rem单位。 以上只是实现了参照的统一，并没有达到不同终端适…

... 上面这些问题有的人可能已经知道如何解决了，但是问题产生的原理，以及解决方案的原理可能会模糊不清或者一知半解。而在探寻这些问题的过程中，我们会遇到非常多的概念，比如：像素、分辨率、PPI、DPI、DP、DPR、视口扽等，这些概念往往分不清。 生活中，我们经常说手机、显示器…

作为前端开发人员经常会有这样的需求，如果某个用户安装了自己的APP就打开APP首页或则指定页面，如果没有安装APP就跳转到相应下载页面。这样的一个需求也是拉新和裂变必不可少的环节，所以是需要我们去解决的。今天来看看到底如何实现呢？ 目前实现该功能的有两种比较好的方式：URL S…

所以我从接触React Native开始，就一直在寻找一个适合自己的控件库。中间尝试了三、四个，最后因为种种原因而放弃。直到有一天遇到react-native-ui-lib。简单的技术调研后，我就把所有项目全部替换成这个库。

性能是每个前端工程师都应该关注的话题，通用的优化手段已有许多文章和实践，就不再赘述，本篇以百度App个人主页为例，聊聊针对业务特点进行的一些性能优化实践。 适用于：传统意义的优化手段能用的都用了：打包拆包，缩减体积和 HTTP 请求数、CDN和按需加载等，但性能方面仍不太理想。…

背景最近在做一个类似支付宝口碑商家的功能模块，其中有个功能就是计算出用户与商家的距离，如下图：支付宝口碑商家页面截图思路分析1、商家选取店铺地址，将坐标经纬度存入数据库；2、移动端定位当前用户坐标经纬

由于浮动导致父级子级之间设置了css padding、css margin属性的值不能正确表达。特别是上下边的padding和margin不能正确显示。 4、如果前面的元素设置了浮动，那后面的元素就有可能产生异位的现象。 这些问题让众多开发这相当苦恼，尤其是在相对复杂的项目，各…

很多人聊起移动端适配都是懵逼状态，都想口吐芬芳。难道移动端还要适配，直接px写死，其他自适应不就完了吗？其实不然，要求严格的公司会要求缩放比例完全相同，简单说就是，在每个手机上的每一行的字数都要一样。接下来，我们就要细说移动端适配的前世今生 相信我们所有前端开发者，都是见证了手…