获得徽章 0
- 致敬element-ui,超棒的vue企业级、中后台、跨平台前端集成框架分享,适合学习,找工作,同时兼容手机,电脑,平板完全开源免费
演示地址:chu1204505056.gitee.io
源码地址:github.com
欢迎star
Pro版演示地址,同时支持四中布局,六种主题:chu1204505056.gitee.io
Excellent Vue enterprise level, background, cross platform front-end integration framework sharing, suitable for learning, job hunting, and compatible with mobile phones, computers, tablets, completely open source free
Demo address:chu1204505056.gitee.io
Source code address:github.com
Welcome to star展开839 - 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 - Morning~今天推荐一个基于 C++ 实现的多画面播放器——hplayer。能播放文件源、网络源、设备捕获源,界面为多画面监控网格,可自由切换多画面风格,支持拖拽与合并。适合想要入门音视频、播放器开发的小伙伴们学习,该项目用到的技术栈有 Qt 实现界面,FFmpeg 获取帧、编解码、转码,OpenCV 处理图片,OpenGL 渲染视频帧。
hellogithub.com
展开评论12 - 简单灵活的flutter日期选择插件: flutter_my_picker
1. 支持年份、月份、日期、时间、日期时间
2. 支持开始时间和结束时间
3. 支持 magnification、offAxisFraction、squeeze参数
4. 支持 color 和 background 参数
文章链接:juejin.im
github链接:github.com
展开评论10
我又来了,分享一个纯CSS实现列表无数据状态下显示占位图文的效果
很简单,巧妙利用元素在无子元素的状态下使用:empty搭配::after来完成线上演示:
codepen.io
更多纯CSS骚技巧:
juejin.im
展开评论15