随笔分类 -  webapp之路

深入理解viewport（转）
摘要：在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设... 阅读全文
posted @ 2015-04-07 09:18 低调的大白兔 阅读(222) 评论(0) 推荐(0)
webapp之路--理解viewport的使用
摘要：随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择。然而，每一款手机有不同的分辨率，不同屏幕大小，如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢？学习html5 viewport的... 阅读全文
posted @ 2015-04-07 09:03 低调的大白兔 阅读(839) 评论(1) 推荐(0)
webapp之路--apple私有属性apple-touch-icon
摘要：以前我们用过favicon在浏览器给网站进行身份标识，用法如下：[html]view plaincopy现今移动设备越来越多，苹果为iOS设备配备了apple-touch-icon私有属性，添加该属性，在iPhone,iPad,iTouch的safari浏览器上可以使用添加到主屏按钮将网站添加到主屏... 阅读全文
posted @ 2015-04-04 18:41 低调的大白兔 阅读(287) 评论(0) 推荐(0)
webapp之路--百度手机前端经验（转）
摘要：看了之后收获很大，分享一下：本文将围绕我半年来在移动前端工程化做的一些工作做的总结，主要从localstorage缓存和版本号管理，模块化，静态资源渲染方式三个方面总结手机百度前端一年内沉淀的解决方案，希望对大家移动开发有所帮助。一年前存在的问题可能因为之前项目节奏紧，人力不足原因，一部分php... 阅读全文
posted @ 2015-04-01 10:12 低调的大白兔 阅读(1557) 评论(0) 推荐(0)
webapp之路--之ios上图标
摘要：以前我们用过favicon在浏览器给网站进行身份标识，用法如下：[html]view plaincopy现今移动设备越来越多，苹果为iOS设备配备了apple-touch-icon私有属性，添加该属性，在iPhone,iPad,iTouch的safari浏览器上可以使用添加到主屏按钮将网站添加到主屏... 阅读全文
posted @ 2015-03-26 21:46 低调的大白兔 阅读(281) 评论(0) 推荐(0)
webapp之路--之必备知识
摘要：移动设备的用户越来越多，每天android手机的激活量都已经超过130万台，所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验，以及给出几种可选的解决方案。一、基本概念（1） CSS pixels与device pixelsCSS pixels： 浏... 阅读全文
posted @ 2015-03-26 21:32 低调的大白兔 阅读(247) 评论(0) 推荐(0)
webapp之路--之query media
摘要：query media是css3中的模块，对于移动端的开发是非常重要的，是响应式web设计的中不可或缺的一部分。简单点说就是根据不同移动设备的屏幕参数来制定不同的css方案以实现web的响应式开发。目前Media Query在浏览器上的兼容度要高很多，Firefox,Safari,Chrome,... 阅读全文
posted @ 2015-03-23 20:37 低调的大白兔 阅读(334) 评论(0) 推荐(0)
利用rem实现webapp布局
摘要：rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？ rem（font size of the root element）是指相对于根元... 阅读全文
posted @ 2015-03-17 10:41 低调的大白兔 阅读(1850) 评论(1) 推荐(1)