- 博客(6)
- 收藏
- 关注
RSS订阅翻译 关于img标签加载图片失败优化以及懒加载。
这篇博客算是完全的笔记了，记录一下平常中不怎么注意的img标签的一些事。昨天看到这篇Handling broken images with the service worker文章，这文章中有另外提到用伪元素处理加载图片失败的样式问题。当图片加载失败的时候，并不是手足无绰的对着丑陋的发呆，尽管有alt属性可以做个解释，但我更觉得是丑上加丑。因为img是个可替换元素，先来回顾一下什么是可替换元素...
2018-12-23 15:42:48
4705
原创 除了console.log之外的一些console函数方法。
今天早晨看见了Beyond console.log()这篇文章，以下大多数例子也是来自这篇文章，在之前也是有知道一些除了log之外的方法，但是看完这篇文章感觉又被开启了一道大门。真的敬佩js这门语言的高深，当第一次出来找工作的时候我以为我算是迈入了它的大门，可是最近我老是在别的地方被它重重的打击一次又一次，真的羞愧。console.log()：我们都有使用过这个，个人习惯用这个打印的数据...
2018-12-22 12:18:34
1079
原创 笔记：CSS Scroll Snap
之前在订阅的周报中看过这个属性，觉得还挺神奇的，当时看着觉得挺好记的便没有写个笔记来记录，过了很久回头看发现忘的差不多了，想想还是写一下便于自己回顾。Scroll Snap定义：在元素滚动停止时，可以自动滚动停止在指定元素的指定位置。也就是说，比如：当你想滚动到第三张图片的时候，发现滚多了，显示区域漏出了第四张图片顶部部分，那么这时候Scroll Snap就会自动帮你调整，把第四张多余部分挤出...
2018-12-09 10:30:47
920
原创 关于生成器和迭代器的一些说明
在介绍生成器之前，迭代器的一些知识是与生成器相互关联的。生成器官方的定义是：一种返回迭代器的函数，通过function关键字后的星号（*）来表示，函数中通常会用到新的关键在yield。NOTE：不能用箭头函数来创建生成器。举个官方的例子：function *createIterator(){ yield 1;}因为本质上来讲，生成器终究是一个函数，所以其调用的方式和普通函数调用...
2018-11-18 15:48:01
208
原创 css网格布局Grid
记录一下grid布局的应用，因为在日常工作中，运用element-ui的关系，导致grid布局并不是运用特别多，本身这类ui就已经在实现上运用到了，但是还是需要知道如何使用。 <div class="par-grid"> <div class="child-grid"></div> <div class="child-grid"&am
2018-11-03 21:58:40
728
原创 关于数组的一些课外小知识
最近在看你不知道的js中，发现了一些很有意思的课外知识。大家都知道新建一个数组，无非就是用[]以及使用构造函数的方式。在红宝书中也有提及应该尽量避免使用构造函数，除非十分必要，注意这一点。为什么这么说呢，因为使用构造函数来创建数组经常会产生意想不到的结果。 var a = new Array(1,2,3); // a = [1,2,3] 这是大家都知道，也是很明确的一种写法，写到这顺带提...
2018-07-22 15:39:27
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人