一条会coding的Shark

codeRiview（代码审查）不仅对个人技能的成长有帮助，也对我们在升职加薪、面试有所裨益。CR 除了传统的方式外，也可以借助 AI 工具，来简化其中流程，提高效率。...

前言 这次带大家实现一个热气球效果。这个效果相比较之前的一些CSS特效，会稍微复杂一下，话不多说，我们直接进入主题，来实现一下这个效果。 效果预览 效果如下所示。 HTML...

这次带大家来用纯CSS实现一个动画环。整个效果比较简单并且实现起来也很容易，话不多说，我们直接进入主题。 效果预览 效果如下所示。 HTML部分 首先我们看到HTML部分...

前言 在日常生活中，铅笔人人都能用到，这次便带大家来纯CSS实现常常都能用到的铅笔。相信整个效果比较简单并且实现起来也很容易，话不多说，我们直接进入主题。 效果预览 效果如...

前言 现在很多地方都慢慢进入雪季了，很多地方都下雪了，由此作为灵感，我们这次来实现一下飘着的雪花，整体实现起来并不难。话不多说，我们直接进入正题。 效果预览 最终实现的效果...

这次带大家来实现一个生动的蜡烛燃烧的效果，纯CSS实现，通过动画来展现出一个燃烧的蜡烛，话不多说，我们直接进入主题 效果预览 最终实现的效果如下所示。 HTML部分 首先我...

前言 大家在平时开发中都用过类似Modal这样的组件吧，这次带大家来手撸一个类似效果的模态框，纯JS实现，效果百分之九十复刻。话不多说，咱们直接进入主题。 效果预览 效果如...

前端开发与组件库 在一些小公司的项目开发中，我们可能常常听到这样的想法： 我们公司的需求比较特殊，用现有的组件库不够灵活，不如自己封装一套！ 现有的组件库样式不符合我们的产...

AQChat是我们三个人忙中抽闲肝了两个月的项目，我们讨论后，决定毫无保留地开源！AQChat支持匿名群聊、AI对话等丰富功能。...

规范类问题 无意义的 commit message 建议所有同学了解一下看看 commit message 规范，并且为项目配置 commit lint，感受一下两个项目 ...

职级是 2-2，技术面一共 3 轮，每一面都要手写算法。我在 2023 年 7 月下旬被裁员，于 2024 年 2 月初面试字节-千川，没有通过第 3 轮面试，在这里记录下...

我们公司的导航菜单是动态可配置的，有的页面菜单数量比较多，有的比较少。 由于大多页面菜单都是比较少的，因此当菜单非常多时， 我们采用了朴实无华的滚动条：当横向超出的时候，滚...

最近听说webStorm 免费了，赶紧来试试传说中的前端开发神器！虽然不知道到底好不好用，但冲着这么多年有人愿意为它付费，高低得用上一用。...

盘点 20 个值得收藏点赞的 ts 代码段 ts 也有一些值得收藏点赞的代码段，帮助我们在 ts 项目中写出高级的类型，也能方便我们写出优雅的 ts 类型代码，同样的也能让...

最近逛github的时候发现了一个非常好用的轻量工具库，Fuse.js，支持模糊搜索。感觉还是非常好用的，所以有了此篇博客，这篇文章主要是介绍Fuse的使用。...

最近使用Mac 的时候，突发奇想想研究一下Mac 程序坞的滑动效果。结果发现简单的HTML + CSS + JS 就可以实现，于是便有了这篇文章。...

前言 相信大家都见过或者玩过类似吃豆人的游戏吧，这次我就带大家来实现一个类似于吃豆人的效果，纯CSS实现，效果百分之九十九复刻。话不多说，咱们直接进入主题。 效果预览 相关...

前言 这次给大家带来一个开屏的效果，由纯CSS实现，实现起来并不复杂，效果也并不简单，话不多说，咱们直入主题。 效果预览 效果如下所示。 HTML部分 首先看到HTML部分...