有一天老板跑过来跟我说，我们接到一个水利局的项目，需要做一些天气效果，比如说降雨、河流汛期、洪涝灾害影响啥的，你怎么看。欸，我觉得很有意思，马上开整。

之前在项目中做了一个图片对比的工具，演示如下 有一些有趣的小细节，一起看看如何实现的吧 一、布局 布局比较简单，两张图片上下重叠在一起就行了 这里可以只给第一个图片设置绝对定位，有几个好处 第1张图片

本文主要讲述如何实现监听元素的可视区检测，并封装一个基本的React Hook，本文将从原理出发，简要介绍 useInView 的实现，并从实际应用场景帮助读者理解如何使用它。

最近遇到了文件预览的需求，但一搜索发现，这还不是一个简单的功能。于是又去查询了很多资料，调研了一些方案，也踩了好多坑。最后总结方案如下 希望如果有其他人也遇到了同样的问题，能更方便的解决～

瀑布流布局，不管是在pc端还是手机端都很常见，但是我们通常都是列固定。今天来实现一下小红书的响应式瀑布流。

封装这个组件的时候,有人说, 这有什么必要吗? 几句css代码,就能搞定的事情,搞这么复杂干嘛, 我只想说,我也想让世界简单点, 奈何产品提需求提的我没法拒绝,确实有道理, 例如, 省略号在头部, 使

提到推送数据，大家可能会首先想到 WebSocket。 确实，WebSocket 能双向通信，自然也能做服务器到浏览器的消息推送。 但如果只是单向推送消息的话，HTTP 就有这种功能，它就是 Serv

9 月 8 日，前端运行时 Bun 1.0 正式发布，如今，Bun 已经稳定并且适用于生产环境。Bun 不仅是一个专注性能与开发者体验的全新 JavaScript 运行时，还是一个快速的、全能的工具包

扫码登录是常见的功能，基本各种网站都支持。 比如掘金的登录就支持 APP 扫码的方式： 如果你 APP 没登录，扫码后会跳到登录页面： 登录之后，会进入确认界面，你可以选择授权登录或者取消： 这边确认