2013年12月30日
摘要: 用到两个对象第一个对象:FormData第二个对象:XMLHttpRequest目前新版的Firefox 与 Chrome 等支持HTML5的浏览器完美的支持这两个对象,但IE9尚未支持 FormData 对象,还在用IE6 ? 只能仰天长叹....有了这两个对象,我们可以真正的实现Ajax方式上传文件。示例代码:Html5 Ajax 上传文件很简洁的代码,便可以达到Ajax方式上传文件,上面的代码中使用这种传统的选择文件的方法产生文件对象,HTML5还支持使用多种更灵活的方式,如拖拽文件到指定的元素上产生。Ajax已成功上传文件,但这时我们会想到一个问题,如何显示进度条?带着这个问题,脑子会 阅读全文
posted @ 2013-12-30 14:11 <html> 阅读(474) 评论(0) 推荐(0) 编辑
  2013年12月27日
摘要: WebApp与NativeApp有何区别呢?NativeApp:1、开发成本非常大。一般使用的开发语言为JAVA、C++、Objective-C。2、更新体验较差、同时也比较麻烦。每一次发布新的版本,都需要做版本打包,且需要用户手动更新(有些应用程序即使不需要用户手动更新,但是也需要有一个恶心的提示)。3、非常酷。因为nativeapp可以调用IOS中的UI控件以UI方法,它可以实现WebApp无法实现的一些非常酷的交互效果。4、Nativeapp是被Apple认可的。Nativeapp可以被Apple认可为一款可信任的独立软件,可以放在AppleStroe出售,但是Webapp却不行。Web 阅读全文
posted @ 2013-12-27 15:28 <html> 阅读(405) 评论(0) 推荐(0) 编辑
  2013年12月23日
摘要: 控制显示区域各种属性:IOS中Safari允许全屏浏览:IOS中Safari顶端状态条样式:忽略将数字变为电话号码:忽略邮箱地址:一般情况下,IOS和Android系统都会默认某长度内的数字为电话号码,即使不加也是会默认显示为电话的,so,取消这个很有必要!IOS中Safari设置保存到桌面图标:这是IOS中Safari特有的meta,是在你保存某个页面到桌面的时候使用这张图作为桌面图标,so,尺寸和iphone上的一致,是57*57px强大的CSS属性box-flex之所以将这块作为大栏目来讲,是因为这个属性非常有用,和之前开发win8 app时的grid非常相似。box-flex的作用是按 阅读全文
posted @ 2013-12-23 14:52 <html> 阅读(696) 评论(0) 推荐(0) 编辑
  2013年10月9日
摘要: 由于window.onload事件需要在页面所有内容(包括图片等)加载完后,才执行,但往往我们更希望在 DOM 一加载完就执行脚本。其实在现在大部分主流浏览器上(Firefox 3+,Opera 9+,Safari 3+,Chrome 2+)都提供了这一事件方法:addDOMLoadEvent。document.addEventListener("DOMContentLoaded", init,false);那对于 IE 我们如何模拟 addDOMLoadEvent 事件呢?Matthias Miller 最早提供了如下的解决方案:// for Internet Explo 阅读全文
posted @ 2013-10-09 14:57 <html> 阅读(213) 评论(0) 推荐(0) 编辑