最近的文章列表

[分享]必须知道的七个HTML5新特性
HTML5 Logo
...
2013/7/24 Comments:
[chrome]该网页已对该表单停用自动填充功能 autocomplete=”off”

在用网站安全检查工具websecurify的时候,看到注册页面点击输入框的时候,出现下图的提示信息:

 该网页已对该表单停用自动填充功能

HTML代码:

...

2013/7/19 Comments:
复制input 包含手动输入的值

问题: 

我想复制form表单中的所有input/textarea,包括用户手动输入的值,然后添加到另外一个容器中?

第一考虑到:innerHTML

 

分析1:

input.value 的值变化,value.innerHTML 并不会同步

...
2013/7/8 Comments:
总结sencha cmd build 的几个注意事项

需要的环境说明

安装了:SenchaCmd-3.1.0.192-windows.exe 和 jdk6或者jdk7

senchaCmd就是用来build的。  jdk是用来压缩合并文件的(具体是用yuicompressor-2.4.7.jar,这个不用找它去安装,只要有jdk环境就行了。)

执行命令

sencha generate app 项目名称 生成路径

...

2013/7/4 Comments:
document.getElementsByClassName使用方法

document.getElementsByClassName 故名思议就是根据Class名获取元素集合。但是这个方法是新生的,我们也可以自己来实现它。原理如下:

document.getElementsByTagName这个函数是获取指定标签名的节点集,通常先使用getElementsByTagName("*")取出文档中所有元素,然后进行遍历,使用正则表达式找出匹配的元素放入一个数组返回。由于IE5不支持document.getElementsByTagName("*"),要使用分支document.all以防错误。

...
2013/6/27 Comments:
sencha touch和phonegap区别

先看一下Sencha Touch的官方介绍:

Sencha Touch 2.2

A high-performance, HTML5 mobile app platform with over 50 built-in components, themes for every mobile platform, and a built-in MVC system.

一个高性能、HTML5的移动应用平台与超过50个内置组件,适应每个移动平台的主题样式,和一个内置的MVC系统。

...

2013/6/26 Comments:
win8 IE10 typeof window.localStorage Error 拒绝访问 unknow

在Qwrap群里有人问道,IE10下 alert(typeof window.localStorage); 为什么显示是:unknow

如果用Object.prototype.toString.call(window.localStorage)判断会是什么呢?

...
2013/6/9 Comments:
HTML5 本地缓存 window.localStorage

首先自然是检测浏览器是否支持本地存储。在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了。二者用法完全相同,这里以localStorage为例。

if(window.localStorage){
 alert('This browser supports localStorage');
...

2013/6/4 Comments:
高级浏览器添加离线提示:window.webkitNotifications 桌面通知Notification

摘要:

桌面通知,我们经常看到的比如QQ,Skype在右下角的消息提醒。在网页中我们也可以用Javascript模拟实现这一功能,只是这个消息框中浏览器中。目前浏览器依然是一个严格的沙盒工作模式,这种模式把浏览器和桌面的通信隔离开,但WHATWG下在讨论的一种特性Notification可以跨越沙盒通过桌面向用户发出浏览器的通知。现在在Html5中也可以实现这一功能,目前Notification的浏览器支持情况不大好,我测试了一下,IE9,FF12,FF20,Opera11不支持,Chrome支持最好。 

...
2013/4/25 Comments:
收集23个web免费的图表、流程图工具

HTML5让画图更轻松了,但要考虑IE9以下版本,饼图、柱状图、线图和许多其他的图形是非常重要的用来表示数据和沟通的信息,并可展示两个实体之间的关系。而这些图形如果用Web上则有助于吸引访客的注意力,并有效地解释相关数据。在这里我们推荐一些很棒的工具,你可以通过点击创建非常直观的设计流程图和图表。针对IE全面支持HTML5的解决方案:explorercanvas (HTML5 Canvas for Internet Explorer)

...

2013/4/7 Comments: