06 2019 档案

摘要:做了刚新网站 姜瑞涛的官方网站 先看下面的代码,思考一下输出 在浏览器是分别输出Error: 3(正常打印出错误实例,未报错)和 Uncaught Error: 5(一个未捕获错误) 然后思考为何第二块代码未捕获到错误。自己目前的思考是try和catch是在当前调用栈里,遇到setTimeout的时 阅读全文
posted @ 2019-06-19 12:54 姜瑞涛 阅读(5374) 评论(1) 推荐(3)
摘要:之前在几个CSS布局问题中,举了上下固定,中间自适应布局的例子,当时的例子父级元素的宽高都给定了,其实并不是个好例子,既然要自适应,父级元素就应该跟着页面大小变化,从而中间子元素也自适应。3种方法,其实是2种,因为是针对body,所以用fixed可以直接替换absolute来用。注意同时给html和 阅读全文
posted @ 2019-06-18 22:32 姜瑞涛 阅读(180) 评论(0) 推荐(0)
摘要:nth-of-type这个CSS3伪类还从来没有用过,今天好好研究一番,发现还是有用的。现在下面的Demo 显示结果如下 可见,p:nth-of-type(1)是取父元素下的p这种类型的第一个,p前面可能会有其它类型的元素;而p:nth-child(1)是父元素的第一个元素,且该元素必须是p。可以参 阅读全文
posted @ 2019-06-17 18:45 姜瑞涛 阅读(182) 评论(0) 推荐(0)
摘要:以标准的DOM2级事件为例,第二个参数是一个函数,咱们改成bind,看看之后的this是啥。 分别点击这两个元素后,结果如下图 可以看到,初次用bind改变this后,原始DOM2级的事件里获取的this已经不指向调用者的DOM了,这也和我在github记录的一致。 阅读全文
posted @ 2019-06-17 09:51 姜瑞涛 阅读(237) 评论(0) 推荐(0)
摘要:一个选择是用CSS3的多列columns,可以参考这篇文章。但这篇文章给的例子并不怎么好理解,我做了一些更改,在每个元素上加了序号。可以看到,多列布局是在每一列上依次排列元素的,第一列排完才开始排第二列,因为这里规定了4列,会尽量把元素数量均分到每一列。 另外一种方式是使用flex,可以参考这篇文章 阅读全文
posted @ 2019-06-14 09:56 姜瑞涛 阅读(182) 评论(0) 推荐(0)
摘要:先看一段代码,猜猜输出结果 无论stopPropagation函数里是否反注释return,结果顺序都是1 2 3 4。为什么会这样,与捕获和冒泡的关系呢?先说结论,直接点击同一个DOM,是处于目标阶段了,和捕获与冒泡无关了。可以看看这篇文章 你真的理解事件冒泡和事件捕获吗? 后面有三个问题,尤其是 阅读全文
posted @ 2019-06-12 13:31 姜瑞涛 阅读(138) 评论(0) 推荐(0)
该文被密码保护。
posted @ 2019-06-04 09:33 姜瑞涛 阅读(107) 评论(0) 推荐(0)