自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(6)
  • 问答 (2)
  • 收藏
  • 关注

转载 offsetTop,offsetHeight,scrollHeight,scrollTop的区别

假设 obj 为某个 HTML 控件。obj.offsetTop 指 obj 距离上方或上层控件的位置,整型,单位像素。obj.offsetHeight 指 obj 控件自身的高度,整型,单位像素。offsetTop 可以获得 HTML 元素距离上方或外层元素的位置,style.top 也是可以的,二者的区别是:一、offsetTop 返回的是数字,而 style.top 返回的是字符串,除了

2017-02-23 10:10:54 484

原创 js脚本性能优化

脚本会对web应用的整体性能造成影响。为保证应用流畅的运行,在为文档编写和应用脚本时,需要注意一些问题。1.尽量少访问DOM和尽量减少标记 不管什么时候,只要是查询DOM中的某些元素,浏览器都会搜索整个DOM树,从中查找可能匹配的元素。 例如:document.getElementsByTagName("a"),每执行一次就会遍历一遍DOM树,如果执行多次的话,就会遍历多遍DOM树。所以

2017-02-19 16:49:21 440

原创 平稳退化(优雅降级)和渐进增强

平稳退化: 如果正确地使用了JavaScript脚本,就可以让访问者在他们的浏览器不支持JavaScript的情况下仍能顺利地浏览你的网站。这就是所谓的平稳退化。就是说,虽然某些功能无法使用,但最基本的操作仍能顺利完成。平稳退化的作用: 1.访问者禁用了图像和JavaScript时,页面可以完成功能 2.搜索引擎的搜索机器人少有可以理解JavaScript代码的,如果你

2017-02-13 18:15:24 638

转载 css3 transform

CSS3 transform是什么?transform的含义是:改变,使…变形;转换CSS3 transform都有哪些常用属性?transform的属性包括:rotate() / skew() / scale() / translate() ,分别还有x、y之分,比如:rotatex() 和 rotatey() ,以此类推。下面我们来分解各个属性的用法:transform:rotate():含义:

2017-02-02 21:50:50 219

原创 应用background-position实现css视差效果

我们知道background-position的取值可以是关键字、像素或百分比等,但不可以将像素或百分比等单位与关键字混合使用,这样可能会导致css失效。尤其要说的一点是,如果应用百分比的话,background-position: 0, 20%; ,这个20%是图片上距离左上角的20%的点,定位到父元素上距离左上角20%的位置。 正是因为这个特性,我们才可以做一些特别的效果。比如说一有一个个网站

2017-02-02 20:53:31 1030

原创 用大盒子套更大的盒子解决问题

在解决问题的时候可能会有这样的情况:一个大盒子里面放很多小盒子,这些小盒子大小相同,一排可以放好几个小盒子,但又不能刚刚好放下。比如说京东的项目: 仔细看我们会发现每一排最后一个小盒子都比前面的窄一些,最下面一排的盒子都比上面的短一些,但我们又不可能为这些盒子单独设置样式,这样麻烦也不利于维护,所以我们只好为小盒子设置统一样式。 最原始的情况类似于下面这种情况。 但怎么使多出来的小盒子

2017-02-02 19:10:18 2798

空空如也

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

TA关注的人

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