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)
