2013年09月_bugknightyyp

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 less

学习是个不断深入的过程，记录自己在使用过程中的坑，技巧，心得。当然参考的文章讲解很好的就不用再重复写了，感谢前人的肩膀。书写规范：在普通的less文件里，2个class的公用样式，这样写编译正常：.w100,.w1200{ color: red;}但是在mixins里，这样写就编译通不过(基于version-1.4.2)：.test(){ .

2013-09-29 18:28:40 1741

原创 stylus

学习是个不断深入的过程，记录自己在使用过程中的坑，技巧，心得，当然参考的文章讲解很好的就不用再重复写了。参考： http://www.w3cplus.com --- 预处器的对比——Sass、LESS和Stylus 鑫空间-鑫生活 --- stylus中文文档

2013-09-25 12:40:43 866

原创 fiddler

参考： Web开发利器-Fiddler简介--常见的使用场景都讲到了

2013-09-24 18:55:56 766

原创 mousedown和blur配合使用时，ie6/7/8的bug

mousedown事件在有输入框获得焦点的情况下，它的默认动作会触发输入框的失去焦点事件。如果你清除默认动作，那么输入框就不会失去焦点。但是ie6/78/即使清除默认动作，输入框也会失去焦点这是我写的测试demo：http://bugknightyyp.github.io/test-case/focus-mousedown-diff-ie678-betwen-modern-browser.h

2013-09-17 16:24:12 1486

原创 <a>标签伪类书写顺序为什么是lvha

a标签伪类的作用：":link": a标签还未被访问的状态；":visited": a标签已被访问过的状态；":hover": 鼠标悬停在a标签上的状态；":active": a标签被鼠标按着时的状态；写样式时，为毛要按这个顺序写：其实本质还是“同等优先权的样式，写在后边的会覆盖前边”，a标签的伪类只不过是又结合了不同的动作顺序，动作的触发顺序决定了伪类的顺序必

2013-09-17 12:57:35 2979

原创 windowl.matchMedia，MediaQueryList

参考： msdn-媒体查询和侦听器 mdn-matchMedia&兼容表 w3ctech-CSS media queries在JavaScript中的应用(一) w3ctech-CSS media queries在JavaScript中的应用(二)

2013-09-16 10:39:52 941

原创 media-type，media-query

media type属于css2的规范，用来针对不同的设备，设置不同的样式，让其更符合该设备的渲染习惯，优化输出效果。media query属于css3的规范，用来根据屏幕的大小、方向（横、/竖）、比值（宽/高，eg:16:9）、色值等，控制不同的样式，实现跨平台。二者组合可以提供强大的跨平台、跨设备的解决方案。基本用法：前端观察注意几点： m

2013-09-16 00:01:17 1578