【前端小技巧】记录开发中运用到的小技巧

HTML

CSS

  1. 给div元素添加display: inline-block;可以让div的宽度随内容的增减而增减;
  2. 项目中样式使用了scoped之后,对组件库的样式修改不起作用?可以使用>>>or/deep/,vue中还可以使用::v-deep
    注意:
    1) 在Sass等编辑器中,使用>>>可能会编译不了,因此可以使用后两者。
    2) 上述选择器应在第一层级中声明,比如要设置el-table(第一层级)中的el-tag-label(更深层级)的样式,应该如下进行设置:
		/deep/ .el-table .el-tag-label {
			font-size: 12px;
		}

JS

  1. 设置JSON.stringify的第三个参数(缩进空格数),可以轻松将JSON数据转化为带缩进的JSON字符串格式。

你可能感兴趣的:(助攻类)