妙才

V1

2022/08/29阅读:17主题:蔷薇紫

妙才周刊 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 自定义主题方案

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

分类:

前端

标签:

前端

作者介绍

妙才
V1