摘要: 用法:<inputtype="text"x-webkit-speech/>相关参数:设置语言种类:lang<inputtype="text"x-webkit-speechlang="zh-CN"/>设置发声语音改变时触发:onwebkitspeechchange<inputtype="text"x-webkit-speechonwebkitspeechchange="foo()"/>语音输入语法,”builtin:search”值使得语音输入的内容尽量靠近搜索 阅读全文
posted @ 2012-12-23 15:57 一只柯楠 阅读(633) 评论(0) 推荐(0) 编辑
摘要: localStorage的增删改查都其实比较简单,每次需要判断浏览器是否禁用,这挺麻烦的;而且没有像COOKIE一样的,自动过期时间,长期下去会有垃圾数据在里面;我们知道android的系统只支持5M存储空间,iphone是10MB,一旦超过限制会提示用户,甚至报错。一、包含一下功能:1、定时清理localStorage;2、支持过期时间;3、检测浏览器是否禁用localStorage;二、顺便贴一个COOKIE的存取方法,接口类似:(function($){ /* * $.cookie('name', 'test',{expires: 7}); //设置 * 阅读全文
posted @ 2012-12-03 23:24 一只柯楠 阅读(1720) 评论(0) 推荐(0) 编辑
摘要: 基于backbone和zepto用户缓存json请求数据, 基本作用是:增加localstorage存储中转; 后台数据--》localstorage-》页面。。 每次数据去localstorage取,然后把后台数据更新到localstorage里面用到的库:zepto.js和Backbone.js,当然稍微改一下就不需要基于这2个库的,我就直接张贴来了。懒得改了(function($){ var getValue = function(object, prop) { if (!(object && object[prop])) return null; return... 阅读全文
posted @ 2012-11-17 01:01 一只柯楠 阅读(1693) 评论(0) 推荐(1) 编辑
摘要: $.cookie = function(name, value, options) {if (typeof value != 'undefined') { options = options || {}; if (value === null) { value = ''; options = $.extend({}, options); options.exp... 阅读全文
posted @ 2012-11-08 19:18 一只柯楠 阅读(775) 评论(0) 推荐(0) 编辑
摘要: 项目中须要用到手机拖动事务,但对于pc浏览器的mousedown、mou搜刮引擎优化ver和mouseup手机支撑没有pc好,所有搜了一篇关于iphone上的触摸和手势来进修进修。以下为原文:我先来说说iPhone的把握台,因为我发明它在测试时是很是首要的。在Settings-Safari-Developer下,你可以把它打开或 封闭。它供给了一些简单的信息,包含错误、警告等。当我浏览这份[Apple Developer Connection page]文档之后,固然它写的很活泼和完全,但仍 然给我留下了一些细节上的困惑。并且,若是你不是ADC(Apple开辟者中间)的会员,看这个文档可能会让 阅读全文
posted @ 2012-10-12 20:24 一只柯楠 阅读(823) 评论(0) 推荐(0) 编辑
摘要: 获取textarea的光标位置,并插入数据var start=0; var end=0; function add(){ var textBox = document.getElementById("ta"); var pre = textBox.value.substr(0, start); var post = textBox.value.substr(end); textBox.value = pre + document.getElementById("inputtext").value + post; } function savePos(te 阅读全文
posted @ 2012-10-07 03:41 一只柯楠 阅读(364) 评论(0) 推荐(0) 编辑
摘要: 掌握HTML5中的多媒体--视频(video)除非你一直生活在一个偏远的岛屿上,过去一年左右的时间,你应该已经听说过HTML5的各式炒作。HTML5将重塑富Web应用的未来。下面 Figure 1的示例展示了HTML5中video标签与传统的object标签的不同.Figure 11. <section>2. <h1>使用HTML5的video标签播放视频</h1>3. <videosrc="video1.mp4">4. </video>5. </section>6. <section>7. 阅读全文
posted @ 2012-10-06 22:03 一只柯楠 阅读(460) 评论(0) 推荐(0) 编辑
摘要: 初学者使用Application Cache指南2012 三月 8by ling对于web app来说,离线应用功能已经越来越重要。诚然,浏览器本身就有缓存机制,但是,这些缓存机制不够可靠,可能并不会按你所想要的方式运行。HTML5则通过ApplicationCache接口处理了离线应用中的一些问题。使用这个接口让你的应用拥有三方面的优势:离线浏览——用户在不能联网的时候依然能浏览整个站点高速——缓存资源是存储在本地的,因此能更快加载。更小的服务器负载——浏览器只需要从服务器端下载有改变的资源即可,相同资源不需要重复下载。Application Cache(或 AppCache)让一个开发者可 阅读全文
posted @ 2012-10-06 16:46 一只柯楠 阅读(889) 评论(0) 推荐(0) 编辑
摘要: ios6为前端webapp开发者带来了什么,第一时间同步体验更新2012-09-20questions of science,science and progress...美国时间9月19日,中国时间9月20日,我更新到了ios6,第一时间没有去调戏会普通话的Siri,而是着手研究和校验ios6和它的safari都为webapp开发者或者前端开发者带来了哪些便利和好处,请注意本文的发表时间,本文是第一时间放出人肉体验测试的结果哦!1.通过pc或者mac调试手机上的safariios6的到来,手机上safari没有开发人员调试工具的现状成为历史了,习惯后的朋友可以放弃用chrome模拟调试的日子 阅读全文
posted @ 2012-10-06 16:43 一只柯楠 阅读(438) 评论(0) 推荐(0) 编辑
摘要: document.getElementById('#conan').addEventListener('webkitTransitionEnd',function(e){ console.log(e,e.type,e.propertyName); },false); 阅读全文
posted @ 2012-09-16 01:01 一只柯楠 阅读(2458) 评论(0) 推荐(0) 编辑