移动端页面开发从一开始就比pc端的适配要头疼一些。从媒体查询到viewport缩放,再到现在,rem方案才是喜欢简单粗暴的切图仔的福音。移动端开发有着多屏幕尺寸,多像素比(devicePixelRatio)的限制,不能像pc那样做到设计稿和页面同比例同尺寸了。
下面我贴出一张图的原图及在不同设备时的截图:
【记】apache应用concatx模块合并多个js/css;gzip压缩
静态资源合并加载
在nginx中使用nginx-http-concat可以把多个CSS和JS合并成一个请求的Nginx模块，对于Web性能优化非常有意义。apache可以用mod_concatx模块实现同样功能
wamp环境
1.首先下载mod_concatx;将mod_concatx.dll和mod_concatx.c两个文件放入路径：bin\apache\Apache2.2.21\modules 下。
【转】 http缓存与cdn相关技术
注:本文转载自Leo_wlCnBlogs,原文地址
缓存对于网站新能优化有重要意义,一直对缓存里的ETag，Last-Modified，Expires有些纠结。看到这篇说的比较详细了,这里记录学习下,并添加一些内容。
【转】使用 gulp,webpack,es6,sass,react 等开发复杂单页面项目
注:本文转载自zMofei的博客,原文地址
自从开始放肆的使用es6之后就变得一发不可收拾，经手的很多项目也逐渐变成了基于react.js的单页面项目。中间走了不少弯路，尤其是在各种工具之间的选型和使用上，折腾大半年之后，稍稍记录一下这个过程中使用到的一些东西以及遇到的一些坑。