1、# [怎样用PS将视频导出转成GIF动画](https://jingyan.baidu.com/article/a681b0de5b43db3b184346ff.html) 2、#[CSS带箭头的提示框实现](https://blog.csdn.net/qq_26460841/article/details/105368282) 3、如何修改placeholder样式 >input ::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ input:-moz-placeholder{} /* Firefox版本4-18 */ input::-moz-placeholder{} /* Firefox版本19+ */ input:-ms-input-placeholder{} /* IE浏览器 */ 4、# [vs code 自动补全css浏览器兼容前缀](https://www.jb51.net/article/188290.htm) >https://www.jianshu.com/p/9fe6b954e653 5、css多行超出时，超出高度，显示省略号 >display: -webkit-box; >-webkit-box-orient: vertical; > -webkit-line-clamp: 2; >overflow: hidden; 6、# [console 输出有背景色的语句](http://www.alloyteam.com/2013/11/console-log) ~~~ console.log([ " %c陈总牛逼%c陈总保佑%c ", " _ooOoo_", " o8888888o", " 88\" . \"88", " (| -_- |)", " O\\ = /O", " ____/`---'\\____", " .' \\\\| |// `.", " / \\\\||| : |||// \\", " / _||||| -:- |||||- \\", " | | \\\\\\ - /// | |", " | \\_| ''\\---/'' | |", " \\ .-\\__ `-` ___/-. /", " ___`. .' /--.--\\ `. . __", " .\"\" '< `.___\\_<|>_/___.' >'\"\".", " | | : `- \\`.;`\\ _ /`;.`/ - ` : | |", " \\ \\ `-. \\_ __\\ /__ _/ .-` / /", "======`-.____`-.___\\_____/___.-`____.-'======", " `=---='", "^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^", ].join('\n'), 'background:#030307;color:#F3D99F;padding:4px;', 'background:#FADFA3;color:#514B3E;padding:4px;',''); ~~~ 7、# bootstarp栅格布局的四种大小xs，sm，md，lg详解 >col-lg-*  一般用于大屏设备（min-width：1200px） col-md-*  一般用于中屏设备（min-width：992px） col-sm-*  一般用于小屏设备（min-width：768px） col-xs  -*用于超小型设备（max-width：768px） 8、# [sass、less中的scoped属性](https://www.cnblogs.com/wenxuehai/p/11611960.html) 9、# [修改element ui的样式，如何使用/deep/ 或::v-deep](https://blog.csdn.net/ZMJ_QQ/article/details/120703859)