说了那么多，就是为了小伙伴们在前端的路上更加精细的学习；本文持续更新移动Web的各种大小泥坑~ 1.meta基础知识 <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'> <!-- 优先使用 IE 最新版本和 Chrome --> <meta name="flexi ...
分类：
移动开发 时间：
2017-02-20 11:09:30
阅读次数：
1196
移动web的基础知识（the basic knowledge of mobile web） ·px:css pixels逻辑像素，浏览器使用的抽象单位，根据不同的设备，会变大或者变小 iphone5的分辨率是640*1136（使用的物理像素）。320px*568px(使用的逻辑像素) ·dp,pt: ...
分类：
移动开发 时间：
2017-02-15 12:04:19
阅读次数：
269
1.pixel像素基础 1.px:csspixel 逻辑像素，浏览器所使用的抽象单位 2.dp,pt:设备无关像素 3.devicePixelPatio 设备像素缩放比例 2.viewport 1. ios的viewport是980px;普遍 2.安卓不一定 注：为什么不使用默认的980px的布局v ...
分类：
移动开发 时间：
2017-01-07 16:46:15
阅读次数：
217
时间都去哪了-移动Web首屏优化实践首屏时间可用性的前提，后面用户是否使用你app很重要的因素之一；我们PC上访问其实现在的带宽已经很好了，百兆光宽带，但是在移动端就不一样了，很多用户还是使用的流量，...
分类：
移动开发 时间：
2017-01-05 10:11:40
阅读次数：
254
一、移动web开发与PCweb开发有哪些不同？首先一点就是性能：手机端的性能，要求更高；M中有很多meta标签；V中的css有很多屏幕适配；C中的交互优化与性能优化；交互优化与性能优化的差别系统真的快...
分类：
其他好文 时间：
2017-01-04 11:09:31
阅读次数：
239
背景 在移动互联网浪潮下，移动设备普及，对配置需要考虑移动端设备可访问性。Web作为最贴近用户的配置手段，面向从PC端传统页面，向移动端页面的转型。 概念 PC Web： 面向传统PC电脑的浏览器开发的Web人机交互界面。 移动Web：面向移动设备的浏览器开发的Web人机交互界面。移动设备包括：手机 ...
分类：
移动开发 时间：
2016-12-25 23:40:14
阅读次数：
393
一直不懂别人口中说的原生开发、混合式开发。今天突然看了一篇文章讲解的是什么叫做原生App?移动 Web App？混合APP？分享给大家。 原生App是专门针对某一类移动设备而生的，它们都是直接安装到设备里，而用户一般也是通过网络商店或者卖场来获取例如 The App Store与Android Ap ...
分类：
移动开发 时间：
2016-12-23 22:15:21
阅读次数：
624
2013年初接触移动端，简单做下总结，首先了解下移动web带来的问题 设备更新换代快——低端机遗留下问题、高端机带来新挑战 浏览器厂商不统一——兼容问题多 网络更复杂——弱网络，页面打开慢 低端机性能差——页面操作卡顿 HTML5新技术多——学习成本不低 未知问题——坑多 面对这些问题，一开始我们只 ...
分类：
移动开发 时间：
2016-12-22 20:23:09
阅读次数：
284
显示目录 目录 [1]特性 [2]安装 [3]设置[4]移动端 前面的话 chrome的开发者工具可以很好地做好模拟工作，但毕竟模拟和实际还是有差别的。所以，真机测试是一定要做的，如何高效地进行真机测试呢。个人感觉，还是BrowserSync用得比较称手。本文将详细介绍如何应用BrowserSync ...
分类：
移动开发 时间：
2016-12-20 00:25:29
阅读次数：
317
本文来源：http://blog.csdn.net/joueu/article/details/44329825 以下是规范建议，均是日常在开发当中的的一些经验，仅供参考。 移动web开发规范 一.头部声明 1、其中width=device-width就是说把页面宽度设置成和屏幕宽度一样 <meta ...
分类：
移动开发 时间：
2016-12-19 18:28:37
阅读次数：
289
