http://caibaojian.com/mobile-responsive-example.html 它是根据什么计算的，这就跟设计稿有关了，拿网易来说，它的设计稿应该是基于iphone4或者iphone5来的，所以它的设计稿竖直放时的横向分辨率为640px，为了计算方便，取一个100px的fo ...
分类：
移动开发 时间：
2018-04-14 16:20:03
阅读次数：
213
第一种方式：多分辨率设定rem设定 （不同的分辨率不同的大小，例如iPhone6中，1rem=23px） 第二种方式：js实现，比如你的设计图是1080px的，那么你用1080/18=60px,1rem=60px ...
分类：
移动开发 时间：
2018-04-03 14:35:55
阅读次数：
238
vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。 vh：viewpoint height，视窗高度，1vh等于视窗高度的1%。 rpx：rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为 ...
分类：
微信 时间：
2018-03-29 16:45:00
阅读次数：
2950
1，小程序只有被text标签包裹的文档用户才可以长按复制。 2，image的src属性的据对路径和相对路径./当前../上级 3，小程序设计图需要以Iphone6机型尺寸为准，因为只有在Iphone6上1px=1rpx=0.5pt ...
分类：
微信 时间：
2018-02-28 14:00:07
阅读次数：
191
老马初始学习视口的概念的时候，看了很多的文章，看来很多的资料，鲜有人能把这个东西讲的非常透彻的。老马接下来就从初学者能看懂的角度去讲解视口和适配的方案。 1. 关于屏幕 1.1 屏幕尺寸 设备屏幕尺寸是指屏幕的对角线长度。比如：iphone6/7是4.7寸，iphone6/7p是5.5寸。 1英寸 ...
分类：
移动开发 时间：
2018-02-08 00:22:32
阅读次数：
238
应用启动流程 iOS应用的启动可分为pre-main阶段和main()阶段，其中系统做的事情依次是： 1. pre-main阶段 1.1. 加载应用的可执行文件 1.2. 加载动态链接库加载器dyld（dynamic loader） 1.3. dyld递归加载应用所有依赖的dylib（dynamic ...
分类：
移动开发 时间：
2018-02-05 18:38:43
阅读次数：
262
设置1rem = 100px 一种比较普遍的开发约束： 移动端设计稿一般是750为标准，这个时候我们在谷歌浏览器选择 iphone6 （或其它375的屏）手机模式来开发， 因为pc的像素比是1，而iphone6的像素比是2，所以在我们开发过程中拿到的UI像素要除以2， 例如：UI给出的某个元素之间的 ...
分类：
移动开发 时间：
2018-02-04 21:12:31
阅读次数：
278
背景 视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 问题： 带着问题，往下看... 一些概念 在进行具体的分析之前，首先得知道下面这些关键性基本概念(术语)。 一个物理像素是显示器(手机屏幕)上最 ...
分类：
移动开发 时间：
2018-01-19 21:29:06
阅读次数：
298
rem 单位在做移动端的h5开发的时候是最经常使用的单位。为解决自适应的问题，我们需要动态的给文档的更节点添加font-size 值。使用mediaquery 可以解决这个问题，但是每一个文件都引用一大串的font-size 值很繁琐，而且值也不能达到连续的效果。 就使用js动态计算给文档的fopn ...
分类：
其他好文 时间：
2018-01-19 14:15:52
阅读次数：
171
前端获取图片压缩后上传给后台 此前有同事跟我聊过关于移动端用canvas压缩图片后再上传的功能，最近有了点空闲时间，所以就实践了一下。demo效果链接在文章底部贴出。 在做移动端图片上传的时候，用户传的都是手机本地图片，而本地图片一般都相对比较大，拿iphone6来说，平时拍很多图片都是一两M的，如 ...
分类：
Web程序 时间：
2018-01-13 20:51:56
阅读次数：
222
