重学react

[译] 为什么需要在 React 类组件中为事件处理程序绑定 this

原文地址：ThisiswhyweneedtobindeventhandlersinClassComponentsinReact原文作者：SaurabhMisra译文出自：掘金翻译计划本文永久链接：github.com
weixin_33895475·2024-01-25 11:15

React 0基础学习路线（4）— 图解详述非受控与受控组件及属性默认值、props验证原理及children原理详述（附详细案例代码解析过程）

文章目录1.重点提炼2.表单2.1example012.1.1example01-12.1.2example01-22.1.3example01-33.受控组件3.1example023.1.1example02-13.1.2example02-23.1.3example02-33.1.3.1attribute和property深入探究3.1.3.2example02-2小结3.1.4exampl
溜_x_i_a_o_迪·2024-01-25 11:44

边黎安 reactnataive 0.60 react 最深最全的react 的原理探究 死磕源码

1redvx的中间件的原理是什么?改装dispactch派发action-》（中间件(redvx-thunk(转化成fun))（store.dispatch））store=》reducerredvx-thunk（源码）redux-thunk的源码非常简洁，出去空格一共只有11行，这11行中如果不算上},则只有8行。最后三行模块的导出方法很好理解，//thunk的内容如下({dispatch,get
大神边黎安·2024-01-25 11:12

js如何在外部改变React受控组件的状态量？

document.getElementsByClassName("input")[0];input.value='newvalue';letevent=newEvent('input',{bubbles:true});//hackReact15event.simulated
leoxiaoge·2024-01-25 11:41

深入探讨React受控组件的表单处理

深入探讨React受控组件的表单处理React中的受控组件是一种通过React状态管理表单元素值的方式。
JudithHuang·2024-01-25 11:41

探究React中的非受控组件：自由而简便的表单处理

探究React中的非受控组件：自由而简便的表单处理在React中，我们常听到"受控组件"的概念，但同样存在一种自由度更高、处理简便的形式——非受控组件。
JudithHuang·2024-01-25 11:39

React+Three.js实现粒子包围的安卓机器人

创建React项目Threejs可以用在不同项目中，可以用纯js写，也可以用V
QD_ANJING·2024-01-25 11:33

Vue+OpenLayers7：html原生网页如何使用OpenLayers7地图

返回《Vue+OpenLayers7》专栏目录：Vue+OpenLayers7前言尽管现在大部分网页都是使用Vue或者React开发了，但是还是有不少开发者使用的是网页原生html进行开发，或者是老项目维护的需要
汤姆猫不是猫·2024-01-25 09:42

数组对象，名字相同的对象进行合并

需求：数组对象，name字段相同的进行合并，并将每条数据中的num累加，金额为合并之后的num*price原始数据tableDataconsttableData=reactive([{date:'2023
weixin_43877575·2024-01-25 09:08

【AI Agent系列】【MetaGPT】【深入源码】智能体的运行周期以及多智能体间如何协作

文章目录1.单智能体运行周期1.1运行入口：Role.run1.2_observe函数1.3react函数1.4publish_message函数2.智能体运行周期总结3.多智能体间如何协作推荐阅读-实战系列书接上篇文章
同学小张·2024-01-25 09:58

JavaScript 框架比较：Angular、React、Vue.js

为了在这些技术栈中做出明智选择，让我们先从核心组件聊起，再对各自前端框架（React、Angular和Vue）进行简化比较，考虑到底哪种更符合实际需求。
xiangzhihong8·2024-01-25 09:06

Gateway服务网关

SpringCloudGateway是SpringCloud的一个全新项目，该项目是基于Spring5.0，SpringBoot2.0和ProjectReactor等响应式编程和事件流技术开发的网关，它旨在为微服务架构提供一种简单有效的统一的
Maiko Star·2024-01-25 08:31

vue3源码（二）reactive&effect

一.reactive与effect功能reactive方法会将对象变成proxy对象，effect中使用reactive对象时会进行依赖收集，稍后属性变化时会重新执行effect函数。
小程很努力·2024-01-25 08:10

vue3 sign

signature"createApp(App).use(Vue3Signature).mount("#app")A.vueSaveClearUndoaddWaterMarkfromDataURLdisabledimport{reactive
zhaojjjjjj163·2024-01-25 07:16

vue3 中的 mvvm 设计与实现和 mvvm 的优缺点

你可以使用ref或reactive来创建响应式的数据。
zhaojjjjjj163·2024-01-25 07:46

react脚手架配置代理

react脚手架配置代理总结方法一在package.json中追加如下配置"proxy":"http://localhost:5000"说明：优点：配置简单，前端请求资源时可以不加任何前缀。
我叫汪枫·2024-01-25 07:15

React 18版本配置rem 和 vw

React18版本配置rem和vw经过无数次的实验最终发现兼容性比较好的方案是配置webpack.config.js第一步:npminstalllib-flexiblepostcss-pxtoremyarnaddlib-flexiblepostcss-pxtorem
我叫汪枫·2024-01-25 07:14

React和Vue的有何不同？

React和Vue是目前最受欢迎的前端框架之一，它们都拥有庞大而活跃的社区生态系统。
树上有只程序猿·2024-01-25 07:38

vue3 自动引入 ref reactive...

npmiunplugin-auto-import-Dvite.config.jsimport{defineConfig}from'vite';importvuefrom'@vitejs/plugin-vue';importAutoImportfrom'unplugin-auto-import/vite';exportdefaultdefineConfig({plugins:[vue(),AutoI
zhaojjjjjj163·2024-01-25 07:34

React中antd的使用技巧

1.antd的基本使用：(1).yarnaddantd(2).引入样式：import'antd/dist/antd.css';(3).根据文档引入组件2.antd按需引入样式(1).yarnaddreact-app-rewiredcustomize-crababel-plugin-import
我叫汪枫·2024-01-25 07:03

【GitHub项目推荐--不错的 React 开源项目】【转载】

用ReactFlow连接你的想法用ReactFlow连接你的想法，这是一个高度可定制的库，基于React用于构建基于节点的交互式UI、编辑器、流程图和图表。
旅之灵夫·2024-01-25 07:02

gateway 总体执行流程解析

目录路由部分：过滤器部分：这是Springcloudgateway的架构图，层次清晰，需要详细看的话可以直接全局搜索查看代码，里面用到了Reactor3和netty。
yzp-·2024-01-25 06:13

Netty Reactor 模式解析

目录Reactor模式具体流程配置初始化NioEventLoopServerBootstrapAcceptor分发Reactor模式在刚学Netty的时候，我们肯定都很熟悉下面这张图，它就是单Reactor
yzp-·2024-01-25 06:05

仅使用 Python 创建的 Web 应用程序（前端版本）第03章Streamlit-多页面

然而，根据React、Vue等中使用的URL路径来更改页面的路由很困难。还有一个用于获取查询参数的实验性API，但如果您确实需要这种功能，我认为认真尝试编写Rea
xianyinsuifeng·2024-01-25 05:18

2022暑假教师培训发言摘录

做老师首先要懂得和学生进行有效沟通、不拿老师的架子，做到尊重学生、理解学生，包容学生的过失。不拿学生出气，不对着学生使小性子，处理学生问题要不愠不火，合理控制自己的
教育行走林·2024-01-25 05:05

人无千日好 花无百日红

离教资考试还有一个星期今天实在是复习不下去碎碎念一下人与人之间无非就是多一分宽容少一份指责多一分鼓励少一份批评多一份信任少一份教育教师对于学生也是如此学生是独立的个体是发展中的人是独特的人教师要尊重学生的人格品德对他们抱有信心与期待每个学生来到这个世界上都带有一定的天赋与资本教师的目标就是最大程度的发掘他们身上的优点并激发出来尊重和信任每一个学生尊重学生的个别差异性
盗纪时·2024-01-25 05:38

React Native区分安卓/iOS平台

ReactNative的Platform模块可对平台和版本号进行判断。
皮卡许·2024-01-25 04:40

React Native bundle打离线包

react-nativebundle–entry-file,ios或者android入口的js名称，比如index.ios.js–platform,平台名称(ios或者android)–dev,设置为false
二斤寂寞·2024-01-25 03:45

ahooks 深入探究 useRequest 和 useLocalStorageState

利用ahooks深入探究useRequest和useLocalStorageState引言ReactHooks技术为前端开发带来了革命性的变化。
zhong_333·2024-01-25 03:58

深度解析Android APP加固中的必备手段——代码混淆技

加固混淆为了保护ReactNative应用程序不被攻击者攻击，我们需要进行代码混淆和加固操作。以下是一些常见的加固混淆方法
iOS学霸·2024-01-25 02:58

重学webpack

1优化webpack打包体积的思路优化webpack打包体积的思路包括：提取第三方库或通过引用外部文件的方式引入第三方库：将第三方库单独打包，并通过CDN引入，减少打包体积。使用代码压缩插件：例如UglifyJsPlugin，可以压缩JavaScript代码，减小文件体积。启用服务器端的Gzip压缩：通过服务器端配置Gzip压缩，减少传输体积。按需加载资源文件：使用require.ensure或动
亮学长·2024-01-25 01:06

15.React学习笔记.setState内容补充

setState数据的合并setState改变state中的部分属性，并不会覆盖原有的属性，回溯源码ReactUpdateQueue中的processUpdateQueue，getStateFromUpdate
_生生不息_·2024-01-25 01:33

【React】Hooks面试题集锦

本文集合一些React的Hooks面试题，方便读者以后面试查漏补缺。作者给出自认为可以让面试官满意的简易答案，如果想要了解更深刻，可以点击链接查看对应的详细博文。在此对链接中的博文作者非常感谢。
鑫宝Code·2024-01-25 00:00

【React】React原理面试题集锦

本文集合一些React的原理面试题，方便读者以后面试查漏补缺。作者给出自认为可以让面试官满意的简易答案，如果想要了解更深刻，可以点击链接查看对应的详细博文。在此对链接中的博文作者非常感谢。
鑫宝Code·2024-01-25 00:00

前端工程化(一)

现在市面上流行的React、Vue都有自己对应的脚手架如create-react-app、vue-cli。这些很成熟，但
无聊_069a·2024-01-24 23:28

Errors Of Reaction 2

转移举证责任要求别人反驳我们的主张。为了避免这个错误，我们要明白支持任何主张的秘诀在于作出发出主张的人，而非提出问题之人。接受支持你主张的责任。稻草人为了承认犯下稻草人的错误，需要将错误的话引入他人口中，并在之后暴露其错误，合时宜地忘记他人从未说过这些话。为了避免这个错误，要严谨并精准地引用或解释他人的话语。攻击评论家通过贬低表达观点的人来企图不信任某个想法或观点。为了避免这个错误，请将你的注意力
梁梦婷·2024-01-24 23:46

React和Vue的生态系统有何不同？

React和Vue是两个流行的前端JavaScript框架，它们都有自己独特的生态系统。
我爱学习yq·2024-01-24 22:59

【复现】D-Tale SSRF漏洞(CVE-2024-21642)_26

目录一.概述二.漏洞影响三.漏洞复现1.漏洞一：四.修复建议：五.搜索语法：六.免责声明一.概述D-Tale数据可视化插件是后端框架Flask与前端框架React组合产生的一款开源的数据可视化分析插件。
穿着白衣·2024-01-24 22:13

如何开始自己的第一个VUE工程，hello world!

当前常用的前端技术栈有react、vue和angularjs等。那么如何开始一个自己的Vue工程呢？有没有像react那样的脚手架呢？有的，vue通常使用VueCLI脚手架。
ygwelcome·2024-01-24 20:49

React开发指南：如何在一个数据model中，引用或调用另一个model的数据作为参考？

已知我们有两个数据model，一个是唱片信息数据Album，另一个是购入唱片所需的信息Purchase。这是唱片model//CREATEMODEL:Albumconst{Schema,model}=require("mongoose");constalbumSchema=newSchema({perfomer:{type:String},title:{type:String},cost:{typ
德国Viviane·2024-01-24 20:36

人教版三年级下册笔算乘法（进位） - 草稿

一．教材分析：本节课的教学内容是人教版三年级下册两位数乘两位数（进位）的笔算方法，由于学生已经有了一定的笔算基础，这节课的知识对他们来说并不陌生，所以本节课的设计特色如下：1.尊重学生已有的知识经验，给学生探究的空间
临夏740汤蓉·2024-01-24 20:12

React-9：通过路由实现排序切换

`后面的内容称为queryString，在React.js中，我们可以通过`this.props.location.search`来获取，它的值是字符串，格式为：?
kino2046·2024-01-24 19:19

Taro框架如何抹平各端的差异

Taro是一款开源的跨端统一开发框架，它通过以下方式来抹平各端（如微信小程序、支付宝小程序、H5、ReactNative等）的差异：统一的编程模型：Taro提供了与React类似的编程模型，开发者可以使用
迷途小码农零零发·2024-01-24 18:31

Redux的使用方法，目前借助的是reduxjs/toolkit redux工具

@1第一步安装redux的插件：npmi@reduxjs/toolkitreact-redux@2第二步创建store文件夹下创建index.ts文件import{configureStore}from
h960822·2024-01-24 17:07

React关于axios的二次封装 以及token刷新登录

import{Toast}from"antd-mobile";importaxios,{AxiosError}from"axios";importstorefrom'@/store'import{getTokenInfo,setTokenInfo}from"./storage";import{customHistory}from'@/utils/history'import{loutLogin}f
h960822·2024-01-24 17:07

React关于类组件ts使用

类组件中定义了两个接口的类型，分别约束自身数据state对象与父组件通过props传递进来的数据。在父组件使用子组件并传递参数；
h960822·2024-01-24 17:07

react18介绍

如自动批量处理【setState】、改进Suspense、组件返回undefined不再报错等支持Concurrent模式，带来新的API，如useTransition、useDeferredValue等如何升级React18npminstallreact
Follow_the_heart·2024-01-24 17:30

React16源码: React中的renderRoot的错误处理的源码实现

renderRoot的错误处理1）概述在completeWork这个方法之后,再次回到renderRoot里面在renderRoot里面执行了workLoop,之后，对workLoop使用了trycatch如果在里面有任何一个节点在更新的过程当中throwError都会被catch到catch到之后就是错误处理给报错节点增加incomplete副作用incomplete的副作用在completeU
Wang's Blog·2024-01-24 16:27

React中实现虚拟加载滚动

前言：当一个页面中需要接受接口返回的全部数据进行页面渲染时间，如果数据量比较庞大，前端在渲染dom的过程中需要花费时间，造成页面经常出现卡顿现象。需求：通过虚拟加载，优化页面渲染速度实现方法：策略：设置可视区域高度、滚动高度、每个元素高度、初始展示的元素数据，通过监听滚动条滚动高度，根据高度重新获取需要展示的数据进行遍历exportdefaultclassCpextendsComponent{co
南城巷陌·2024-01-24 14:53

如何在 React 应用程序中使用 FastCube.Net？

ReactJs库已广泛用于单页应用程序的Web开发。之前我们已经介绍了如何在ReactSPA应用程序中显示报告和在线报告设计器。
Augenstern__zyx·2024-01-24 14:29
上一页 35 36 37 38 39 40 41 42 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他