任平生的学习笔记

任平生的学习笔记,记录平常点滴

移除 IE10 input 输入框上的清除按钮

IE10 除了默认交互控件的 UI 丑之外,还给 input 加了一个清除按钮,虽然看起来很有用的样子,实际情况中却有很多设计容不下它,所以我们前端就要隐藏掉这个东西,方法: input[type=text]::-ms-clear { display: none; } 资料: http://msdn.microsoft.com/en-us/library/windows/...

JS 判断浏览器窗口是否处于当前激活状态

项目中有个定时器,希望在浏览器窗口处于激活状态时运行,而非激活状态则停止。代码如下: timer = setInterval(adds,800); function onBlur(){ clearInterval(timer); } function onFocus(){ clearInterval(timer); timer = setInterval...

.htaccess 重定向而URL地址不变

在做 liveto.me 时候就用了这个技巧, 使用 .htaccess rewrite 重定向内容,而地址栏的URL保持不变。 只记得是加一个参数 P 即可,但这次用上后,发现无效,访问要重定向的网址会出现 404 错误。经过搜索发现是 Apache 的 mod_proxy 未启用所致。 所以,只用在 httpd.conf 中 将 mod_proxy 相关项前的 # 去掉,然后重启 A...

IE 中按后退按钮页面乱码的解决方案

今天遇到一个问题,退出登录后,点IE浏览器的后退按钮,页面出现了乱码,查看页面编码变成了 GB2312。 找了一圈也没找到问题所在。不过找到一个类似的解决办法,就是判断当前页面编码是否为 utf8,如果不是,则刷新页面。 代码: <script type="text/javascript"> try{ if ((document.characterSet || d...

ol 有序列表序号的倒序

今天看了这篇的文章,才知道原来 OL 有序列表还可以定义序号的起始数字呢。不过在 HTML4 规范中是被废弃的,但「神奇」的是浏览器却都支持这个属性。于是,你懂得,在 HTML5 中它就又重新被纳入规范。并且,在 HTML5 中为有序列表增加量了一个新属性:reversed 。通过 reversed 属性来定义_列表序号_为倒序,比如:100,99,98…… 通过 start 属性定义有序...

IE10 的 HTML5 怪异模式

微软将 IE10 中默认的怪异模式称之为: HTML5 怪异模式(HTML5 Quirks Mode),一方面它遵循 HTML5 定义的渲染规则,同时也遵守怪异模式的渲染规则。在以下两种情况,IE10 会进入这种 HTML5 怪异模式: 一、没有文档声明 二、使用传统的 HTML文档声明 此外,当今的现代浏览器(Firefox,Chrome等),在即使没有文档声明的情况下,也会以...

HTML 注释的前世今生

HTML 语言是从 SGML 衍生来的,HTML 的「注释」语法也就应该跟 SGML 的「注释」是一致的。实际上,它们之间却有一些的差异。 SGML 是这样定义「注释」的: 「注释」以 <! 开始,以 > 结束,中间可以有零个或多个注释块。每个「注释块」以 -- 开始,并以 -- 结束,并且其中不能包含 -- 。 下面是一些合法的 SGML 「注释」: &...

人民币符号 ¥ 一横还是两横的问题

今天在看嗷嗷博客的时候又看到了这个问题,关于人民币符号到底是一横还是两横,根据人民币(100或50)银线上印的符号可以确定这个符号应该用两横的。 恩,接下来,回顾一下为什么会产生这个问题。 我们一般是这样打出这个符号:中文输入状态下,shift+4 ,出来的就是 ¥ 。 这个字符 Unicode Character Code 编码是:FFE5(字符实体 &#65509),在使用...

HTML5: element.classList API

element.classList 将会返回 element 的 class 信息 { length: {number}, add: function(){}, remove: function(){}, toogle: function(){}, item: function(){}, contanis: function(){} } &l...

HTML5: element.dataset API

Firefox 6 中将增加一个新的 API: element.dataset 用来获取自定义数据属性 data-* 设置的值。 如果使用这个 element.dataset,那么 data-* 的命名需要有以下几点注意: 名字不能以 xml 开头 名字中不能使用分号 名字中不能包含大写字母 A-Z 自定义数据属性将遵循以下规则转化为 DOMStringMap 键值: ...