随笔分类 - html5
摘要：随着web app的兴起，rem这是个低调的css单位，近一两年开始崭露头角，有许多朋友对于它的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我认为rem是用来做web app它绝对是最合适的人选之一。 一、rem是什么？ rem（font size of the root elem
阅读全文
摘要：前言现在触屏设备越来越流行，而且大多数已经支持html5了。针对此，对触屏设备开发图片裁剪功能，让其可以直接处理图片，减轻服务端压力。技术点浏览器必须支持html5，包括fileReader，canvas等api，并且该设备至少支持单点触事件（touchstart,touchmove,touchen...
阅读全文
摘要：这篇文章着重介绍多触式设备上特有的gesture event（android和iOS对这个事件的封装大同小异）。这个事件是对touch event的更高层的封装，和touch一样，它同样包括gesturestart，gesturechange，gestureend三个事件回调：gesturestar...
阅读全文
摘要：这篇文章将描述多触式网页开发中对手势（Gesture）事件的处理。 水果设备中的Gesture，广义的说包括手指点击（click），轻拂（flick），双击（double-click），两只手指的分开、闭合（scale）、转动（rotate）等一切手指能在屏幕上做的事情。iOS上设计了了一系列手势...
阅读全文
摘要：水果公司的那些small and cute的设备给我们提供了前所未有的用户体验。当用户在iphone和ipad上运指如飞的时候，那些使用objective-c写出优秀应用的开发人员们心里一定充满了成就感，因为正是他们（而不是水果）让iOS的世界变的丰富多彩。然而对于我们这些以web为自己事业核心的程...
阅读全文
摘要：如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是...
阅读全文
摘要：一. 场景再现如大家熟知，Ajax 可以实现页面的无刷新操作，但会造成两个与普通页面操作（有刷新地改变页面）有着明显差别的问题—— URL 没有修改以及无法使用前进、后退按钮。例如常见的 Ajax 分页，在第一页点击第二页的链接，Ajax 分页完成后浏览器地址栏上显示的 URL 依然是第一页的 UR...
阅读全文
摘要：谷歌地图地理解析和反解析geocode.geocoder详解 谷歌Geocoder服务 实例代码地址解析就是将地址(如：贵州省贵阳市)转换为地理坐标(如经度：106.71，纬度：26.57)的过程。地理反解析和上面的过程相反是将地理坐标(如纬度：26.57，经度：106.71)转换为地址(中国贵州省...
阅读全文
摘要：Html5中提供了地理位置信息的API，通过浏览器来获取用户当前位置。基于此特性可以开发基于位置的服务应用。在获取地理位置信息前，首先浏览器都会向用户询问是否愿意共享其位置信息，待用户同意后才能使用。Html5获取地理位置信息是通过Geolocation API提供，使用其getCurrentPos...
阅读全文
摘要：geolocation来获取经纬度地址以前如果要获取互联网用户所在地都是根据用户的IP地址来获取地理位置，这样获取到的数据和真实数据有很大的偏差。为了获取更加精确的位置，可以使用了html5的geolocation来获取经纬度，然后再获取所在地理位置，如何获取，我在下面会说到。先说下基本概念。 G...
阅读全文
摘要：尽管是上面讲到的《JavaScript高级程序设计》(第二版)中提到，BOM中的location.path/query…… (window.location)在通过JavaScript更改以后，浏览器都会通过刷新来到达你更改后的URL(location的意思就是位 置。。)而在JavaScript ...
阅读全文
摘要：在访问现在很火的google plus时，细心的用户也许会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器的前进和后退。不禁让人想问，是什么有这么强大的功能呢？ 与传统的AJAX的区别虽然ajax可以无刷新改变页面内容，但无法改变页面URL有的浏览器...
阅读全文
摘要：相关文档：https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulatingthebrowser_history实现目标页面的跳转（前进后退，点击等）不重新请求页面页面URL与页面展现内容一致（符合人们对传统网页的认识）在不...
阅读全文
