摘要:
一、和window有关的宽高 window.innerWidth:浏览器窗口宽度 window.innerHeight:浏览器窗口高度(不包括导航,工具栏等的高度) window.outerWidth:浏览器窗口宽度(很多时候 window.innerWidth) window.outerHeigh 阅读全文
摘要:
转载自自己在牛人部落中的相关文章 在前端css定位中经常面对的一个问题是,百分比定位究竟是针对于谁定位? 一、margin,padding的百分比 首先从css的设计意图说起,在浏览器默认的 writing-mode: horizontal-tb; 和 direction: ltr; 的情况下,因为 阅读全文
摘要:
****转载自自己发表于牛人部落专栏的文章**** 一、前言 本文记录了自己利用原生javascript构建自己的动画库的过程,在不断改进的过程中,实现以下动画效果: 针对同一个dom元素上相继发生的动画,针对以下功能,尝试实现方案,(从一个元素向多个元素的拓展并不难,这里不做深入探究): 功能1. 阅读全文
摘要:
一、css部分 1.如何实现sticky footer布局; http://www.open-open.com/lib/view/open1487572092207.html 2.、如何实现一行文本太多的时候适用省略号 3、如何实现背景图片的滤镜和模糊效果 可以给背景设置为透明度,来实现滤镜 同时添 阅读全文
摘要:
一、使用label标签自定义checkbox,radio http://www.cnblogs.com/chaoyuehedy/p/5586735.html 一、vue源代码剖析 https://segmentfault.com/a/1190000006599500 三、前端面试题目集锦 https 阅读全文
摘要:
为了将值转换为基本类型值(string,number,boolean,null,undefined),抽象操作ToPrimitive会首先检查该值有没有valueOf()方法,如果有并且返回基本类型值,那么使用该值进行强制类型转换,如果没有就使用toString()的返回值进行强制类型转换。如果va 阅读全文
摘要:
在实际开发中,很多时候需要知道某个节点是不是另一个节点的后代。很多浏览器提供了contains方法,如: DOM3提供的compareDocumentPosition方法也可以判断元素位置关系,结果如下: 1 无关 2 居前 4 居后 8 包含 16 被包含 因此跨浏览器的contains写法如下: 阅读全文
摘要:
表单元素除了可以运用上述所有DOM相关操作外,为了简化,还有一系列自己的属性和方法。 表单除了支持鼠标,键盘,更改和html时间之外,还支持一些表单特有的事件,如focus,change,blur等等。 一、form表单元素 1.获取表单上的form元素 1)document.getElementB 阅读全文
摘要:
浏览器对象模型BOM,提供了访问浏览器的接口。这些功能大多和网页内容无关,多年来,由于缺乏规范导致BOM中的不同方法在不同浏览器中的实现有所差异,直到html5,才将BOM的主要方面纳入规范。 BOM常用的特性包括: 一、window对象 window对象在浏览器中具有双重角色:它既是ECMAscr 阅读全文
摘要:
javascript中,Date代表日期对象,其常见的用法如下: 一、Date的构造函数 有四种形式的Date构造函数,详见下面代码的注释: 二、返回日期对应的毫秒数 1.Date.parse() Date.parse()接收一个日期字符串,返回该日期对应的毫秒数。 2.Date.UTC() Dat 阅读全文