自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 资源 (2)
  • 收藏
  • 关注

原创 js获取子节点、父节点、兄弟节点的不同方式及不同方式之间的差别

开始之前,必须要说 还不是因为自己写个小demo的时候坑了自己一把,忽略了previousSibling和previousElementSibling的区别,所以特此对获取各种亲人节点做一下总结一、js获取子节点1、直接动过DOM元素获取直接节点    如:var aLi=document.getElementById("#test").getElementsByTagName("li");2、通...

2018-04-13 23:37:45 1060

原创 项目中遇到的position:fixed;无效问题

今天入了个小坑,底部元素设置position:fixed;没有效果的问题,查了很久才发现原来原因。如果一个元素设置了position:fixed;其父元素设置了tansform属性的话,不管是scale()、rotate()、还是translate(),其fixed值都会失效,直接会使position:fixed;变成position:absolute;的效果。所以,我们fixed的元素的父级有t...

2018-04-11 19:46:00 7158 1

原创 浅谈下js事件处理机制

    事件处理机制无非就是分两个阶段,第一个阶段是:事件捕获过程,第二个是:事件冒泡过程    如图:    当我们点击某个节点时,实际上实现点击document这样一直往下每个节点都执行一遍,直到最后一个元素执行完,并不会在当前点击的节点停下,如果当前节点还有子节点那它的子节点也会执行,当最后一个节点执行完成之后就会像图中一样向冒泡一样传递到document。addEventListener(...

2018-04-11 12:49:25 363

原创 mouseover和mouseenter的区别

一、mouseover和mouseenter分别对应的哪两个事件    mouseover---------mouseout    mouseenter---------mouseleave二、mouseover和mouseenter的区别    1、mouseover和mouseout会有事件冒泡,也就是说鼠标移入、移出当前元素的子元素或父元素时都会触发该事件。    2、mouseenter和...

2018-04-09 09:49:18 518

原创 css设置height:100%,用js获取不到高度值问题

工作中用到的amaze ui的popup中的heigh:100%;在项目中我需要获取大屏popup的高的具体的像素值,然而我要说的是,总共有两点:一、用纯js获取obj.style.height、obg.innerHeight和obj.offsetHeight获取,    console的值是undefind2、使用window.getComputedStyle(obj)或者obj.current...

2018-04-06 12:47:11 2900

原创 outline:none;和outline:medium;去掉input边框蓝色边框线完全没效果原因

我用outline:none;和outline:medium;都用过去掉input边框蓝色边框线,但是完全没效果,后来才知道    我用的amaze ui框架,amaze ui框架的outline是自己模拟的    这是被人截的amaze ui框架的css截图,原因是有box-shadow造成的而我用的amazeui渲染的页面的css是这样的显然没有box-shadow的属性,其他地方呢也没有,但...

2018-03-21 11:08:42 4151

翻译 img出现莫名的margin问题

    之前写项目的时候图片小面总是会出现3px的margin,之后再网上搜了一下才知道其原理及解决方法。    原理是:图片底部的空隙实际上涉及行内元素的布局模型,图片默认的垂直对齐方式是基线,而基线的位置是与字体相关的,所以图片底部的空隙有时是2px 3px或者更多,不同的font-size应该也会影响到空隙的大小,不同的浏览器也会对空隙的大小造成影响,在ff下为3px,IE6更多,而IE8刚...

2018-02-27 17:39:31 1277

原创 定时器—深层次看待定时器区别

    setInterval是排队执行的,假如间隔时间是1s,而执行程序的时间是2s,上次没有执行完的代码会排队,上一次执行完下一次的会马上执行,这样实际执行间隔时间为2s。    setTimeout延迟1s执行,如果要执行的代码需要2s来执行,那么这段代码上次与下次的执行时间为3s。...

2018-02-27 17:11:41 336

markdownpad2和相关密钥

MarkdownPad 2是一款不错的Markdown编辑器,具备所有Markdown的基本语法外支持一些特别的扩展,比如表格等。可以帮助你快速的将文本转换为美观的HTML/XHTML的网页格式代码!软件操作简单容易,上手很快。可让你可以即时预览转换后的样式的同时,又不会加入Office特有的编版码, 有需要朋友可以进行尝试

2018-03-28

Sublime3 下载、安装及快捷键

sublime text3 的安装 ,插件安装卸载及各种快捷键使用

2018-03-28

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除