互联网上的自适应方案到底有几种呢？就我个人实践所知，有这么几种方案： 固定一个某些宽度，使用一个模式，加上少许的媒体查询方案 使用flexbox解决方案 使用百分比加媒体查询 使用rem 1. 简单问题简单解决 我觉得有些web app并一定很复杂，比如拉勾网，你看看它的页面在iphone4,iph ...
分类：
移动开发 时间：
2018-06-07 17:05:12
阅读次数：
216
前面的话 iphone4发布是几年前的事情，而如今早已是移动互联网的时代。人们不再正襟危坐在电脑前，而更愿意把时间耗费在手机上，随时随地地享受互联网。在移动端可以使用最新最炫的前端技术，而不用再考虑老版本IE的兼容性。当前，很多公司的前端开发都是移动优先，因此，移动端开发已经成为前端开发工程师的标配 ...
分类：
移动开发 时间：
2018-05-12 16:17:10
阅读次数：
221
1. 设备像素比 iphone3的分辨率为320x480，1个css像素等于一个屏幕物理像素 iphone4的分辨率为640x960（苹果公司便推出了所谓的Retina屏），分辨率提高了一倍，导致同样大的屏幕上像素多了一倍，安卓设备上分为ldpi、mdpi、hdpi、xhdpi等不同的等级 wind ...
分类：
Web程序 时间：
2018-05-09 18:01:31
阅读次数：
260
移动端布局痛点在：兼容各个分辨率的移动设备，同样是手机，iPhone4-iPhoneX分辨率范围就已经很广；如果使用px进行布局，显然会出现问题； 常见的像素单位px,em,rem中，em是相对于父元素font-size的单位，个人认为在使用中，em会比较混乱；rem相对的是根元素、HTML，便于根 ...
分类：
移动开发 时间：
2018-04-26 14:53:32
阅读次数：
227
http://caibaojian.com/mobile-responsive-example.html 它是根据什么计算的，这就跟设计稿有关了，拿网易来说，它的设计稿应该是基于iphone4或者iphone5来的，所以它的设计稿竖直放时的横向分辨率为640px，为了计算方便，取一个100px的fo ...
分类：
移动开发 时间：
2018-04-14 16:20:03
阅读次数：
213
人们常说，现在的流量不值钱了，图越大越好咯！ 我想说的是，浏览器虽然不值钱了，但速度还是略快吧！ 文章来自：UI妹儿 icon_alipay.png→iPhone 1-3代的手机(已经不考虑了) icon_alipay@2x.png→iPhone4/4S/5/5S/6/6S/7对应尺寸，这就是我们通 ...
分类：
移动开发 时间：
2018-03-23 14:08:13
阅读次数：
247
《构建之法》这本书的内容通俗易懂，每一个知识点都有许多事例佐证，阅读起来不像其他教科书那样枯燥无聊。但阅读过第一、二、十六章之后还是产生了几个疑问，以及更深层次的思考。 第一章 问题1: 第一章第13页中提到“除了学术水平名列前茅的学校，其他学校的这些院系大部分老师做的都是偏工程方面的研究，大部分学 ...
分类：
其他好文 时间：
2018-03-16 23:44:58
阅读次数：
218
作为前端工程师的我们，在h5页面布局的过程中会使用rem布局，大家都知道rem是相对长度单位，但是作为前端的我们该如何去让rem布局自适应iphone4、iphone6、iphone6、iphone6plus的呢？那我们都看到天猫在手机网页端中，是根据手机大小的不一样去自适应的，那么我们接下来让我们自己的h5网页的页面自适应手机设备一、首先我们先看一下拥有几亿用户的淘宝天猫是怎么做的呢？iphon
分类：
其他好文 时间：
2018-01-12 15:59:06
阅读次数：
187
背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。 对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点： 1、首先，选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480 ...
分类：
移动开发 时间：
2017-12-30 18:19:47
阅读次数：
264
如下设计方案参考淘宝和华为商城 SKU SPU的关系 SPU = Standard Product Unit （标准产品单位） SPU是商品信息聚合的最小单位，是一组可复用、易检索的标准化信息的集合，该集合描述了一个产品的特性。例如iphone4就是一个SPU,与套餐、存储容量、颜色无关。 SKU= ...
分类：
Web程序 时间：
2017-12-13 14:29:44
阅读次数：
237
