webpack自建react 第6页

react module.scss 避免全局冲突类似vue中scoped

创建index.module.scss文件src/components/MyComponent/index.module.scssindex.tsx2.编写index.module.scss内容//src/components/MyComponent/index.module.scss.container{padding:20px;background-color:#f0f0f0;.title{f

初遇你时动了情·2025-02-27 00:42

JavaScript系列（87）--Webpack 高级配置详解

Webpack高级配置详解️Webpack是前端工程化中最流行的构建工具之一，掌握其高级配置可以帮助我们构建更高效、更优化的应用。本文将深入探讨Webpack的高级配置技巧和最佳实践。

ᅟᅠ ‌‍‎‏ 一进制·2025-02-27 00:11

请解释 React 中的 Hooks，何时使用 Hooks 更合适？

Hooks是React16.8引入的函数式编程范式，允许在函数组件中使用状态管理和生命周期能力。就像给函数组件装上了"智能芯片"，让原本只能做简单展示的组件具备了处理复杂逻辑的能力。

程序员黄同学·2025-02-26 22:59

cocosCreator 和 Laya 的常用API与方法，多边形点击解决正方形重叠点击问题，emit，dispatchEvent，EventCustom

常用API引入：require/import导出：export/module.exports/exportsNodejs不支持import和exportes6兼容以上所有语法，当然需要webpack+babel

qq_42838904·2025-02-26 21:17

浅析vue项目优化

不错呢，踩坑的文章很多，我就不写了，主要来写一写怎么去优化vue项目注意:适用于vue-cli初始化、webpack打包的单页应用。

欧阳呀·2025-02-26 19:36

消防安全检查频率：多久一次才合适？

浙江宁波一处用于出租的居民自建房曾发生火灾，因火灾报警器未预警，导致火灾初期没有发出报警声，又因为灭火器不合格，没能发挥应有的作用，最终火灾造成7人遇难。

·2025-02-26 18:52

React 进阶阶段学习计划

React进阶阶段学习计划目标掌握自定义Hooks的创建和使用。深入理解上下文（Context）和Redux的高级用法。学会服务端渲染（SSR）。深入探讨性能优化技巧。

夜游猿·2025-02-26 17:24

React 高级阶段学习计划

React高级阶段学习计划目标深入理解React的渲染机制和性能优化。学会代码分割和懒加载。掌握单元测试和集成测试。学习TypeScript与React的结合。

夜游猿·2025-02-26 17:23

用JavaScript在React中实现Word文档和Markdown互转

在现代Web开发的世界里，React作为构建用户界面的领先库，经常需要处理各种类型的数据转换和展示任务。

·2025-02-26 14:16

业务线接入前端异常监控sentry

1.前端异常处理的框架对比是否开源收费语言监控范围sentry是自己搭建服务器（免费）价格英文Angular、AngularJs、Backbone、Ember、JavaScript、React、Vue.

weixin_33711647·2025-02-26 13:54

nodejs 的 npm install ， npm run 问题 dev webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序

nodejs的npminstall，npmrun问题devwebpack-dev-server’不是内部或外部命令，也不是可运行的程序1.安装脚手架安装脚手架命令：npminstall-globalvue-cli2

倾旎·2025-02-26 10:33

React 开发全面指南：核心 API、方法函数及属性详解

React作为当前最流行的前端框架之一，凭借其组件化、声明式编程和高效的虚拟DOM机制，成为构建复杂用户界面的首选工具。

北辰alk·2025-02-26 08:46

Vue 与 React 深度对比：从代码到原理的全方位解析

Vue和React作为当前最主流的前端框架，各自凭借独特的理念和设计哲学赢得了大量开发者的青睐。Vue以“渐进式框架”和易上手著称，React则以“声明式UI”和灵活性见长。

北辰alk·2025-02-26 08:46

WebGPU与Web框架集成

目录React集成Vue集成Angular集成Svelte集成React集成将WebGPU与React集成，可以让您在React应用中利用现代Web图形和计算API来创建高性能的3D图形和计算任务。

天涯学馆·2025-02-26 08:13

react学习：自定义hook

问题导向react自定义hook如果你都有了答案，可以忽略本文章，或去react学习地图寻找更多答案自定义hook（封装）类型：函数作用：逻辑复用，本质是函数，可以多次调用语法：名称以use开头，函数内部可以调用其他的

大神乔伊·2025-02-26 07:40

react--自定义Hook实现

概念：自定义Hook是以use打头的函数，通过自定义Hook函数可以用来实现逻辑的封装和复用import{useState}from"react"//问题：布尔切换的逻辑，和当前组件耦合在一起//不可以复用

mengyu小雨啊·2025-02-26 07:38

React + TypeScript 复杂布局开发实战

React+TypeScript复杂布局开发实战一、项目架构设计（基于最新技术栈）1.1技术选型与工程创建#使用Vite5.x+React19+TypeScript5.4npxcreate-vite@latestpower-designer-ui

i建模·2025-02-26 07:07

2024年前端框架选择指南：React、Vue、Angular与新兴框架对比

主流框架概览React特点：基于组件的开发方式，虚拟DOM差分算法优点：灵活性强，生态系统丰富缺点：需要学习JSX和状态管理库适用场景：中大型项目，需要高度灵活性和复杂状态管理的应用Vue特点：简单易学

海豹工匠·2025-02-26 07:07

react如何实时获取屏幕（浏览器视口）的宽度

代码实现importReact,{useState,useEffect}from'react';constWindowWidthComponent=()=>{const[windowWidth,s

霸气小男·2025-02-26 07:37

React 18 自定义Hook实现

React自定义Hook实现概念：自定义Hook是以use打头的函数，通过自定义Hook函数可以用来实现逻辑的封装和复用封装自定义hook通用思路：声明一个以use开头的函数在函数体内封装可复用的逻辑（

木蓝茶陌*_*·2025-02-26 06:36

react 实现自定义拖拽hook

前沿最近发现公司的产品好几个模块用到了拖拽功能，之前拖拽组件是通过Html5dragApi实现的但体验并不是很好,顺便将原来的拖拽组建稍做修改，写一个自定义hook，方便大家使用拖拽功能。正文拖拽功能原理：拖拽元素通过addEventListener监听器添加鼠标按下，鼠标移动，以及鼠标抬起事件。再通过getBoundingClientRect()得到拖拽元素四周相对于可拖拽区域边界的距离。鼠标移

丶酸酸·2025-02-26 06:35

【前端】react+ts 轮播图的实现

一、场景描述在很多网站的页面中都有轮播图，所以我想利用react.js和ts实现一个轮播图。

Loong_DQX·2025-02-26 06:03

React 源码揭秘｜ hooks原理

上篇我们说了updateQueue的实现原理，这篇我们说一下hooks，fiberHooks实现可以在react-reconciler/fiberHooks.ts找到。

小刘不知道叫啥·2025-02-26 06:33

前端面试题---vue和react的区别

文章目录框架vs库：学习曲线：模板vsJSX：数据绑定：状态管理：性能：社区支持：框架vs库：Vue是一个完整的框架，提供了从模板到状态管理的全套解决方案；React是一个UI库，主要聚焦于构建用户界面

*星之卡比*·2025-02-26 06:02

使用useReducer和useContext代替redux

并且决定替换掉redux的人群，小白劝退哦一.useContext使用1.用途：传值，从父到子，孙，孙孙..都可以拿到值2.用法：在外面先定义Contextimport{createContext}from'react

思涵欧尼·2025-02-26 03:11

使用useReducer和useContext管理组件

importReact,{useState,useReducer}from'react'constinitialState=[]constreducer=(state,action)=>{const[typ

蛮吉学长·2025-02-26 03:11

【react】进阶教程02

目录一、深度性能优化1.列表渲染优化（虚拟列表）2.使用WebWorkers处理CPU密集型任务二、复杂状态管理场景1.全局状态分层（Context+useReducer）2.异步状态管理中间件（ReduxThunk）三、高级组件模式扩展1.控制反转（InversionofControl）2.Headless组件模式四、服务端渲染与静态生成（Next.js集成）1.基础SSR实现2.静态生成（SS

咔咔库奇·2025-02-26 02:08

详细理解React的Fiber结构

一、为什么会出现Fiber旧版React通过递归的方式进行渲染，使用的是JS引擎自身的函数调用栈，它会一直执行到栈空为止。

芋圆不想圆·2025-02-26 02:38

不愧是腾讯，面试的质量太高了

大G哥·2025-02-26 02:35

Webpack Module Federation实战：微前端架构

WebpackModuleFederation是Webpack5引入的一个特性，它支持微前端架构，允许不同的Web应用之间共享模块，而不需要运行时的容器或服务器端的构建步骤。

糖糖老师436·2025-02-26 02:35

一次vue2项目打包构建优化过程

项目基本情况项目是一个vue2+webpack4的管理平台，接下来看一下项目的打包耗时情况和产物依赖情况耗时情况首先使用SpeedMeasurePlugin来看一下项目的构建过程中各个阶段的耗时情况。

糖糖老师436·2025-02-26 02:35

深入了解React Fiber：React的新架构

ReactFiber是React16引入的一种全新的协调引擎，旨在解决旧版React在性能和灵活性方面的不足。本文将深入探讨ReactFiber的工作原理、其背后的设计理念，以及它如何提升应用的性能。

糖糖老师436·2025-02-26 02:33

为什么React Hooks需要顺序调用

在享受ReactHooks带来的便捷性的同时，我们必须严格遵循顺序调用的规则，这一规则的重要性远超我们的想象。

银之夏雪丶·2025-02-26 00:54

React 中的受控组件与非受控组件：深度剖析与实战应用

一、引言在如今的前端开发里，React可是响当当的角色，是咱搭建用户界面的得力帮手。

银之夏雪丶·2025-02-26 00:53

JavaScript系列（86）--现代构建工具详解

主流的构建工具包括webpack、Vite、Rollup等，它们各有特点和适用场景。webpack详解//1.webpack配置classWebpackC

ᅟᅠ ‌‍‎‏ 一进制·2025-02-25 23:48

React之从0开始（2）

谁规定的运行React项目就要从index.html开始？好吧，应该是Facebook规定的。。。。。那没事了。反正结论就是不能改。

️○-·2025-02-25 19:46

【JS】前端文件读取FileReader操作总结

目录FileReader主要方法readAsArrayBuffer(blob)readAsText(blob,[encoding])readAsDataURL(blob)主要事件React+antdUpload

m0_74825447·2025-02-25 17:31

ScriptEcho：AI赋能的前端代码生成神器

软件简介ScriptEcho是一个专为前端开发者设计的AI代码生成平台，支持Vue、React、uniapp和Flut

begei·2025-02-25 14:07

第五章：工程化实践 - 第一节 - Tailwind CSS 与前端框架的集成

本节将详细介绍如何将TailwindCSS集成到React、Vue和Angular等主流框架中，并介绍相关的最佳实践。

qianmoQ·2025-02-25 13:33

快速辨别Vue版本的8个关键方法

//Vue2特征importVuefrom'vue'newVue({el:'#app'})组合式API语法//←这是Vue3标志constcount=ref(0)响应式系统差异//Vue3使用ref/reactiveco

wujiada001·2025-02-25 13:33

手写webpack中的loader、plugin以及babel转码的简单理解

;returnresult;}module.exports=myLoader;//使用方法：在webpack.config.jsmodule:{rules:[{test:/\.js$/,//匹配所有

编码七号·2025-02-25 11:20

每日一道面试题(技术随机）什么是前端工程化？它有什么意义？

核心要素：模块化架构采用ESModules/CommonJS实现代码拆分组件化开发（如React/Vue组件体系）//ESModule示例import{utils}from'.

晚夜微雨问海棠呀·2025-02-25 09:11

请谈谈 React 中的虚拟 DOM，如何通过 Diff 算法最小化真实DOM 更新次数？

每次组件状态变化时，React会生成新的虚拟DOM树，通过对比新旧树差异（Diffing）来最小化DOM操作。

程序员黄同学·2025-02-25 07:23

Android社招面经分享！2021华为Android高级面试题及答案，附相关架构及资料

从百度Google搬到自己的代码里,同一个问题要遇到好几次才能记住,很多问题搬完了还不知道为什么这么做.ReactNati

Andorid实习僧·2025-02-25 04:31

10天进阶webpack---（1）为什么要有webpack

首先就是我们的代码是运行在浏览器上的，但是我们开发大多都是利用node进行开发的，在浏览器中并没有node提供的那些环境。这就造成了运行和开发上的不同步问题。-----引言浏览器模块化的问题：效率问题：精细的模块划分带来了更多的JS文件，更多的JS文件带来了更多的请求，降低了页面访问效率兼容性问题：浏览器目前仅支持ES6的模块化标准（不支持COMJS），存在兼容问题，当然目前其实只要不是特别老的浏

青茶绿梅*2·2025-02-25 03:20

Netty Reactor 线程模型

Reactor线程模型是Netty实现高性能的核心所在，在Netty中EventLoop是Reactor线程模型的核心处理引擎，那么EventLoop到底是如何实现的呢？

Think_Higher·2025-02-25 03:49

使用 ahooks 解决 React 的闭包问题

React是一种流行的JavaScript库，用于构建用户界面。它通过组件化的方式，以声明式的方式处理界面状态和交互。然而，在使用React进行开发时，我们可能会遇到闭包问题。

SvqiAnaconda·2025-02-25 02:45

使用 Ahooks 解决 React 的闭包问题

React是一种流行的前端框架，但在使用React进行开发时，经常会遇到闭包问题。

ZdqDeveloper·2025-02-25 02:45

C/C++教程第十七章 —— MFC开发多人聊天室

注意本系列文章已升级、转移至我的自建站点中，本章原文为：MFC开发多人聊天室目录注意一、前言二、网络编程基础三、网络协议1.TCP2.UDP四、TCP实现聊天1.Tcp服务器2.Tcp客户端4.运行测试五

余识-·2025-02-25 00:31

免费白嫖飞书云数据库-python连接飞书多维表格

`增、删、查、改`***[文档地址](https://gcn2ovxcjfar.feishu.cn/docx/CQ3OdTsWnoLbEix67g3c60TVnjh)一、初始化教程1.导入文件2.选择自建应用

ddddnet·2025-02-24 23:53

推荐频道

webpack自建react