ohayo_

前言 最近逛 Reddit 的时候，看到一个关于最被低估的 JavaScript 特性的讨论，我对此进行了总结，和大家分享一下。 Hi，我是冴羽，学习前端，欢迎围观我的“网...

大家好，我是风骨， React 技术栈发展到现在，已经出现了非常多且优秀的状态库，比如从早期的 Redux 和 Mobx，到现在拥抱 Hooks 版本的 Zustand 和...

今天来实现一个有趣的按钮效果，鼠标悬停在按钮上的时候会有水纹跟随，点击的时候会有一个水纹扩散的效果。当然，这样的动画效果你也可以添加到整个页面或者其他具体的元素上，实现的逻...

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

web端没办法实现导航？来看看德莱厄斯是怎么实现的：前言 由于实时导航功能需要复杂的逻辑和很高的性能要求，再加上PC端没有导航的需求，或者根本就没有GPS模块。高德并没有像...

前言 现代 UI 设计中，会使用各式各样的加载样式来减少用户的 loading 状态焦虑，最常见的如 转圈的小菊花、虚假的进度条以及 炫酷的小动画。除了这三种最常见的 we...

函数柯里化在许多应用程序中已经变得很普遍。 了解它们是什么，它们如何工作以及如何充分利用它们非常重要。 在数学和计算机科学中，柯里化是一种将使用多个参数的一个函数转换成一系...

在无数前端面试中，总有一个问题如同幽灵般反复出现："手写一个发布订阅模式"。这道看似简单的题目，却让许多候选人在白板上进退维谷。当我们拆解这道面试题背后的逻辑，会发现它像一...

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理...

背景 保存按钮点击多次，造成新增多个单据 列表页疯狂刷新，导致服务器压力大 如何彻底解决 方案：我的思路从请求层面判断相同请求只发送一次，将结果派发给各个订阅者 实现思路 ...

new Image() 预加载 为什么比 <img>直接加载要好？<img> 直接加载对比 new Image() 预加载 1. 加载时机和页面渲染的差异 直接渲染到 <i...

解决标题中的问题的方法有多少种，你能想到几种，你又能动手真正地实现几种呢？本篇文章针对标题中的问题，进行了一场头脑风暴，感兴趣的话，一起来聊一聊吧~...

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

事情起因是这样的，大家在刷抖音，小红书等短视频平台、发现他们的布局是这样的瀑布流布局。 反应是瀑布流，怎么做呢？我们第一反应是flex，grid？是的这是大部分人的固态思维...

前段时间，我推出了 1-1 私聊沟通服务。和我 1-1 微信语音（或腾讯会议）聊天，我现场解答问题。 想通过我个人这么多年的工作、面试、讲课的经验和教训，帮助那些有技术干货...

大概还是入门期，我曾用Puppeteer做爬虫工具以此来绕过某网站的防爬机制。近期有需求要做任意链接网页截图，像这种场景非常适合用Puppeteer完成。无头浏览器我已知的...

1. Zustand Zustand 是一个轻量级的状态管理库，用于 JavaScript 应用程序，特别是在 React 生态系统中。它提供了一个简单、可扩展的解决方案来...