在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设备上的viewport就 ...
分类：
移动开发 时间：
2016-10-25 14:18:13
阅读次数：
250
最近要做一个移动前端, 填字的需求, 类似pc上一些程序填写序列号的界面, 填写前: h w o r l d 填写后: h e l l o w o r l d, 界面大概如上图, 在下划线的位置填写对应的序列号, 但是必须保证输入体验的的连续性。 填写字符, 下划线好办, 最开始的思路直接用inpu ...
分类：
微信 时间：
2016-09-23 13:02:10
阅读次数：
276
前几日刚入手新手机小米5，系统真心流畅呀。为啥要买小米5呢，因为要提高生产力呀，好好玩移动前端开发呀哈哈哈 那么问题来了，要怎么调试手机上的前端页面呢？ 很久很久以前，我的做法是：在PC上用Chrome移动模拟器调试好后，基本OK，再把相关文件传到手机上，在真机上测试以防特殊问题出现。 这个主要有两 ...
分类：
移动开发 时间：
2016-09-20 13:52:03
阅读次数：
255
一年不见，博客园都长草啦...... 前几日刚入手新手机小米5，系统真心流畅呀。为啥要买小米5呢，因为要提高生产力呀，好好玩移动前端开发呀哈哈哈 那么问题来了，要怎么调试手机上的前端页面呢？ 很久很久以前，我的做法是：在PC上用Chrome移动模拟器调试好后，基本OK，再把相关文件传到手机上，在真机 ...
分类：
移动开发 时间：
2016-09-18 13:17:23
阅读次数：
216
移动前端中常说的 viewport （视口）就是浏览器显示页面内容的屏幕区域。其中涉及几个重要概念是 dpi （ device-independent pixel 设备逻辑像素 ）和 CSS 像素之间的关系。 (1) layout viewport(布局视口) 一般移动设备的浏览器都默认设置了一个v ...
分类：
移动开发 时间：
2016-09-06 12:01:35
阅读次数：
226
转自 http://www.cnblogs.com/2050/p/3877280.html 移动前端开发之viewport的深入理解 在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的 ...
分类：
移动开发 时间：
2016-09-03 22:33:13
阅读次数：
229
移动前端开发正逐渐步入前端技术的主流，事实上跟在一般的pc上，并不需要你掌握额外的技术，然而你在pc web上那一套在多数情况下并不适用于手机web，你必须知道这其中的注意点。当然移动web给人的感觉是一个拼h5和css3的阵地，这里面有足够高大 上的技术等着你去驾驭。 1、首先我们来看看webki ...
分类：
移动开发 时间：
2016-09-03 18:02:17
阅读次数：
170
1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" n ...
分类：
移动开发 时间：
2016-08-31 15:42:55
阅读次数：
200
移动前端开发，也就是webapp，主要是针对Iphone、Android等高端手机。 1、禁止用户屏幕旋转。 这点可以肯定的说是做不到的，之前因为有项目需要禁止屏幕旋转，所以网上查阅了大量的资料，发现根本没有解决办法，在移动版webkit中根本做不到。苹果api也说明了，我们为了让用户在safa... ...
分类：
移动开发 时间：
2016-08-30 19:21:34
阅读次数：
223
static css images 不同的页面可以新建不同的图片文件夹（可选） js libs 前端类库 plugs 插件 views 自己写的代码文件 sass/less libs 前端类库 plugs 插件 layout 模板文件 ...
分类：
移动开发 时间：
2016-08-21 18:20:08
阅读次数：
272
