吃糖牙疼的博客

当 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素；使用 scoped 后，父组件的样式将不会渗透到子组件中。不过一个子组件的根节点会同时受其父组件的 scoped CSS 和子组件的 scoped CSS 的影响。 1.混用本地和全局样式 <style> /* 全局样式 */ </style> <style scoped> /* 本地样式 */ </style> 2.深度作用选择器（样式穿透） vue2

html2canvas 截图table的问题

vue 打包 本地和线上样式不一样 1、样式顺序错乱： 将 样式 集中存放，而且要放在 类库 状态等文件引入的上方 这样打包出来的样式顺序才会是我们想要的样式顺序 2、某个组件的样式影响了全局：在那个组件样式文件中加 scoped 3、样式代码被覆盖： F12看到原本的样式上都有一条黑色的线，如下，上面的代码覆盖了原本的样式，找到上面文件的设置并修改后，果然再运行就正常了 多个相同样式文件同时存在项目中，要删除多余的； ...

在iview中修改placeholder样式时，需要在元素前加上/deep/，否则不生效 /deep/ input::-webkit-input-placeholder { /* WebKit browsers */ font-size:12px; } /deep/ input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size:12px; } /deep/ input::-moz-placeholder { /* M

移动端px、rem兼容适配和转换 这是按照720的大小做的适配，计算公式为：(document.documentElement.clientWidth / 设计图大小) * 100 //手机端的适配 document.addEventListener("DOMContentLoaded", function () { document.getElementsByTagName("html"...

从后台获取的图片地址，如果网络不好或者图片地址有误，页面加载不出来图片会影响用户体验，所以需要在设置一下图片加载失败时的展示路径 <img style="width:15%;" :src="xxx" :onerror="defaultSrc"> export default { data(){ return{ defaultSrc:'this.sr...

Vue中 px自动 转换为 rem

Canvas和SVG的区别 Canvas是html5提供的新元素，SVG 是用xml技术（超文本扩展语言，可以自定义标签或属性）描述二维图形的语言，它们都允许在浏览器中创建图形，但是根本上是不同的。 Canvas Canvas是通过 JavaScript 来绘制 2D 图形 Canvas是逐像素进行渲染的 在 Canvas中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，...

标题直接给video标签设置宽高并不起效，需要再添加一个css属性 video{ object-fit:fill; } 详细介绍可参考 object-fit （image,video）自适应