万有引力

最近又重新捡起了对 React 源码的学习，很多知识都忘记了，包括：数据驱动，Virtual DOM，时间切片，批量更新，事件系统

背景 在一次 App 迭代中，UI 想要给按钮添加一个动画效果，在对接的过程中，UI 表示直接用 .gif 就好，因为感觉开发出来的效果应该不会很好。 听到这里，一个技术人的自尊心仿佛被踩在了地上，我

鼠标拖拽是一个常见的交互场景，在这个熟悉的过程将会发生哪些事件？ 认识拖拽 拖拽事件指用户通过鼠标（或其他指针设备）将元素移到一个新的位置上。拖拽过程涉及两个对象：被拖拽元素（上图中 A ）和可释放目

作为一个 Notion 重度使用者，无论工作、生活、学习等方面，我都会使用 Notion 记录下来，同时也逐渐建立一个自己的知识系统。有些知识或者文章，如何方便的输出？ 今天我试了下 noto.so，

在 Next 项目中，我们有如下启动命令： 可以看到，我们在启动时会向 NodeJS 环境中注入 NEXT_ENV 这个变量，问题是：如何在项目中（运行时）使用这个变量？ 根据 NextJS官方文档的

这是我在团队内部的一次技术分享， 分析导致 React 重新渲染的情况，并通过大量代码演示如何避免不必要渲染

本文主要内容： Nginx 是什么 它能在哪些场景下使用 上手基础配置 Nginx 是什么 Nginx是一款轻量级的Web服务器、反向代理服务器 设计思想类似 NodeJS，基于事件驱动的异步非阻塞处

React 中如何通过微信唤起 App 一、背景 hs-hybrid-app 中包含了很多 H5 落地页，落地页的主要职责是引流。涵盖两种场景：已下载 App 的用户，将会唤起 APP，并跳转到

背景 上线前 RN 的截图功能，增加了一个需求：要求点击分享时动态生成二维码，然后将二维码截图 此时截图的二维码是初始化，并不是更新后的 通过 Image 组件的 onLoad 事件，在图片加载后，再

在上个月负责一个 H5 营销落地页的开发，在此之前没有做过移动端 H5 的项目，对其中的涉及的技术问题和难点也是毫无准备。这篇文章作为复盘，将一一列举开发过程中遇到的问题和思考，希望能够加深对

在业务中我们经常会用到倒计时功能，比如获取验证码：倒计时 60 秒，每秒 time-1，其实很简单。 初步实现 上面代码可以执行，并且结果也符合预期，但是有个问题：为了保证 useEffect

背景 我们团队近期开始对项目增加单元测试，期望能够增强服务的质量和性能，但实践过程中走了一些弯路。 开始 根据文档示例，我编写了测试代码，如下： 编译时，依赖解析报错，如下图： 原因是 NestJS

跨组件状态管理是一个老生常谈的话题，或许你也遇到这样的场景：在多个组件中使用某个状态，并且可能会跨组件改变它。 方案比较 一种方案是状态提升：将状态和操作提升到父组件中，然后通过 props 向下传递

Github 为开发者提供了服务器和域名，不用关心如何部署与运维，只需要简单配置，就能拥有一个个人网站，太酷了！

最近要重构一个五年左右的 Vue 老项目，依赖库的版本都比较过时了，UI 风格和设计语言在现在看已经不忍直视。所以准备升级一下，给他整一个老树开花，虎虎生风。 Element UI 1.x 已经停止维

NestJS 探索与实践，希望通过这次分享，能够让大家对 NestJS 有一个初步的了解。什么是 nestJS？Nest 能解决什么问题？为什么选择 Nest，有什么优势？如何上手 Nest

起因 我们期望在 Git 提交时能够规范 commit 信息；发布版本时，将 commit 信息与版本有更加可靠的管理。就好像映射列表一样，清晰的知道每次更新了什么；并且能自动的去更新这个列表。 co

SVG 是一种基于 XML 语法的图像格式。XML 类似 HTML/CSS 是一种网络标准规范；同时它是矢量图像文件，与 PNG，JPG 等像素文件不同 为什么用 SVG 通常 Web

如何封装一个 localStorage hooks？记录用户最近搜索的关键内容，JSON 序列化反序列化

最近做的一个公司项目，使用 nestjs 作为服务端，为了收集服务报错，尝试了一下接入 sentry。整个流程也是比较简单，sentry 的功能也真的很强大。 开始之前需要一个 sentry 账号。