05 2016 档案

添加事件及Event对象的兼容写法
摘要:一、事件流 事件流描述的是从页面中接受事件的顺序。 IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流 1、事件冒泡 事件冒泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不具体的节点(文档)。 2、事件捕获 事件捕获的思想是不太具体的节点应该更 阅读全文

posted @ 2016-05-27 17:33 ranyonsue 阅读(871) 评论(0) 推荐(0) 编辑

Flex布局教程及属性速查
摘要:一、Flex布局介绍 伸缩盒模型(flexbox)是一个新的盒子模型,意为"弹性布局",用来为盒状模型提供最大的灵活性,主要优化了UI布局。Flexbox的功能主要包手:简单使用一个元素居中(包括水平垂直居中),可以让扩大和收缩元素来填充容器的可利用空间,可以改变源码顺序独立布局,以及还有其他的一些 阅读全文

posted @ 2016-05-27 11:22 ranyonsue 阅读(2280) 评论(0) 推荐(1) 编辑

JS客户端判断
摘要:<script language="javascript" type="text/javascript"> function browserDetection(){ var userAgent=window.navigator.userAgent.toLowerCase(); var browser 阅读全文

posted @ 2016-05-26 17:41 ranyonsue 阅读(465) 评论(0) 推荐(0) 编辑

常用Meta整理
摘要:标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他web 服务。 ——W3School 必要属性 可选属性 通用: <meta charset="utf-8"> 设置页面编码为UTF8,防止乱码,需 阅读全文

posted @ 2016-05-13 14:46 ranyonsue 阅读(254) 评论(0) 推荐(0) 编辑

flexslider.js和waypoints.js一起用时的巨坑
摘要:Flexslider has a callback API where you can execute functions after various actions:https://github.com/woothemes/FlexSlider/wiki/FlexSlider-Properties 阅读全文

posted @ 2016-05-11 15:03 ranyonsue 阅读(295) 评论(0) 推荐(0) 编辑

LESS简介
摘要:LESSCSS是一种动态样式语言,属于CSS预处理语言的一种,它使用类似CSS的语法,为CSS的赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护。 LESSCSS可以在多种语言、环境中使用,包括浏览器端、桌面客户端、服务端。 快速上手 LESSCSS的使用是很容易的,首先, 阅读全文

posted @ 2016-05-10 16:38 ranyonsue 阅读(438) 评论(0) 推荐(0) 编辑

LESS速查
摘要:注释 缓存式注释/*注释内容*/ 非缓存式注释//注释内容 变量 @nice-blue: #5B83AD; @light-blue: @nice-blue + #111; #header { color: @light-blue; } 混合 .bordered { border-top: dotte 阅读全文

posted @ 2016-05-10 16:37 ranyonsue 阅读(257) 评论(0) 推荐(0) 编辑

$(window).load(function() {})和$(document).ready(function(){})的区别
摘要:JavaScript 中的以下代码 : Window.onload = function (){// 代码 } 等价于 Jquery 代码如下: $(window).load(function (){// 代码 }); $(function(){})等价于 $(document).ready(fun 阅读全文

posted @ 2016-05-09 17:50 ranyonsue 阅读(576) 评论(0) 推荐(0) 编辑

CSS中单位px和em,rem的区别
摘要:PX特点: 1 IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位; 3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。 px像素(Pixel)。相对长度单位。像素px是相对于显示器屏 阅读全文

posted @ 2016-05-05 15:25 ranyonsue 阅读(334) 评论(0) 推荐(0) 编辑

父元素与子元素之间的margin-top问题
摘要:父元素的盒子包含一个子元素盒子,给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值,而子元素和父元素的边距则没有发生变化。 html代码: <div class="box1"> <div class="box2"></div> </div> css样式: . 阅读全文

posted @ 2016-05-05 14:31 ranyonsue 阅读(7562) 评论(0) 推荐(3) 编辑

导航