任平生的学习笔记

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

javascript keycodes 键盘键值

via：http://shikargar.wordpress.com/2010/10/27/javascript-key-codes/ 在页面上增加键盘快捷键： var inputFocus = false; $(':input').blur(function(){ inputFocus = false; }); $(':input').focus(function...

Posted by 任平生 on June 8, 2011

自定义有序列表 li 项目符号的数字样式

下面是一个自定义有序列表 li 项目符号样式的思路： List item one List item two List item three List item four CSS: ol{ margin-left:0px; padding-left:0px; counter-reset:li; } ol > li{ ...

Posted by 任平生 on May 27, 2011

HTML5 Shiv 的一些趣事

我敢肯定，你一定没听说过 Sjoerd Visscher 这个名字，虽然你天天在熟练地用着 HTML5 Shiv 去修复 IE 不能识别未知元素的bug。 2002年，荷兰海牙。 Visscher 在改进 XSL 的显示样式的过程中发现，非HTML元素不能应用CSS样式。 2008年，HTML5 已经出现了，一些新的元素被提出并应用，但是 IE 6-8 不能识别未知元素，这些新元素不能作...

Posted by 任平生 on May 25, 2011

判断浏览器是否支持某个css属性

根据 UA 来判断浏览器版本，再根据浏览器版本来确定是否支持某个 css 属性的方法弱爆了，直接判断浏览器是否支持某个CSS属性才是王道。判断是否支持 text-overflow if( 'textOverflow' in document.documentElement.style){ alert('support'); }else{ alert('no suppor...

Posted by 任平生 on May 20, 2011

ie8 的 hasLayout

今天跟一个同事说 ie8 已经没有 hasLayout 了，但却被认为有异议，所以动手实验了一下，在ie8中，检测 block 元素的 hasLayout 为 true， inline 元素的 hasLayout 为 false。但是却不能用之前的触发 ie6/7 hasLayout 的方法去触发了，比如 zoom:1 ， height:1% 等就不能让 ie8 的 hasLayout ...

Posted by 任平生 on May 20, 2011

window.history

通常，我们使用 #hash 跳转页面的某个位置，但有时跳转并不是你想要的，如果阻止了默认的跳转行为，那么 #hash 就不会计入 history ，点击浏览器的后退按钮就什么都不会发生了（想象 gmail 中的所有操作都是靠 #hash 来切换不同的界面的，而且点后退按钮可以返回之前操作的界面）通过 HTML5 的 history API，我们可以很容易地实现我们想要的： histo...

Posted by 任平生 on May 18, 2011

有关 <marquee> 标签的一些现实

今天发现了一个蛋疼的现实： <marquee> 是被各个浏览器都支持的，我记得当初之所以不建议大家在代码中使用 marquee 的原因就是这个东西只有 ie 支持，是非标准的标签… 那么现在呢？当 HTML5 越来越以现实需求为中心，当 a 标签都可以包裹 h1, p, div 的时候， marquee 真的有那么邪恶吗？在非ie浏览器中并不一定需要 <marquee...

Posted by 任平生 on May 4, 2011

font-size 的 px em 与 rem 的区别

之前看到说 px 与 em 的区别是 px 在 ie 里不能放大，但是我用 ctrl 滚动鼠标放大页面，文字是可以放大的嘛，就一直以为这个是以讹传讹的错误理论；今天看了Jonathan Snook 的文章，才注意到，这个放大文字，是指浏览器自带的文字大小的调整功能，并不是放大整个页面，在ie中，调整文字的功能是这个： OK，那么一切就明了了。如果使用 px 作为字体大小的单位...

Posted by 任平生 on May 3, 2011

设置 Chrome 强制网站使用 HTTPS

chrome://net-internals/#hsts 可以设置强制使用 https 链接的网址 (chrome|checkout|health|docs|spreadsheets|sites|appengine|encrypted).google.com 参考链接： http://dev.chromium.org/sts http://src.chromium.org/view...

Posted by 任平生 on April 19, 2011

浏览器渲染模式

浏览器共有三种渲染模式：怪异模式（Quirks mode）、准标准模式（almost standards mode）、标准模式（full standards mode）各个浏览器相同版本的标准模式和准标准模式之间差异极少。 via: http://www.w3help.org/zh-cn/causes/readme.html <!doctype html> 当...

Posted by 任平生 on April 14, 2011