周刊闲聊

作者：妙才

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 自定义主题方案

Creating custom themes with Tailwind CSS ：使用Tailwind CSS来创建自定义的主题，如何提高使用这个库的效率，可以看看这一篇文章。

默认模块导入插件

antfu/unplugin-auto-import: Auto import APIs on-demand for Vite, Webpack and Rollup^[11]：无论是 React 还是 Vue，使用构建工具都可以借助类似的插件实现默认模块导入，省去了我们主动导入的麻烦。主动导入的代码看起来不多，但是项目日积月累就会有非常多的显示导入的代码，懒人还是喜欢此类插件的吧~

最后

准备搬家了，有一个天台，我准备在那种点什么，如果我能种活点什么，说不定就可以养活点什么。

人总数需要点爱好的，每天面对计算机已经够多了，能量不足了。

厦门办证太麻烦，电动车暂时是指望不上了，下单了入门版的城市通勤折叠自行车欧亚马天际！

希望尽快走出阴霾。

Reference

[1]

妙才周刊: 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