在JavaScript的async function里应该如何throw errors

什么是 async function呢?按照[MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function)的解释,这是一种通过Promise来是书写异步调用更清晰的方式。 `async`关键字表示出一个function是不是async function,使得这个function总是会执行Promise的`resolved`或者`rejected`。就是说即使我们在async function里throw errors,外部也捕获不到,而只会执行`rejected`部分的代码。

Continue Reading

使用CSS变量,或者叫CSS定制属性

这几年随着iOS和Android设备的发展,WEB技术发展也真是挺快的。连万年不变的的CSS也是新概念频出。关于布局的Flex和Grid自不必说,连变量这种CSS预处理语言的关键部件,也直接原生支持了。而且主流的浏览器还都支持的不错,算上换了webkit内核和IE,基本上都不用太过虑浏览器兼容性问题了。

Continue Reading

CSS基础:position对z-index的影响

这两天回顾CSS,发现自己对CSS的细节还是很模糊的。碰到一个这样的场景,div.bg与div.main并列,设置了div.bg的position为fixed,加上背景色和透明度,作为区域div.item的背景。结果在div.bg变成透明的同时,div.main没有显示在背景上,反而像是也变透明了,跟div.bg混在了一起。当给div.main加上`position:relative`后,既可以正常显示在div.bg之上了。

Continue Reading

什么是JavaScript generator

JavaScript是单线程的,程序写到哪里执行到哪里。如果一个function里循环,不释放线程的计算时间,就会造成浏览器用户界面的冻结。下面一段代码展示,在foo循环执行时,在没有执行完循环之前,timer不会触发,虽然timer只设置了1毫秒。

Continue Reading

End of content

No more pages to load