在做H5时，有时要实现拍照功能，这就要调取手机端的相机，当时，在网上搜了很多能实现的方式，最后还是用html5自带的 input标签，实现移动端调用手机摄像头。好了，话不多说，下面就是我实现的代码： 其中input标签type="file"的参数capture表示，可以捕获到系…

今天用input file 上传照片调用相册拍照的时候碰到了相册和拍照不能同时实现的问题，查找了网上的一些方法，解决了ios的问：ios下不加capture="camera",如果是安卓的话就加capture="camera"，具体代码及兼容如下。 乍一看还挺完美，但是当测试同…

前端页面性能对用户留存、用户直观体验有着重要作用。这样的话如何更好的监控前端页面性能就变的十分重要。前端页面的性能监控主要分为两个方式： 一种叫做合成监控 Synthetic Monitoring, SYN。就是在一个模拟场景里，提交一个需要做性能审计的页面，通过一系列的工具、…

本文是内部的一次分享沉淀，偏向基础但是涉及了一些有意思的细节，文笔有限，才疏学浅，文中若有不正之处，万望告知。 前端的一大工作内容就是去兼容页面在不同内核的浏览器，不同的设备，不同的分辨率下的行为，使页面的能正常工作在各种各样的宿主环境当中。 而本文的主题 -- 移动端开发的兼…

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

这是我参与8月更文挑战的第17天，活动详情查看:8月更文挑战 一、引言 充分了解各种设备，我们会知道不同尺寸的屏幕本身就有各自的定位，像ipad类的大屏设备本身相比较iphone5就应该具有更大的视野