![[礼物]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_124.83c188d.png)
奖品掘金鼠标垫大号一个![[庆祝]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_123.da47506.png)
，开奖时间：7月28号下午5点，参与方式，在本条沸点下任意评论、点赞。开奖后我会联系中奖的小伙伴，如果感觉年中总结写得还行，记得给我点赞加评论一波![[奸笑]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_17.bcebf79.png)
。
juejin.im
获得徽章 0
- 抽奖来啦！！！
![[礼物]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_124.83c188d.png)
奖品掘金鼠标垫大号一个![[庆祝]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_123.da47506.png)
，开奖时间：7月28号下午5点，参与方式，在本条沸点下任意评论、点赞。开奖后我会联系中奖的小伙伴，如果感觉年中总结写得还行，记得给我点赞加评论一波![[奸笑]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_17.bcebf79.png)
。 721439 - vscode如何优雅的拥抱stylelint
vue-admin-beautiful开源项目中用到了stylelint，通过写开源项目第一次了解到原来css的属性是有顺序的。stylelint自动化修复配置1.首先你需要在vscode商店下载stylelint-plus这个工具2.然后在设置setting.json进行如下配置{"[vue]": {"editor.defaultFormatter":"esbenp.prettier-vscode"},"editor.quickSuggestions": {"strings":true},"workbench.colorTheme":"One Monokai","editor.tabSize":2,"editor.detectIndentation":false,"emmet.triggerExpansionOnTab":true,"editor.formatOnSave":true,"javascript.format.enable":true,"stylelint.enable":true,"css.validate":false,"less.validate":false,"scss.validate":false,"stylelint.autoFixOnSave":true,"git.enableSmartCommit":true,"git.autofetch":true,"git.confirmSync":false,"[json]": {"editor.defaultFormatter":"esbenp.prettier-vscode"},"liveServer.settings.donotShowInfoMsg":true,"explorer.confirmDelete":false,"javascript.updateImportsOnFileMove.enabled":"always","typescript.updateImportsOnFileMove.enabled":"always","files.exclude": {"**/.idea":true},"editor.codeActionsOnSave": {"source.fixAll.eslint":true},"[javascript]": {"editor.defaultFormatter":"esbenp.prettier-vscode"},"[scss]": {"editor.defaultFormatter":"esbenp.prettier-vscode"},"[jsonc]": {"editor.defaultFormatter":"esbenp.prettier-vscode"},}复制代码3.项目根目录新建.stylelintrc.jsmodule.exports = {extends: ["stylelint-config-standard","stylelint-config-recess-order"],rules: {"at-rule-no-unknown": [true, {ignoreAtRules: ["mixin","extend","content","include","for","function","return", ], }, ],"selector-pseudo-element-no-unknown": [true, {ignorePseudoElements: ["v-deep"], }, ],"selector-pseudo-class-no-unknown": [true, {ignorePseudoClasses: ["export"], }, ],indentation:2,"no-descending-specificity":null,"declaration-colon-newline-after":null, },ignoreFiles: ["**/*.js"],};
具体查看文章
juejin.im 展开评论6 - 【每日学一点】CSS 高斯模糊
1. 模糊元素本身
语法：filter: blur(10px);
兼容性较好，适合移动端使用，模糊本身的场景比较局限。
2. 模糊元素后方背景
语法：backdrop-filter: blur(10px);
兼容性差，适合移动端 iOS 升级体验，android 需要其他展示方案。展开412 - 【x-build 快速搭建前端H5工程项目的脚手架工具】
开源项目地址：github.com
开源文档地址：codexu.github.io
介绍：X-BUILD 是针对 H5 开发的一套自动化构建工具，致力于提升开发效率，减小开发难度。它可以让你在没有任何构建工具（例如 grunt 、 gulp 或 webpack 等工具）配置经验的情况下，帮你快速生成一个完整的前端工程，并可以打包代码和静态资源，使你的项目以最优异的性能上线。展开评论12
