妙才
2022/08/29阅读:50主题:蔷薇紫
妙才周刊 v14
周刊闲聊

作者:妙才
2022-08-29
记录笔者每周看到的那些值得分享(或许)的科技和其他讯息,周一发布(或多或少)。
❝妙才周刊[1], 欢迎 👏🏻 推荐一些值得分享的讯息
❞
前言
sorrowful.
陷入了愚蠢又无法控制的懒惰循环模式,周刊中断了两周。
这就意味着半个月来都没有进步,没有新能量注入,以至于不断陷入愚蠢地境地,无法控制。
技术
vue 前端管理系统示例
使用 CSS variables 和Tailwind css实现主题换肤 - 掘金
这是笔者最近一个月见过的最好的vue
管理系统模板:
vbenjs/vue-vben-admin: A modern vue admin. It is based on Vue3, vite and TypeScript. It's fast![2]
其配备的文档非常详细,无论你是否用过 vue 开发 web 应用,都可以阅读此项目的文档(此文档对新手非常友好,能学到非常多的系统和项目架构的知识)
颜色、调色板
十六进制颜色代码表,图表及调色板 - Encycolorpedia[3]:颜色设计思路枯竭了吗,这里有你需要的所有配色搭配。
私有 NPM 仓库
A lightweight Node.js private proxy registry | Verdaccio[4]:轻量、极简、友好的私有仓库代理服务,可以为你的团队部署私有服务,利用缓存提高访问速度、发布私有库等等。
resso/README.zh-CN.md at main · nanxiaobei/resso[5]:号称世界上最简单的 React 状态管理库,支持 React 18、React Native、SSR、小程序。
Sass Mixin 库
Gerillass: The best Sass mixins library for modern web design[6]:如果你经常使用 sass 进行开发,这个 mixin 库一定让你受用无穷,在开发时给你很多很方便的功能特性支持。
Vue 懒加载组件
Lazy Load Components in Vue with defineAsyncComponent[7]:图文并茂的 Vue 懒加载组件介绍。
前端编码知识分享博客
CodeSource.io | Top Shelf Code Training[8]:每一篇文章都值得新手朋友学习的前端知识体系博客。
CSS 多行文字截断
纯 CSS 实现多行文字截断[9]
纯 CSS 变量实习动态主题
Dynamic theme with CSS Variables[10]:利用 CSS 变量来实现项目的动态主题切换的方案介绍(图文并茂)!
如果没有接触过这个知识点,看这一篇非常有用。
Tailwindcss 自定义主题方案
:使用
Tailwind CSS
来创建自定义的主题,如何提高使用这个库的效率,可以看看这一篇文章。
默认模块导入插件
antfu/unplugin-auto-import: Auto import APIs on-demand for Vite, Webpack and Rollup[11]:无论是 React 还是 Vue,使用构建工具都可以借助类似的插件实现默认模块导入,省去了我们主动导入的麻烦。主动导入的代码看起来不多,但是项目日积月累就会有非常多的显示导入的代码,懒人还是喜欢此类插件的吧~
最后
准备搬家了,有一个天台,我准备在那种点什么,如果我能种活点什么,说不定就可以养活点什么。
人总数需要点爱好的,每天面对计算机已经够多了,能量不足了。
厦门办证太麻烦,电动车暂时是指望不上了,下单了入门版的城市通勤折叠自行车欧亚马天际!
希望尽快走出阴霾。
Reference
妙才周刊: https://weekly-omega.vercel.app/
[2]vbenjs/vue-vben-admin: A modern vue admin. It is based on Vue3, vite and TypeScript. It's fast!: https://github.com/vbenjs/vue-vben-admin
[3]十六进制颜色代码表,图表及调色板 - Encycolorpedia: https://encycolorpedia.cn/
[4]A lightweight Node.js private proxy registry | Verdaccio: https://verdaccio.org/
[5]resso/README.zh-CN.md at main · nanxiaobei/resso: https://github.com/nanxiaobei/resso/blob/main/README.zh-CN.md
[6]Gerillass: The best Sass mixins library for modern web design: https://gerillass.com/
[7]Lazy Load Components in Vue with defineAsyncComponent: https://learnvue.co/tutorials/lazy-load-components
[8]CodeSource.io | Top Shelf Code Training: https://codesource.io/
[9]纯 CSS 实现多行文字截断: https://github.com/happylindz/blog/issues/12
[10]Dynamic theme with CSS Variables: https://www.mayashavin.com/articles/dynamic-theme-css-variables
[11]antfu/unplugin-auto-import: Auto import APIs on-demand for Vite, Webpack and Rollup: https://github.com/antfu/unplugin-auto-import
作者介绍