从移动端的角度说个具体的场景，以iphone6为例。 iphone6的屏幕宽度为375px，设计师做的视觉稿一般是750px，也就是2x，这个时候设计师在视觉稿上画了1px的边框，于是你就写了“border-width:1px”，so...1px边框问题产生了。 对设计师来说它…

最近一个项目掉进了移动端的大坑，包括ios下fixed布局，h5唤起键盘等问题，作为一个B端程序员，弱项就是浏览器的兼容性和移动端的适配(毕竟我们可以要求使用chrome)，还好这次让我学习了一下相关知识。让我们一起来看一下我怎么挣扎出这个大坑的。 先看一下要做什么，也就是一个…

3月20日，中国通信院等协会联合包括小米、华为、OPPO等手机厂商，共同在北京正式发布名为「快应用」的新型应用形态协议。 本来没怎么关注，不过就在今天，意外在小米、华为在看到了快应用的身影。当看到饿了么的快应用的时候，才为之震惊，体验相当好，仔细查看布局也为原生布局。 原生控件…

何为去抖函数？在学习Underscore去抖函数之前我们需要先弄明白这个概念。很多人都会把去抖跟节流两个概念弄混，但是这两个概念其实是很好理解的。 去抖函数（Debounce Function），是一个可以限制指定函数触发频率的函数。我们可以理解为连续调用同一个函数多次，只得到…

Vant 是有赞开发的一套基于 Vue 2.0 的 Mobile 组件库，在开发的过程中也踩了很多坑，今天我们就来聊一聊开发一个移动端 Modal 组件（在有赞该组件被称为 Popup ）需要注意的一些坑。 在任何一个合格的UI组件库中，Modal 组件应该是必备的组件之一。它…

offset、position两个api内部的实现都依赖offsetParent方法,我们先看一下它是怎么一回事。 我们都知道css属性position用于指定一个元素在文档中的定位方式，其初始值是static, css3中甚至还增加了sticky等属性，不过目前貌似浏览器几乎…

左边的图片是Sketch中的设计稿的截图，右边的图片是在iOS中的还原。这些差异会在图像渲染时出现，尽管两张图中用了完全相同的字体、行间距、阴影半径、颜色和渐变属性。 如你所见，把设计稿转换成真实的代码时，一些细节就会丢失。接下来我会深入探讨这些细节并告诉你如何做才能避免信息的…

少侠，请留步，相见必是缘分，赠与你一部《踏坑秘籍》 ios竖屏拍照上传，图片被旋转问题 解决方案 ios：DOM元素固定一边，另一边滚动，滚动很卡的问题 部分手机第三方输入法会将页面网上挤的问题 iPhoneX适配 某些机型不支持video标签的poster属性，特别是安卓 C…

multipages-generator（简称MG）是一个为移动端h5量身打造的网站脚手架，用它可以让你相对的以正确的姿势、迅速的身手、专注于业务，愉快的进行h5开发，以及有配套的快速发布流程。 现在在手淘，京东，今日头条，美柚等过亿用户的手机app中的，都常见h5网页，他们有…