乐闻
响应式设计：使用REM实现自适应字体缩放在构建现代网站时，支持不同设备的屏幕尺寸是前端开发者面临的重要挑战之一。为了提供更好的用户体验，网页上的内容，尤其是文字需要能够随着屏幕尺寸的变化而适应不同的显示需求。相比于传统的固定单位（如px），rem（rootem）单位提供了一种更加灵活且容易实施的解决方案，使得我们能够轻松实现屏幕放大缩小时页面文字能够跟随屏幕比例自动调整的设计。在本教程中，我将带大家了解何为rem单位，并演示如何使用它来
前端 · 阅读 4203 · 2024年1月9日 15:33
React 科学合理使用 IconReact如何科学合理的使用Icon一、React使用IconParkIconparkIcon列表依赖包安装npminstall@icon-park/reactIcon组件使用importReact,{Component}from'react';import{Shield}from'@icon-park/react';exportdefaultclassIconex
前端 · 阅读 5688 · 2022年6月18日 12:17
Node 进程守护工具 pm2Node进程守护工具pm2一个node，本身就用几行代码，就可以启动个server进程，监听个端口，为大家提供web服务Pm2启动进程的多种方式pm2startjs文件路径.jspm2startjson描述文件路径.jsonpm2startpython文件路径.py--interpreterpythonpm2startsh文件路径.sh--interpreterbashpm2start./node
服务端 · 阅读 2394 · 2022年6月18日 11:59
「自己动手丰衣足食」搭建React脚手架前言刚开始学习React的朋友基本都是从Facebook官方提供create-react-app脚手架开始，别人的脚手架开箱即用固然爽，但是有的时候想要进行一些功能的拓展（集成less等)就需要去百度谷歌。因为脚手架把整个项目的编译构建过程高度集成了，我们想通过脚手架生成的代码学习项目工程化，刚开始肯定是大难度的。伟人曾道：自己动手，丰衣足食。为了更深层次的去学习react，去尝试理解react项
前端 · 阅读 2834 · 2022年6月18日 11:51
基于React实现：弹窗组件与Promise的有机结合弹窗在现代应用中是最为常见的一种展示信息的形式，二次确认弹窗是其中最为经典的一种。当我们在React，Vue这种数据驱动视图的前端框架中渲染弹窗基本是固定的使用形式。使用方式：创建新的弹窗组件，在需要弹窗的地方引用并且需要在外层维护弹窗组件的显示/隐藏状态。这只是庞大项目中一处需要弹窗的地方，如果项目中存在N个需要弹窗的场景，我们都需要将上述步骤重复一次。这会让我们的项目组件变得臃肿冗余。
前端 · 阅读 5592 · 2023年9月5日 11:58
React 内置 Hook 之 useState 深度解析与使用案例我们都知道React从16.8版本开始引入了Hooks特性，这对于函数式组件来说是一次质的飞跃。它使得我们可以在不必写成class形式的情况下，使用state和其他特性，使代码更简洁，易读和易于测试。在所有的Hooks中，useState 可谓是基础而且非常关键的一个。我们可通过它在功能组件中声明和操作state，这对于传统只能在class组件中操作state的思维是一次重大改变。这次，
前端 · 阅读 7265 · 2024年1月2日 22:57
Next.js 高效性能优化秘籍：如何给你的React应用提速在现代Web开发中，用户体验至关重要。性能优化不仅影响用户满意度，也会影响搜索引擎的排名。Next.js作为一个流行的React框架，提供了很多内置的性能优化特性。但是，要最大化你的Next.js应用性能，你需要知道如何量化性能，以及如何针对关键指标进行优化。关键性能指标在开始优化之前，我们需要明确哪些指标会影响我们的应用性能。以下是一些你应该关注的关键性能指标：首次内容绘制(FCP):页面首个内
前端 · 阅读 6846 · 2024年2月23日 18:50
如何在 Cypress 中处理文件上传文件上传是现代Web应用中不可或缺的一个特性。不管是上传头像，还是提交文档，我们几乎每天都在与之打交道。但是，当我们谈到端到端的自动化测试时，文件上传往往成了令人头痛的问题。今天，我将和大家分享如何利用Cypress这个强大的前端测试框架来优雅处理文件上传。处理文件上传现在，让我们来看看如何在Cypress中处理文件上传。假设我们有一个简单的HTML表单，它包含了一个文件输入元素：<form
前端 · 阅读 5424 · 2024年2月24日 02:07
