C55559999-CSDN博客

转载移动端Web上传图片实践

前段时间项目上有一个拍照的需求，对于客户端当然是个小问题，但是PM要求该功能需要在网页版的页面上同样要实现跟客户端一样的体验！看到这个需求有点蒙，首先还不确定网页如何调用系统相机，选本地照片的话弄个<inputtype="file">应该就ok，其次手机拍一张照片都是几兆几兆的，如果不压缩一下图片，在这蛋疼的网络环境下，基本是没办法传到服务器的，网页上的环境也就那样，怎么做...

2015-06-27 17:01:00 371

转载 ApplicationCache 是个附加的缓存，而不是替代品

最近在测试机测试离线功能时发现, 如果更改了html静态页面或js文件且更新了manifest, 刷新两次(嗯, 你没看错,是两次, 第一次于后台更新app cache, 第二次应用新cache)就会应用上新的代码. 但是, 发布到正式环境之后, 就不能更新了, 把F5按烂了, 也没什么变化. 当然手机清除 Cookie 和数据是没问题的, 但是我们没办法要求用户这样做(这种现象只是...

2013-12-26 14:24:00 117

转载 iScroll横向滚动区域无法拉动页面的解决方案

近期项目中使用iScroll遇到一个问题，在设定scroll-box为横向滚动时，如果你手指放在该区域，将无法拉动页面，也就是说该区域取消了默认事件。这个体验是实在是无法接受，这样子照成无法拉动页面，查看滚动区域下面的内容。Google了一下子，有个高手给出了解决方案，参考地址：http://stackoverflow.com/questions/7800261/iscroll-wi...

2013-11-01 14:43:00 297

转载移动手机web页面多次触发webkitTransitionEnd的问题

webkitTransitionEnd事件在WebKit引擎的浏览器中，当CSS 3的transition动画执行结束时，触发webkitTransitionEnd事件。在CSS 3中，使用如下所示的样式代码定义transition动画。<style>.target{ width: 100px; height: 100px; ba...

2013-10-24 14:27:00 265

转载移动手机web页面转屏事件兼容解决方案

我们知道mobile设备上监测转屏的事件是orientationchange，但这个事件支持得不太好,有些android就不支持orientation事件zepto.js中扩展了一个$.support 来检测是否支持orientation(function($) { /** * @name $.support * - ***orientati...

2013-10-24 14:06:00 244

转载 HTML5离线存储利与弊

一、概念离线存储是HTML5中的一个重要特性，顾名思义就是将一些资源文件保存在本地，这样后续的页面重新加载将使用本地资源文件，这样子使得你的web应用可以在用户离线的状况下进行访问，很显眼有三个好处：最直接的好处就是用户可以离线访问你的web应用因为文件被缓存在本地使得web页面加载速度提升许多离线应用只加载被修改过的资源，因此大大降低了用户请求对服务器造成的负载压力...

2013-09-29 11:37:00 264

转载说说handleEvent这个东东

大家知道，原生的javascript绑定事件方法：如下1 <div id="handleEvent" style="width:200px;height:100px; border:solid 1px #ccc;">handleEvent 测试</div>1 var handleEvents = document.getElementB...

2013-09-24 16:00:00 665

转载 Zepto 框架源码解析一(结构篇)

Zepto是一个面向高级浏览器的JavaScript框架的，并实现JQuery的大部分API，尤其针对手机上web开发(流量金贵，JQ又太重了)，因此选择Zepto.js一个非常不错的选择！如果要真正去了解一个框架，去读其源码还是最直接的方式，本系列会根绝我对zepto源码的理解，对每个功能模块逐个解析。总体架构： 1 var Zepto = (function(...

2013-09-04 14:37:00 164

转载 js跨域问题之跨域iframe自适应大小

前几天做公司和开心网合作项目的时候碰到iframe 跨域自适应的问题刚开始很迷惑开心网那边技术工程师给我发了一段这样子的代码<body onload="javascript: setHeight();"><script>function setHeight(){ var dHeight = document.documentE...

2010-07-16 15:51:00 171

C55559999的博客