通常图片加载错误的回退方式都是通过监听img标签中的onerror事件，通过js来完成。但有时候某些特殊情况，需要用背景图片来代替img,这时候onerror就没有任何用处了。 其实我的想法很简单，如果一个背景图片加载不出来了，我就显示另一个背景图片就行了。所以，在同一个div上准备两个背景图不就行了。这个时候伪元素就很有用了。 .bg { background-image: url(“./16.jpg”); width: 300px; height: 300px; background-size: cover; background-position:
最开始由于对z-index和层叠上下文不理解，导致在项目中使用某些属性时出现了问题。现在来总结一下z-index和层叠上下文的一些东西 层叠上下文 层叠上下文是一个三维概念。想象一下HTML元素是在屏幕上一层一层铺起来的，最上面的一层会被优先看到，下面的层会被上面的挡住 生成层叠上下文的条件： 根元素 position: relative 或者absolute，并且z-index不为auto position:
定位与z-index 说起position这个东西，就不得不说z-index 属性， 说起z-index就不得不说层叠上下文 嗯……好复杂 参考 http://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/ https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Understanding_z_index/The_stacking_context 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;能够表示的最大数值保存在Number.MAX_VALUE 中——在大多数浏览器中,这个值是 1.7976931348623157e+308 0 除以 0 才会返回 NaN,正数除以 0 返回 Infinity,负 […]
有时候希望textarea 能够自动调整高度来适应输入的内容 网上看到了很多解决方案，比如动态创建一个隐藏的div，当用户输入的时候将textarea的内容绑定到div，由于div的高度会自动撑开，因此可以动态检测div的高度，然后将div的高度复制给textarea。这个方法应该是兼容性较好而且比较稳健的办法，但实在太繁琐 还有一个解决办法就是动态将textarea的scrollHeight 复制给高度。
generator 不同于普通的函数，执行方式有区别 第一个fooObj.next() 返回Object {value: 1, done: false}此时fooObj指针指向的是yield 1(第一个yield) 第二次运行fooObj.next(), 指针指向console.log(yield)中的yield即第二个yeild,此时函数返回Object {value: undefined, done:
