女王控的博客

前端

143 篇文章

html与body的一些特性

背景色 一般情况下,我们 css 控制的最高节点就是 body,例如设置: body 作为一个根节点起作用了, 标签未被激活,body 担当类似于根节点的节点,其 background 背景色被浏览器俘获,浏览器界面背景色为 background 的背景色 按照对一般标签的理解,100 像素的外边距应该不含有背景色的,然而显示的结果是(Firefox 下表现与此类似): 一旦设置了 节点的 background… »

复选框单选框与文字对齐问题

产生的条件 对于 14 像素大小的字体是没有本篇所要探讨的单(复)选框与文字对齐的问题的。(见下图) 但是,对于 12 像素大小的文字,则就存在对齐问题了,尤其在 Firefox 火狐浏览器以及 chrome 谷歌浏览器下。(见下图) 这就是本文所要研究与解决的问题,可以肯定的是单复选框与文字默认以 vertical-align:baseline 的方式对齐的。 解决方案 vertical-align: text-bottom css 代码如下:vertical-align:text… »

RequestAnimationFrame的作用

原理 浏览器(如页面)每次要洗澡(重绘),就会通知我(requestAnimationFrame),而 setTimeout 貌似是多个独立绘制。 作用 统一的向下兼容策略 CSS3 实现动画即高效又方便,但是对于 PC 浏览器,IE10+ CSS3 实现,IE9-之流 JS setTimeout 实现,实现方式也是不统一,但是 requestAnimationFrame 跟 setTimeout 非常类似,都是单回调 为了统一代码,需要对 IE9-的浏览器做下兼容性处理 简单的兼容(IE… »

DOM练手测试

DOM 测试一 具体实现 我的解答 最佳解答 实现要点 获取所有 a 元素,两种方法:document.getElementsByTagName(‘a’) 所有浏览器都支持,还有 document.querySeletorAll(‘a’),IE8+。 答案是:document.links 或者 document.querySelectorAll(‘:link’)都是可以的。链接元素和 元素的区别:首先没有 href 属性的 元素不是链接元素,其次链接元素还包括 元素(带 href… »

JS练手测试

JS 测试一 具体实现 我的解答 最佳解答 实现要点 空数组项也会作为 length 的一部分;空数组项和空字符串项是有区别的。 第 2 题,本题只是过滤空数组项,不包括 null, undefined 这类。 去除空数组项两个比较好的回答: 数组中的 empty 元素不会参与数组项遍历,故只需返回 true 即可过滤掉 empty 元素(而不会牵连 0、NaN、null、undefined、” 这些)arr.filter(it => true)。然后补充,但是走 for… »

0%