最近在研究关于布局的设计方案，通过学习理解阿里的fusion.design的设计思想并结合手机淘宝H5版的px布局问题。逐渐有了一些想法，这里进行综合整理，也算是抛砖引玉吧。 rem和vw都是为了解决移动端适配问题。rem方案中最成功的就是淘宝的lib-flexible了，它是…

O2O 市场和智能手机在高速发展中，饿了么作为一家领先的 O2O 移动互联网公司，业务也在随之不断扩张。App 功能越来复杂，加之移动端的技术方案多样化、国内网络环境复杂等问题，做好 App 的测试就面临着诸多挑战，本文大致讲述目前饿了么在 App 测试上遇到的挑战，以及应对挑…

从最早的IE6时代到现在的HTML5时代，前端的主战场也从PC端转移到了移动端。几年前前端工程师还在为固定布局和流动布局打伤脑筋，而在如今的移动Web上我们可以使用弹性布局轻易实现以前在Pc端的复杂布局，甚至更强大的网格布局也在Css下一版本的规范。移动web在将来的一段时间仍…

前言 数据表明，即使在资源有缓存的情况下，页面首次访问的耗时也是非首次访问的两倍。 为什么首次访问这么耗时呢，时间去哪里了？本文详细分析页面首次访问耗时的原因。 常见的初始化 我们先看看打开一个页面，需要经过那些流程。 数据表明，即使在资源有缓存的情况下，页面首次访问的耗时也是…

这里喷一句吧，谁都别给我提IE啊，IE那个不叫调试工具，那叫坑爹神器，话说最近不是又甩锅了，把自己的革命老根据地都甩了。 Eruda是什么？Eruda 是一个专为前端移动端、移动端设计的调试面板，类似Chrome DevTools 的迷你版（没有chrome强大 这个是可以肯定…

CSS像素：web编程用到的，我们在JS和CSS中使用的10px就是CSS像素，是可变的。CSS像素受屏幕缩放和设备像素比（dpr）的影响。如我们网页的中的字体在网页放大之后会变大，还有在移动端看起来会比PC端小一些 ...... Retina屏幕即视网膜屏幕，是苹果发布iph…

移动跨平台开发一直是移动开发者和前端开发者追求的的话题，从早期的cordova、ionic，到如今的react native、weex、kotlin native和flutter等，可以说如今的跨平台框架可谓百花齐放，颇有一股推倒原生开发者的势头。 JavaScript流派：这…

为什么不直接使用系统键盘？H5键盘和H5页面完美适配，没有挤压页面的问题解决系统键盘不支持autofocus的问题自定义键盘布局，定制化输入体验产品需求你怕不怕这个轮子有什么好？支持原生JS、Reac

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