DroCod

前端开发的世界，就像历史上的战国时期一样，各种框架、库、工具层出不穷，形成了一个百花齐放但也令人眼花缭乱的局面。...

在日常的开发过程中，我们都会有一些常用的代码片段，这些代码片段可以直接复制到各个项目中使用，非常方便。如果你有接手过别人的项目，就可以很明显感受到几个项目一般都会有一些相同...

在帮助女友开发笔记应用的过程中，我从零开始实现富文本编辑器，通过实践深化了对前端技术的理解，并意识到晋升高级前端的关键在于深厚的技术积累、灵活的学习态度、良好的设计思维以及...

前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。 2024年推荐以下小而美的库。 radash 实用的工具...

今天干活时，突然看到大群里有人艾特我，还甩了一张截图： 我很火大，群里艾特我膈应谁呢！ 到这儿，我没干再反驳了，因为我不太清楚rebase的意思，我开始怀疑是不是自己git...

最近产品经理有个需求，要求把鼠标放到头像上需要变大，圆圈保持不变的特效，如何我们挣扎了很久，最终想到了解决方案，我们用一个img实现一悬停效果，达不到不一样的视觉体验。...

最近看到有小伙伴发了一个小米 SU7 的展示网页，那是相当的酷炫。花了几天功夫，我将上面的特效给还原了出来。...

我来介绍一个非常神奇的前端功能：轻易地将文本、视频，还是炫酷的动态内容，统统都能“飞”起来。任何 HTML 内容都能实现画中画模式，...

序言 如果打开一个文件，看到的全是满屏幕的 import 语句，这将是一种怎样的体验？ 密密麻麻的import语句不仅仅是一种视觉上的冲击，更是对代码组织结构的一种考验。 ...

你知道奇怪的移动视口错误（也称为100vh bug）吗？或者如何以正确的方式创建全屏块？ 一、100vh bug 什么是移动视口错误？ 你是否曾经在网页上创建过全屏元素？只...

问导师团队中有没有现成的解决方案。。。没有，然后导师提出了 web worker 的思路，让我自己思考解决方案。好吧，那就开始吧。...

前言 好久没面试了，最近看一些厂开始招人了，于是投了投，没想着过，主要是抱着学习的态度，看看自己哪里不足，没想到自己这么不足。。。...

当你能找到这个文章的时候，代表你的页面已经崩溃了。这篇文章就帮你解决vue3+tsx/jsx+setup中多个ref的获取问题...

useState的更新写法某些情况下过于繁琐，新文档介绍的use-inner虽然可以稍微补足，但是还不够丝滑，本文将介绍一种类似Vue的reactive的写法，写起来十分丝...

巧用伪元素:before、:after等，让你的页面按钮眼前一亮。更多内容：https://github.com/reng99/blogs...

Vue 是一个惊人的，轻量的渐进式前端框架。因为 Vue 是灵活的，所以用户不需要使用 Typescript。但是不像 Angular，老版本的 Vue 并没有很好的支持 ...

年后被迫跳槽，其中种种一言难尽，于是投递简历，虽然有了年前尝试积累，但年前毕竟不是真正的跳槽。由于没有遵循大佬们的跳槽心得，面试时，先投小厂，再投大厂，导致，随机面试，上来...

人家都说，前端需要每年定期出来面面试，衡量一下自己当前的技术水平以及价值，本人17年7月份，毕业到现在都没出来试过，也没很想换工作，就出来试试，看看自己水平咋样。 以下为我...