Editor.js 开发 Notion 风格富文本编辑器
前言 开发一个编辑博客内容的富文本编辑器，风格类似于 Notion 块级的编辑器，研究了 开源项目，和它的风格接近，editorjs 界面简洁，操作个人感觉很高级，插件灵活易扩展，样式可编辑修改，开发成本也没有那么复杂 介绍 Editor.js 亮点 用户界面友好 ：Editor.js 提供了一个直观且易于使用的用户界面，能够轻松地创建和编辑文档 模块化编辑 ： 使用块级元素（blocks）的方式组织文本，每个块负责处理不同类型的内容，...
你知道怎么调试线上代码吗
这篇文章是学习了神说要有光的调试小册的学习笔记： 这篇文章来分享下如何调试线上的代码 什么时候需要调试线上的代码呢，当线上代码出现 bug 的时候，需要定位问题，就需要一步一步调试代码来确认问题，但是线上代码都是构建之后的代码，很难看懂，有什么好的解决办法么？ 实际例子 在本地创建一个 demo 项目 这个项目用 webpack 构建打包 这是 webpack 配置文件 webpack.config.js ： tips：在编写js配置文...
面试被跨域问麻了，这次一定搞明白
跨源资源共享（Cross Origin Resource Sharing， ） 是一种 基于 头 的机制（划重点），该机制通过允许服务器标示除了它自己以外的其他 （域、协议或端口），使得浏览器允许这些源访问加载自己的资源。 跨源 HTTP 请求的一个例子：运行在 的 JavaScript 代码使用 来发起一个到 的请求。 出于安全性， 浏览器限制脚本内发起的跨源 HTTP 请求 。例如，XMLHttpRequest 和 遵循 。这意味着...
一次性推荐20个React组件库
🎉 react grid layout react grid layout 是一个用于创建网格布局的 React 库，它允许您以栅格形式布局组件，并支持拖拽和调整大小等交互功能，使得页面布局更加灵活和可定制。 🎉 react beautiful dnd react beautiful dnd 是一个用于实现漂亮的拖拽和重新排序功能的 React 库，它提供了易于使用的 API 和灵活的配置选项，让您可以轻松地实现拖拽交互。 🎉 r...
关于zustand的一些最佳实践
看过我文章的人，应该知道 状态管理库中我比较喜欢使用 的，因为使用起来非常简单，没有啥心智负担。这篇文章给大家分享一下，我这段时间使用zustand的一些心得和个人认为的最佳实践。 在React项目里，最重要优化可能就是解决重复渲染的问题了。使用zustand的时候，如果不小心，也会导致一些没用的渲染。 举个例子： 创建一个存放主题和语言类型的store 分别创建两个组件，主题组件和语言类型组件 按照上面写法，改变theme会导致Lan...
学习 Nginx 配置 — 指南篇 (很全面)
初识 Nginx 概述/简介 Nginx 是一款轻量级的 Web 服务器/反向代理服务器及电子邮件代理服务器，在 BSD like 协议下发行,具有高性能、高可靠性、丰富的模块化支持和简单易用的优势。 应用场景 1. 动静分离: 为了加快网站的解析速度，我们可以把动态页面和静态页面分散到不同的服务器进行解析，加快解析速度，降低单个服务器的压力，比如仅对一些图片、样式、脚本等静态资源设置缓存。 2. 正向代理: 比如国内的客户想要直接访问...
TanStack Query异步状态管理
React Query API翻译参考 该文 ，如有翻译不妥之处，还请指点，谢谢！ useQuery Options 必填 用于此查询的查询键 查询键将被哈希成稳定的哈希值。有关详细信息，请参阅 当此键更改时，查询将自动更新（只要 未设置为 ） 必填，但只有在未定义默认查询函数时才需要。 有关更多信息，请参见 查询将用于请求数据的函数 接收一个 必须返回一个 ，该 将解析数据或抛出错误。数据不能为 将其设置为 以禁用自动运行此查询 可用...
内存泄漏排查
背景 (书接上回) ui妹子的无理要求，我通通满足了。但是不出意外的话，意外就出来了。 此功能在上线之后，我们的业务在客户app内使用刷脸的时候会因为内存过高导致app将webview杀死。 然后我们leader爆了，让我排查问题。可是可是，我哪里会排查内存泄漏呀。 我：我不会。你自己不会上吗？你tm天天端个茶，抽个烟，翘个二郎腿，色眯眯的看着ui妹妹。 领导：污蔑，你纯粹就是污蔑。我tm现在就可以让你滚蛋，你信吗？ 我：我怕你个鸟哦，...
十分钟玩转Mobx(
当项目越发复杂时，我们发现仅仅是提升状态已经无法适应如此复杂的状态管理了，程序状态变得比较难同步，这意味着我们需要更好的状态管理方式，于是就引入了状态管理库，如 Redux，Mobx 等。本文以Mobx 为主，再重新回顾一下～ mobx的基本概念 1.1 介绍 简单、可扩展的状态管理工具 通过运用透明的函数式响应编程使状态管瘤变得简单和可拓展 1.2 Redux和Mobx的区别 注意：复杂的应用也不是说不能用，需要合理的理清业务逻辑关系...