任平生的学习笔记

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

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

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

Posted by 任平生 on January 9, 2013

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

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

Posted by 任平生 on March 12, 2012

.htaccess 重定向而URL地址不变

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

Posted by 任平生 on March 6, 2012

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

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

Posted by 任平生 on January 11, 2012

ol 有序列表序号的倒序

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

Posted by 任平生 on December 27, 2011

IE10 的 HTML5 怪异模式

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

Posted by 任平生 on December 15, 2011

HTML 注释的前世今生

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

Posted by 任平生 on December 8, 2011

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

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

Posted by 任平生 on August 15, 2011

HTML5: element.classList API

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

Posted by 任平生 on June 10, 2011

HTML5: element.dataset API

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

Posted by 任平生 on June 10, 2011