240 发简信
IP属地:上海
  • CSS垂直居中的6种方法

    垂直居中一直是CSS布局中比较令人头疼的问题,相比于水平居中,垂直居中对于不同的元素类型需要采取截然不同的策略,因此常常会因为策略的误用导致无法成功居中。这篇文章总结了垂直居...

  • 理解块级格式上下文

    块级格式上下文(Block Formatting Context)是CSS中一个相对冷门的概念,以至于很多从事前端开发多年的程序员对它也不是很熟悉。网上有很多关于BFC的文章...

  • 120
    理解CSS中的浮动

    浮动(float)是CSS中一个重要的定位及布局属性,float 属性可以接受以下几个值: none :元素不浮动,默认值。 left :将元素浮动到容器左侧。 right:...

  • 前端布局之外边距塌陷问题

    块级元素的上下外边距有时候会合并,合并后的外边距等于合并前两个外边距中的较大值,这种现象称为外边距塌陷。 外边距塌陷有以下三种情况: 同级相邻元素 同级相邻元素之间的外边距会...

  • 使用CSS实现照片边缘模糊效果

    在网页设计中经常会用到边缘模糊的照片,这类照片由于边缘演变渐变,在压缩时很容易出现边缘锯齿化的问题,因此不得不采用较高质量的图片,导致网页体积的增大。事实上,使用CSS3的新...

  • 理解Javascript闭包

    什么是闭包 Closures are functions that have access to variables from another function's scop...

  • 响应式开发中的图片处理

    翻译自Peter LePage 一个网页中平均约60%的数据量是被图片占据的,所以在响应式开发中注重图片的优化可以很大程度上提高网页的性能,例如为低分辨率的屏幕推送低分辨率的...

  • 120
    个人网站绑定域名方法

    国外的GitHub和国内的oschina都支持使用Pages来托管静态页面,默认的域名是username.github.io或username.oschina.io,如果想绑...

  • 搜索引擎优化(SEO)技巧小结

    关于搜索引擎优化的方法一直众说纷纭,不同搜索引擎,不同国家的优化方法可能也不尽相同,本文总结了一些国外的搜索引擎优化方法,可操作性还是比较强的,权当参考。 可索引的内容 想要...

  • 120
    使用gulp进行图片优化

    之前文章已经提到,图片的压缩处理可以很大程度提高网页性能。在实际工程中,借助自动化工具可以很方便地实现图片的压缩,本文主要介绍gulp工作流下图片的压缩方法。 准备工作 使用...

  • 120
    图片优化学习小结

    图片在网页应用中的占据了大部分的下载数据并占据着页面的大部分可视空间,因此在图片的优化可以显著减少网页下载数据并提升网页性能。 图片的优化既是一门艺术同时也是一门科学。说它是...