一千柯橘

弹框是一种常用的设计元素，合理使用弹框可以提升用户体验，增强页面交互性，但也要注意避免过度使用造成用户反感。...

学习截图 优点 点击 更多 icon ，出现对应的菜单选项，hover 上去对应的 option 将会有背景颜色的改变，因为系统使用的主题色为 黑/蓝/白，高亮时一般为 白...

最近接手做一个支付中心的的项目，需要接入微信和支付宝的`pc` 和 `h5` 两个平台的支付，所以就抽时间做了这个调研...

在现代的 web 应用中，实时数据传输变得越来越普遍。特别是像 ChatGPT 这样的应用，实现了向用户逐字显示消息的效果，增强了用户体验。...

在探索ChatGPT的使用过程中，我们发现GPT采用了流式数据返回的方式。理论上，这种情况可以通过全双工通信协议实现持久化连接，或者依赖于基于EventStream的事件流...

今日学习截图 参考点 当只有 icon 而没有文字的时候，鼠标 hover 到指定的位置，将会使用 tooltip 提示相应 icon 的作用/意义 页面设计干净简洁，将当...

卡片 hover 的时候背景颜色的改变可以使其更加醒目，边框颜色的改变则可以让内容更加的突出，阴影的改变可以让其更有层次感。...

卡片是一种非常实用的 UI 元素，可以有效地提高信息组织效率、增强用户体验、提升视觉效果。在设计中，可以根据具体的需求灵活运用卡片，以达到最佳的效果。...

Popover 是一种弹出式提示框，可以提供额外的信息或功能。它通常用于： 显示辅助信息 & 提供操作选项...

其实，最早接触 Headless UI 是在去年，碰巧看到了一个非常前沿且优秀的组件库 ---- Chakra UI，这个组件库本身就是 Headless UI 的实践者，...

Popover A Popover can be used to display some content on top of another....

这个事其实一直存在脑子的。为啥呢？因为我们听到太多了，太多了，35岁是个坎。事实上，找工作也是如此，很多行业都是有年龄限制的。找不到自己原来的行业的工作了。那就只有转行了。...

Click up 在展示任务的时候会给予用户多种选择方式，虽然展示的方式是多样的，但是对任务的操作行为却是一致的，而 任务的内容太多，而操作行为太多的时加上页面内容空间有限...

常见展示任务的方式：看板、列表、时间线、甘特图、表格..., 各个展示的方式都有优点，通常为了满足用户不同的个性化选择，因此可以将系统的展示方式设计为多种，方便用户自行选择...

Breadcrumb 的作用： > 1. 让用户了解当前所处页面的位置，并且能够向上导航 > 2. 让用户快速跳转到当前页面之前的层级路由上（即快捷导航）...

参考设计截图 优点 首页第一屏简明扼要的展示了 Sundown Studio 的 icon 和 Work, Studio, Contact 菜单项，以及 Sundown 的...

参考网站页面截图 优点 首页动画效果拉满，让用户体验到了网站设计者的脑洞大开 首页第一屏左部分是 作者和地名，右边是一个简单的个人介绍，简洁明了 截图 2 的 嵌套相框根据...

前言 在前端面试的过程中，前端工程化一直是考察面试者能力的一个重点，而在我们常用的项目打包工具中，无论是webpack还是rollup，都具备一项很强大的能力——tree-...

这是国外程序员 Robin Wieruch 带有明显个人色彩的一份总结，每年都会更新。相比于 awesome 列表，我个人更喜欢这类总结，简短、实用，更容易让人抓到重点并能...