#优质博文 #前端 #设计
用户体验：令人恼火的嵌套菜单！

Weixin Official Accounts Platform

用户体验：令人恼火的嵌套菜单！

掌握这个技巧，以后再也不怕菜单了！

#优质博文 #前端 #计算机网络 #udp
让我也超超：进阶必读：代理协议 UDP 全方位透彻解析

来源 @AkashaTerminal

GitHub

进阶必读：代理协议 UDP 全方位透彻解析 · XTLS Xray-core · Discussion #237

绝大多数人对代理协议中的 UDP 部分完全没概念，目前很多经验丰富的使用者甚至是开发者一遇到 UDP 就变成小白，导致大多数关于 UDP 的问题悬而不决。鉴于 UDP 正扮演着越来越重要的角色，却没有一篇文章讲代理协议中的 UDP，我干脆写了这篇文章。 这篇文章的目的就是扭转现状，让大家完全参透 UDP，以便更游刃有余地使用 Xray-core 或其它代理类软件。 —— RPRX 转载本文需...

#优质博文 #前端 #react
immer 两篇
1. 群友认识的一个字节大佬写的好文，奈何太低调，文章简介都是123
2. React中的不可变数据——immer是如何实现的？

juejin.cn

111 - 掘金

1231231231231231231231231231231231231231231231231231231231231231231231231231231231231231231231231231

Find Blog👁发现博客

Photo

#优质博文
可以看看这篇文章：清理「内容农场」，还你清爽的 Google 中文搜索体验

少数派 - 高品质数字消费指南

清理「内容农场」，还你清爽的 Google 中文搜索体验 - 少数派

通篇复读、死蹭热点、格式固定、车轱辘话扯上千字……以浪费读者时间为己任、往往还伴随着剽窃行为的「内容农场」之祸该如何根绝？

居然刚刚才发现一个非常好用的 web-server:
https://caddyserver.com/docs/automatic-https
全自动申请证书，反向代理配置超简单，甚至支持h3，性能也好…
多年前被nginx配置狠狠折磨的我眼泪掉下来
#资源推荐

#资源推荐 #前端 #tailwind #css
Tailwind Variants 是为 TailwindCSS 设计的一流变体 API 库。以下是其主要特点：

1. 变体：受到 Stitches 的启发，Tailwind Variants 为 TailwindCSS 引入了一种创建一致性设计系统的方法。
2. 响应式变体：此功能允许开发者将变体应用于不同的屏幕尺寸。
3. 插槽：使用插槽属性，开发者可以同时为多个组件设置样式。
4. 覆盖：Tailwind Variants 提供了一个 class/className 属性，用于覆盖任何组件上的类。
5. 组件组合：它允许开发者使用 extend 参数组合组件，自动合并扩展组件的类、插槽、变体、defaultVariants 和 compoundVariants。
6. 开发者体验：Tailwind Variants 以开发者体验为中心，特别是在使用 TypeScript 时提供了出色的自动完成体验。
7. 自动冲突解决：实现 tailwind-merge 以高效地合并类，确保与 TailwindCSS 类没有冲突。
8. 框架中立：它是一个与任何框架兼容的实用程序库，不特定于 React。

Spinkit

❗️ Source Code

Save and Share 🚀

👉 @frontend_trend

#碎碎念
看了看 git wrapped 的总结，和 myyearwithgit 的22年回顾
感慨啊...

#碎碎念 #tailwind #资源推荐 #css
@tailwindcss/typography 太牛了吧，还是今天搭博客的时候发现的，官方的 Tailwind CSS Typography 插件提供了一组 prose 类，可以使用它们向您无法控制的任何普通 HTML 添加漂亮的版式默认值，例如从 Markdown 渲染的 HTML 或从 CMS 提取的 HTML。好评！

GitHub

GitHub - tailwindlabs/tailwindcss-typography: Beautiful typographic defaults for HTML you don't control.

Beautiful typographic defaults for HTML you don't control. - tailwindlabs/tailwindcss-typography

#资源推荐 #前端 #react #markdown
今天在搭建自己的博客，关于markdown渲染和解析元数据找了这两个库：
1. markdown-to-jsx 最轻量级、可定制的 React markdown 组件。
2. gray-matter 从字符串或文件中解析 front-matter。快速、可靠且易于使用。默认情况下解析 YAML front-matter，但也支持 YAML、JSON、TOML 或 Coffee Front-Matter

GitHub

GitHub - probablyup/markdown-to-jsx: 🏭 The most lightweight, customizable React markdown component.

🏭 The most lightweight, customizable React markdown component. - GitHub - probablyup/markdown-to-jsx: 🏭 The most lightweight, customizable React markdown component.

#资源推荐 #css #tailwind
无意中发现的 Tailwind CSS
Color Generator —— 输入十六进制代码或更改 HSL 值，创建Tailwind自定义色阶