
通常图片加载错误的回退方式都是通过监听img标签中的onerror事件,通过js来完成。但有时候某些特殊情况,需要用背景图片来代替img,这时候onerror就没有任何用处了。 其实我的想法很简单,如果一个背景图片加载不出来了,我就显示另一个背景图片就行了。所以,在同一个div上准备两个背景图不就行了。这个时候伪元素就很有用了。 .bg { background-image:
通常图片加载错误的回退方式都是通过监听img标签中的onerror事件,通过js来完成。但有时候某些特殊情况,需要用背景图片来代替img,这时候onerror就没有任何用处了。 其实我的想法很简单,如果一个背景图片加载不出来了,我就显示另一个背景图片就行了。所以,在同一个div上准备两个背景图不就行了。这个时候伪元素就很有用了。 .bg { background-image:
最开始由于对z-index和层叠上下文不理解,导致在项目中使用某些属性时出现了问题。现在来总结一下z-index和层叠上下文的一些东西 层叠上下文 层叠上下文是一个三维概念。想象一下HTML元素是在屏幕上一层一层铺起来的,最上面的一层会被优先看到,下面的层会被上面的挡住 生成层叠上下文的条件: 根元素 position:
定位与z-index 说起position这个东西,就不得不说z-index 属性, 说起z-index就不得不说层叠上下文 嗯……好复杂 参考 http://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/ https:
在写vue-music的时候,希望把song-list组件做成向qq音乐那样,背景颜色根据歌单封面变化。 使用canvas 的getImageData可以获取到图片的数据,包括rgba 但是canvas 存在跨域问题。因此服务器端需要设置响应头,并且客户端设置image.crossOrigin = ‘anonymous’ 实现方式如下:
前段时间学习vue的时候做了一个music webapp;对遇到的兼容性问题做一个总结 特性/兼容性 UC QQ Chrome WebView QQ内建 微信内建 filter:
第 3 章 基本概念 typeof 的返回值有undefined, boolean, string, number, object, function 对未初始化的变量执行 typeof 操作符会返回 undefined 值,而对未声明的变量执行 typeof 操作符同样也会返回 undefined 值 Number.MIN_VALUE 中——在大多数浏览器中,这个值是 5e-324;能够表示的最 […]
有时候希望textarea 能够自动调整高度来适应输入的内容 网上看到了很多解决方案,比如动态创建一个隐藏的div,当用户输入的时候将textarea的内容绑定到div,由于div的高度会自动撑开,因此可以动态检测div的高度,然后将div的高度复制给textarea。
generator 不同于普通的函数,执行方式有区别 第一个fooObj.next() 返回Object {value: 1, done: false}此时fooObj指针指向的是yield 1(第一个yield) 第二次运行fooObj.next(), 指针指向console.log(yield)中的yield即第二个yeild,此时函数返回Object {value: