这是实习期间对自己碰到的一些小技巧进行整理
Vue的href动态拼接绑定
1 | <template slot-scope="scope"> |
注意点:href前面要加“:”或者v-bind:
字符串要用单引号“ ‘’ ”包住
加上了冒号是为了动态绑定数据,等号后面可以写变量。
如果不使用冒号,等号后面就可以写字符串等原始类型数据。这是就无法进行动态绑定数据了
字符串太长用“…”点开查看更多
1 | <template slot-scope="scope"> |
postcss.config.js 作用&配置
- 给postcss用的
- postcss 是帮我们后处理css ,css已经编译完成了,在stylus-loader编译成css之后,在通过postcss优化css,通过一系列组件去优化,比如以下,通过autoprefixer 添加css前缀
1 | const autoprefixer = require('autoprefixer') |
Vue 使用Scss预处理Css,在使用深度作用选择器修改局部ui默认样式时,/deep/报错不生效
深度作用选择器有>>>和别名/deep/
>>>基本在纯css中使用,类似Sass,less的Css预编译器一般都用/deep/。
出现的问题
最近在写项目的时候(使用eslint-standard代码校验),我用Sass(dart-Sass)使用/deep/修改局部默认ui样式的时候,发现终端报错,并指明是/deep/这块的错误。报错如下
!
无奈我只好另起一个style去写纯Css去修改默认ui样式。
之后经过一番查找,了解到现在可以使用::v-deep去代替/deep/
1 | ::v-deep .el-scrollbar__wrap { |
如此,成功修改默认ui样式,类名前缀成功添加!
vue-cli3项目解决npm run dev在浏览器打开两次的问题
- 删掉vue.config.js文件里面devServer下面的 open:true
- 在package.json文件 scripts对象 dev键后面加 –open,(”dev”: “vue-cli-service serve –open”)
- ok 重新运行npm run dev (修改配置文件后要重新启动项目修改才会生效)
jenkins的时间格式
Jenkins
时间表使用的UNIX知名的Cron
语法
Cron语法包括以空格分隔的五个字段,示意如下:
1 | * * * * * |
值的范围表示方法
1 | * 9-17 * * * 表示每天上午9点和下午17点之间的每一分钟 |
间隔的时间表示方法
1 | H/2 * * * * 表示每隔2分钟 |
- 本文作者: Raphael_Li
- 本文链接: https://lifei-2019.github.io/interview4/
- 版权声明: 本博客所有文章除特别声明外,均采用 Apache License 2.0 许可协议。转载请注明出处!