摘要: 以下仅为个人理解: 前言 不管是新手还是老手,在做移动端布局时页面头部都会引入这句话<mate name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, 阅读全文
posted @ 2017-08-10 08:40 yannanyan 阅读(221) 评论(0) 推荐(0) 编辑
摘要: 在做项目时,想要达到页脚固定在页面底部显示,也就是当页面主体高度在浏览器高度范围内时页脚靠浏览器底部,超出浏览器高度时页脚在页面主体下方,相当于在高度上的自适应。乍看似乎很简单,固定在底部,用fixed定位就好啦,但是页面一屏显示不下时,页脚会遮挡页面内容。看到公司很多之前的页面,大屏幕下页脚都是悬... 阅读全文
posted @ 2016-01-13 12:05 yannanyan 阅读(2924) 评论(0) 推荐(0) 编辑
摘要: 有这样一个用css实现圆角tab的问题,最主要的问题就是双圆角的问题。首先将这个图形分解,一个矩形加上左右对称的不规则图形,接下来就简单了,实现一个带圆角的矩形(主要元素),另外两个不规则图形是一个小矩形分别去掉一个圆角(次要要素)。用3个html元素标签分别作出相应图形拼接,问题就解决了。那么如果... 阅读全文
posted @ 2016-01-11 17:17 yannanyan 阅读(2015) 评论(0) 推荐(2) 编辑
摘要: var EventUtil = { addHandler: function(element, type, handler) { element.addEventListener ? element.addEventListener(type, handler, false) :... 阅读全文
posted @ 2015-12-23 16:19 yannanyan 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 3、事件对象在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。包含导致事件的元素、事件的类型以及其他与特定事件相关的信息。所有的浏览器都支持event对象,但支持的方式不同。event对象本身就是一个构造函数,可以用来生成新的实例。event = new... 阅读全文
posted @ 2015-12-23 11:49 yannanyan 阅读(279) 评论(0) 推荐(0) 编辑
摘要: 2、事件流事件流描述的是从页面接受事件的顺序,DOM2事件流包括三个阶段:事件捕获阶段、处于目标阶段和事件冒泡阶段。第一阶段:事件捕获阶段,从window对象传导到目标节点。第二阶段:处于目标阶段,在目标节点上触发第三阶段:事件冒泡阶段,从目标节点传回window对象用户在点击网页时,浏览器总是默认... 阅读全文
posted @ 2015-12-17 15:52 yannanyan 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 事件是一种异步的编程实现方式,本质是各个组成部分之间传递特定消息。 1、EventTarget接口 DOM的事件操作(监听和触发),都定义在EventTarget接口。ie8+浏览器下有三个方法,addEventListener(绑定监听函数)、removeEventListener(移除监听函... 阅读全文
posted @ 2015-12-16 17:30 yannanyan 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 一直都想搞个博客耍耍,然而一直在拖着,我这拖延症也是没救了。。。。 随便写写,有技术,有扯淡,有感悟。 一步一个脚印 阅读全文
posted @ 2015-12-16 16:31 yannanyan 阅读(98) 评论(0) 推荐(0) 编辑