朝花夕拾:CSS居中完全指南

2017-11-07
阅读 4 分钟
2k
CSS居中是常被开发者抱怨的问题之一。Why dose it have to be so hard?? They jeer. 我认为问题不在于它实现起来有多难,而是有太多能够实现它的方法。在不同的情景下,如何去选择,才是真正困惑我们的地方。

带型带秀专题之 Lazy Load (三)

2017-11-02
阅读 5 分钟
2.3k
说实话,这才是我最感兴趣的内容。那么实现一个lazyload,应该怎样判断图片与浏览器可见区域的相对位置呢,现在以$.belowthefold方法为例,看一下其实现方式:

带型带秀专题之 Lazy Load (二)

2017-11-02
阅读 11 分钟
3.1k
参考文章:jQuery.lazyload使用及源码分析 关于 jQuery lazyload 插件的基本介绍和使用请看上一篇文章。(水水一章啦-。-) Overview 让我们先从整体上看看代码的结构: {代码...} 可以看一下注释,就不多做解释了。 选项 在上一节可以看到,使用lazyload最简单的方法像这样: {代码...} 复杂一点的,我们可以传入一个选...

带型带秀专题之 Lazy Load (一)

2017-11-02
阅读 3 分钟
2.8k
今天开始带型带秀专题 -- Lazy Load。先从使用比较广泛的 jQuery Lazy Load 插件开始,逐步深入。该插件已经开发到了第二版,有兴趣的同学可以去看一看。专题第二节会深入到源码。

Gulp 入门指南

2017-10-29
阅读 6 分钟
2.7k
前端的世界越来越丰富,各种新鲜工具层出不穷。然而,人生却还是越来越寂寞。年纪越小的时候,越容易交到朋友,或者说越容易玩到一起。到了现在,往往是路不同不相谋,表面酒肉知己。如今webpack可以说是非常火热的构建工具,gulp的许多功能它都可以完成。不过,还是有很多场景使用Gulp即可完成。所以,技术要选合适的,...

Sass

2017-05-24
阅读 2 分钟
1.8k
Sass Sass用法指南 - 阮一峰 官方文档 安装 安装ruby gem install sass 编译选项 {代码...} 变量 {代码...} 计算 {代码...} 嵌套 {代码...} {代码...} {代码...} {代码...} 注释 /* comment */ // comment {代码...} 继承 {代码...} {代码...} Mixin 可重用代码块。 {代码...} {代码...} 指定参数和缺省值: {代码...} {...

Resource Timing API 文档翻译(未完)

2017-05-09
阅读 29 分钟
11.5k
原文链接: Resource Timing Level 1 Resource Timing Level 1 W3C Candidate Recommendation 30 March 2017 This version: [链接] Latest published version: [链接] Latest editor's draft: [链接] Implementation report: [链接] Previous version: [链接] Editors: Arvind Jain, Google Inc., arvind@google.com (Un...

A: 如何实现 Lazy Load?

2017-03-27
阅读 4 分钟
6k
Lazy Load is delays loading of images in long web pages. Images outside of viewport are not loaded until user scrolls to them. This is opposite of image preloading. Using Lazy Load on long web pages will make the page load faster. In some cases it can also help to reduce server load.

比较call( ) apply( ) bind( )

2017-03-24
阅读 3 分钟
2.1k
call()和apply()的第一个实参是要调用函数的母对象,它是调用上下文,在函数体内通过this来获得对它的引用。简单来说就是把一个方法绑定到一个对象上去调用: