郭青

如此当接收者看到时，可以立即获取到分享链接的一些重要信息。这有助于接收者更好地了解链接的内容，决定是否点击查看详细内容。...

本文将介绍在线协同文档编辑器是如何解决冲突的，大部分公司在解决冲突上目前用的都是 OT 算法，与之对应，也有一个 CRDT 算法实现。接下来，我们将深入这两种算法的实现及原...

提到颜色，大家都能想到 rgb 颜色表示法，比如 rgb(255,0,0)就表示红色，如果希望有透明度，可以用rgba来表示，比如rgba(255,0,0,.5)就表示透明...

在移动端应用中，经常会碰到这样的导航栏，导航栏左边通常是一个返回按钮，中间是标题，右边是工具栏，如下 值得注意的是，右侧的工具栏是不固定的，有可能有多个，也有可能没有，并且...

现在已经是“组件化”开发时代了。 相信大家平时在vue或者react中都碰到过“跨组件”通信的需求，通常我们需要将数据放在一个公共的父级上，然后用context之类的方式传...

最近 Chrome 117，CSS 又悄悄推出了一个新的的@规则，叫做@starting-style。从名称上来看，表示定义初始样式。那么，具体是做什么的？有什么用？一起了...

在正式开始介绍之前，可以先想一个问题：如何动态去改变一个颜色的透明度？ 比如一个颜色 如何将它变成透明度为 50% 的红色呢？ 其实在之前这几篇文章中都有提到过一些颜色混合...

以下内容是2023年7月17~10月16日自己每周学习的记录，偶尔穿插一些个人的思考，希望可以和大家共同进步。...

提到 popover，相信大家都很熟悉，没错，就是组件库里经常见到的悬浮层（或者叫“气泡卡片”），比如 Ant Design 现在，这个好用的特性终于在Chrome 114...

本文正在参加「金石计划 . 瓜分6万现金大奖」。 众所周知，函数节流（throttle）是 JS 中一个非常常见的优化手段，可以有效的避免函数过于频繁的执行。 举个例子：一...

最近在项目中碰到这样一个布局，有一个列表，先按照 4 * 2 的正常顺序排列，当超过 8 个后，会横向重新开始 4 * 2 的布局，有点像一个个独立的分组，然后水平排列，如...

在 mac 文件管理中有这样一个小细节。 当文件名不超过一行时，完整显示，此时鼠标放上去无任何提示 当文件名超过一行时，出现省略号，此时鼠标放上去提示显示完整文件名。一起看...

介绍一个关于CSS :nth-child 选择器的新特性。 不知道大家有没有碰到过这样的问题或者需求，从一个特殊的、不可更改的HTML结构中选择出你想要的元素，比如 请问，...

21年的时候，微博上有过一番口诛笔伐，就是就是管清友建议刚开始工作的年轻人就近租房不要把时间浪费在上班的路上，要把时间利用起来投资自己，远比省下的房租划算。...

纯 css 实现全屏滚动，若需添加滚动回调，则可在此基础上用 js 添加监听事件，监听父容器的滚动事件，遍历所有子元素，若某个子元素的上边缘与父容器的上边缘一致或者小于 1...

呀哈喽！这里是alphardex。 最近受到轮回系作品《寒蝉鸣泣之时》中时空裂缝场景的启发，我用three.js实现了一个实时渲染的时空裂缝场景。本文将简要地介绍下实现该效...

这次来看一个很常见的搜索框的交互，大概逻辑如下 当输入框有内容才显示清除按钮 点击清除按钮输入框会清空 当输入框有内容并且处于聚焦情况下才显示搜索结果浮层 点击搜索条目后关...

不依赖图表库，纯 CSS 实现自适应折线图。分别用了三种方法实现折线图，分析了各自的问题，并提出了一种最优解。...