2016年05月_锅王

原创关于事件——event

1、绑定事件监听函数通常有三种方法①在HTML中定义元素的事件相关属性（不符合内容与行为分离原则）：按钮。。②在js中为元素的事件相关属性赋值（符合内容与行为分离，但是一个元素只能绑定一个时间监听函数）：btn.onclick=function(){...}document.body.onload=initData;function initData(){...}

2016-05-27 16:31:50 422

原创元素竖向的百分比设定是相对于容器的高度吗?

这是之前遇到过的一个面试题，经过一番验证，发现无论回答“是”or“否”不不太准确1、竖向百分比之 height .con{ width: 200px; height: 100px; background: gray; margin-left: 200px; } p{ background: cornflowerblu

2016-05-26 11:37:43 7841

原创关于HTML5新API————visibilityState

1、介绍visibilityState这是一个HTML5新提供的一个api，主要作用就是记录当前标签页在浏览器中的激活状态。所谓“激活状态”指的是当前标签是否正在被用户浏览。2、应用场景监控用户行为，当用户的视角不在当前页面时，暂停加载广告，幻灯片、停止加载视频、开始加载小动画等。减少对用户宽带的占用，减少服务器压力，节省用户内存，以及到达更好的播放效果。3、属性与事件HTML

2016-05-25 11:21:53 5148

原创实现垂直居中和 vertical-align

关于vertical：1、定义和用法vertical-align 属性设置该元素相对于所在行基线的垂直对齐方式。只对行内元素（a，span，img等）的基线相对于该元素所在行的基线的垂直对齐（允许负值）。2、实例列举①img标签的vertical-align: text-topimg标签的vertical-align: bot

2016-05-24 16:16:42 1233

原创事件捕获与事件冒泡

1、事件捕获与事件触发是两种不同的事件触发顺序。2、事件捕获事件触发时按照：目标元素（target）向顶级根元素的方向依次触发同类型事件。div -> body -> html -> document3、时间冒泡事件触发时按照：根元素（docunment）向目标元素（target）的方向依次触发同类型事件。document -> html -> body

2016-05-23 16:31:27 514

原创 Hbuilder实用技巧

1、文件追踪Q:怎么实现代码追踪？A:在编辑代码时经常会出现需要跳转到引用文件或者变量定义的地方，HBuilder提供了一个非常好用的代码追踪功能，只需要按住Alt+鼠标左键即可实现追踪。图示：2、Q:编辑器怎么实现分栏？A:HBuilder编辑器分栏功能可以实现左右分栏和上下分栏以及组合分栏。1、左右分栏实现：鼠标点着编辑器选项卡往最右边拖动到最小化按钮部分

2016-05-19 10:25:42 41366 1

原创图片和文字同行显示时的垂直对齐方式

最近发现当img和文字同行显示的时候，图片底部总是留有空隙。经查证原来是img的vertical-align默认值为baseline搞的鬼。1、vartical-align：baseline:2、vartical-align：text-bottom:

2016-05-18 11:04:45 2155

feng