乐闻
基于pnpm 实现前端 Monorepo项目管理随着软件开发项目变得越来越庞大和复杂，如何有效管理和维护代码库成为了一个重要的问题。一种流行的解决方案是Monorepo，也就是在一个版本控制系统中管理所有的项目代码。什么是MonorepoMonorepo是一种项目代码管理方式，指单个仓库中管理多个项目，有助于简化代码共享、版本控制、构建和部署等方面的复杂性，并提供更好的可重用性和协作性。什么是Pnpmpnpm 是一款快速、高效的Jav
工程 · 阅读 3012 · 2023年12月25日 20:12
React 发布订阅模式最佳实践：借助 mitt 实现组件解耦发布订阅（Pub/Sub）模式是一种常见的设计模式，用于解耦组件之间的通信。在React中，组件间通信通常通过props或Context实现，但当应用复杂时，使用事件总线（EventBus）会更加灵活。mitt是一个轻量级的事件库，非常适合实现发布订阅模式。什么是mitt？mitt是一个极简的事件发射器（eventemitter），体积小（不到200字节），API简单，支持TypeScript。它
前端 · 阅读 848 · 1月10日 14:05
【手写组件库之日历组件教程第二篇】基于React实现无限滚动的日历详细教程，附在线DEMO与源码最常见的日历大部分都是滚动去加载更多的月份，而不是让用户手动点击按钮切换日历月份。滚动加载的交互方式对于用户而言是更加丝滑和舒适的，没有明显的操作割裂感。那么现在需要做一个这样的无限滚动的日历，前端开发者应该如何去思考和代码实现呢？下面我会详细的介绍实现思路和步骤。在线演示DEMOhttps://calendar.levenx.com/#/scroll-calendar实现步骤渲染单个月日历如何对
前端 · 阅读 2728 · 2023年8月24日 22:32
React 使用 Recoil 和 LocalStorage 实现状态持久化实现Recoil状态与LocalStorage的无缝集成，而不在业务组件中直接操作，我们可以使用Recoil的高阶工具——effect。Effect允许我们在atom的配置中直接定义与外部资源的交互，从而将持久化逻辑与业务组件解耦。下面是如何创建自动同步到LocalStorage的Recoilatom的步骤。实现步骤一、创建Recoil状态(atom)并添加effect首先，我们创建一个Recok
前端 · 阅读 4628 · 2024年4月21日 19:33
ES6 中的迭代器如何使用？有哪些进阶用法？ES6引入了一系列令人兴奋的新特性，极大地提高了代码的易读性和开发效率。其中，迭代器（Iterator）是一项重要的新特性，它为遍历复杂的数据结构提供了统一的接口。ES6的迭代器是遵循迭代器协议的对象，允许开发者按序访问集合的元素。它们不仅被数组和字符串等内置类型默认实现，还可以由开发者自定义，从而在数据的遍历上提供了更高的灵活性和控制力。什么是迭代器在ES6之前，我们经常通过数组或对象的索引来遍
前端 · 阅读 2478 · 2024年4月12日 11:04
Git如何重命名本地分支在使用Git进行版本控制时，有时候我们可能需要对本地分支进行重命名。这种情况可能是因为最初命名不够明确、不够符合团队规范、或者项目发展需要更加合理的分支命名体系。Git提供了简单的命令来帮助我们轻松地重命名本地分支，这篇教程中将学习如何在Git中重命名本地分支。步骤一：检查当前分支在重命名分支之前，我们需要先知道当前处于哪个分支。这很重要，因为你只能重命名你当前不在的分支。打开你的终端或命令提示符
工程 · 阅读 4619 · 2024年4月11日 23:16
Node 项目参数配置化，命令行参数前言:对于工程化的Node项目，如果设置配置系统参数，可以改变项目的参数耦合性。本文记录三种参数配置的方法。一、env变量process.env参数变量配置添加npm依赖npminstallcross-env-D命令行参数设置'scripts':{'start':'cross-envNODE_ENV=devAPI=localostnodeapp.js'}读取process.env参数console
服务端 · 阅读 3653 · 2022年6月18日 12:15
TailwindCSS 如何处理RTL布局模式TikTok作为目前全世界最受欢迎的APP，需要考虑兼容全世界各个地区的本地化语言和阅读习惯。其中对于阿拉伯语、波斯语等语言的阅读书写习惯是从右向左的，在前端有一个专有名字RTL模式，即Right-to-Left。其中以阿拉伯语作为第一语言的人口超过2.92亿，对于这个庞大的市场，App、Web网站等都需要考虑RLT布局。那么TailwindCSS应该如何处理RTL布局模式？LTR模式vsRT
前端 · 阅读 6276 · 2023年12月5日 23:16
