react前端技术

详解从 0 发布 react 组件到 npm 上

我发布了我的第一个npm组件，一个基于react的3d标签云组件。
萧然似我·2024-01-22 21:56

微信小程序背后运行原理及技术分析

写在前面微信小程序使用了前端技术栈JavaScript/WXML/WXSS。
中v中·2024-01-22 21:07

地图 - 实现有多条定位，显示多条定位，并且使用一个圆形遮罩层将多条定位进行覆盖

首先，需要在你的index.html模板页面头部加载百度地图JavaScriptAPI代码，密钥可去百度地图开放平台官网申请然后，使用npm方式安装react组件库，然后通过es模块加载npminstallreact-bmapgl
小安吖~·2024-01-22 20:19

React16源码: React中的completeUnitOfWork的源码实现

completeUnitOfWork1）概述各种不同类型组件的一个更新过程对应的是在执行performUnitOfWork里面的beginWork阶段它是去向下遍历一棵fiber树的一侧的子节点，然后遍历到叶子节点为止，以及return自己child的这种方式在performUnitOfWork里面，还有一个方法叫做completeUnitOfWork在completeUnitOfWork中会根据
Wang's Blog·2024-01-22 20:26

React16源码: React中的updateMemoComponent的源码实现

updateMemoComponent1）概述在react16.6之后，提供了一个新的API通过React.memo来创建一个具有类似于purecomponent特性的functioncomponent
Wang's Blog·2024-01-22 20:56

React16源码: React中的updateMode的源码实现

updateMode1)概述Mode组件是react提供给我们的原生组件一共有两个:ConcurrentMode和StrictMode对于这两个Mode的更新过程最终调用的都是updateMode的方法它们执行的过程非常的简单
Wang's Blog·2024-01-22 20:26

React16源码: React中的FunctionComponent的源码实现

FunctionComponent1）概述FunctionComponent会引出调和子节点的过程调和子节点是一个统一的过程，和各类组件不同类型没有太大关系在ReactDOM.render第一次时，只有一个
Wang's Blog·2024-01-22 20:24

vue3完整的登录页面,element-plus

Createimport{ref,reactive}from'vue';importtype{FromItemRules,FormInstance}from"element-plus"//donotusesamenamewithrefinterfaceIform
paul jeorgh·2024-01-22 17:28

vue3hooks的使用

vue3借鉴reacthooks开发出了CompositionAPI，所以也就意味着CompositionAPI也能进行自定义封装hooks。
paul jeorgh·2024-01-22 17:28

chrome浏览器Extension插件开发框架对比和介绍

想开发chrome浏览器插件的话，如果没有一个好的框架支持，那么你只能手写js和html实现了，这样做的话，可能效率没有那么高，所以github上就有一些牛人来定制化了这些操作，将react和vue等开发框架快速集成
1024小神·2024-01-22 17:56

如何使用react的hook实现复制粘贴操作？

第一步：新建hooks文件，并在其目录下创建一个钩子文件useClipboard.jsx（1）引入useCallback和useStateimport{useCallback,useState}from"react
开心点啦.·2024-01-22 17:28

客户端读取并显示XLXS文件

FrameworksandBundlers|SheetJSCommunityEdition第一步：安装第二步：内容的引入import*asXLSXfrom'xlsx'import{useState}from"react
开心点啦.·2024-01-22 17:28

Angular/Vue/React三大框架的异同点

不同点：angularJsvueJsreactJsangularTs(2+)控制器√---过滤器√√-√指令√√-√模板引擎√√-√服务√--√jsx-√√-共同点：虚拟DOM(angularJs除外angular
MATIÈRE·2024-01-22 16:26

Vue和react的异同

共同点Vue和React存在着很多的共同点：数据驱动视图组件化都使用VirtualDOM1.数据驱动视图在jquery时代，我们需要频繁的操作DOM来实现页面效果与交互；而Vue和React解决了这一痛点
前端同学·2024-01-22 16:25

vue 和 react语法对比异同点

vue和react学习异同点本文不做两个框架比较，只对比了两个框架的语法对比，不代表任何观点，盗版必究，本人唯一qq：421217189欢迎大家一起来学习探讨，壮我大前端（本文markdown直接生成，
weixin_30896763·2024-01-22 16:55

React：解析核心工作原理

目录1.1、虚拟DOM1.2、render、Component基础核心api1.2、render、Component基础核心api1.3、手写简版myreact小结1.1、虚拟DOM常见问题：reactvirtualdom
m0_57781768·2024-01-22 16:25

Vue和React的异同点，及技术选型

提供响应式的试图组件都有virtualDOM,组件化的开发，通过props参数进行父子之间组件传递数据，都实现了webComponents规范数据流动单向，都支持服务器的渲染SSR都有支持native的方法，react
前端劝退狮·2024-01-22 16:55

vue和react的异同

vue和react有哪些区别vue鼓励template模板编译，写起来很接近标准的htmlreact推荐所有的模板通用jsx书写，会赋予很多编程能力vuecss写在单文件中，可以通过scoped属性模块化
Chasing_Dreams·2024-01-22 16:24

Vue与React的异同

2.都支持组件化，都有props（properties）的概念，允许父组件往子组件或孙组件传送数据（不允许子组件改变父组件传来的props值）3.都是数据驱动视图4.都支持服务端渲染5.都有管理状态，React
一车鸡蛋·2024-01-22 16:24

Vue与React：核心异同点解析

Vue和React是前端开发领域的两大主流框架，它们在核心概念、特性和应用场景上存在一些异同点。本文将深入探讨Vue和React的核心异同点，帮助读者更好地理解两者的关系和差异。
番茄大大~·2024-01-22 16:54

react-echarts柱状图坐标显示ToolTip

问题：水平方向的柱状图大小受限，文字需要省略加tooltip提示classdemoextendsReact.component{constructor(props){super(props);this.state
小乙9527·2024-01-22 14:49

什么是JSX以及在React中的使用

1.什么是JSX？JSX是一种JavaScript的语法扩展，它是一个看起来很像XML的JavaScript语法扩展。虽然它看起来像模板语言，但实际上它更接近于JavaScript的语法糖。JSX代码在运行时会被转译为普通的JavaScript对象。以下是一个简单的JSX示例：constelement=Hello,JSX!;在上述代码中，Hello,JSX!就是一个JSX表达式，它将被转译为Rea
heiyay·2024-01-22 14:11

React.js快速入门教程

介绍React.js是一个由Facebook开发的用于构建用户界面的JavaScript库。它主要用于构建单页面应用程序（SPA），可以轻松地创建交互性强、快速响应的用户界面。
heiyay·2024-01-22 14:10

React 实现 textarea 文本域自适应高度(autoSize)

在React应用中，有时需要一个文本域（textarea）能够根据输入的内容自动调整其高度。这在创建具有良好用户体验的表单和界面时非常有用。本文将介绍如何使用React来实现这一功能。
天問_·2024-01-22 14:59

react 合成事件

在react中所有事件都是合成的，不是原生的dom事件，真正的dom事件可以通过e.nativeEvent获得1.和原生事件的区别react中所有事件都是使用驼峰命名2.react事件和原生事件执行顺序
前端码字·2024-01-22 14:20

2023年最佳榜单之14个最受欢迎的React图表库

如果你处理涉及大量数据的项目，你可能曾经使用过React库。以一种既有价值又容易被受众理解的方式来表示数据，这可能是一种挑战。这些工具可以帮助你在短时间内毫不费力地创建常见的数据可视化图表。
WPHunter·2024-01-22 14:19

react学习之---jsx转成虚拟dom的过程

jsx----经过Bebal编译返回可供React.createElement()可调用的对象—React.createElement调用后生成虚拟dom—diff算法—生成新的真实dom经过babel
小白分享·2024-01-22 14:48

React类组件和函数组件的区别

1.类有自己的this,函数没有2.类需要实例化，函数不需要3.类需要继承，函数不需要4.类有生命钩子，mount,undata,unmount5.类有自己的state,函数组件需要通过hook经典场景：函数会形成闭包。而类组件得到的都是最新的值。函数组件：当用户选择苹果，点击购买后，再切换浏览香蕉，提示信息反馈用户下单的是苹果。类组件：当用户选择苹果，点击购买后，再切换浏览西瓜，提示信息反馈用户
小白分享·2024-01-22 14:48

react合成事件

react合成事件概念react合成事件是react模拟原生dom事件所有能力得一个事件对象。拥有与浏览器原生事件相同的接口。
点了个汤·2024-01-22 14:17

React的合成事件

原生事件——>React事件——>document事件都是先执行原生事件再到react事件。
小白分享·2024-01-22 14:45

TCP服务器的演变过程：C++使用libevent库开发服务器程序

C++使用libevent库开发服务器程序一、引言二、libevent简介三、Libevent库的封装层级3.1、reactor对象封装structevent_base3.2、事件对象structevent3.3
Lion Long·2024-01-22 14:14

react-navigation快速点击会导致多次跳转的问题解决办法

修改react-navigation目录下，scr文件夹中的addNavigationHelpers.js文件importtype{NavigationProp,NavigationParams,NavigationScreenProp
若水三千瓢·2024-01-22 12:13

React：构建用户界面的强大工具

React是一款由Facebook开发的JavaScript库，用于构建用户界面。本文将介绍React的基本概念、特点、应用场景以及与其他框架的对比。
番茄大大~·2024-01-22 12:08

vue2实例初始化流程

(Vue,'config',configDef)初始化了Vue.config这个静态属性2.定义了Vue.util，并挂载了一部分API（warn/extend/mergeOptions/defineReactive
Neo 丶·2024-01-22 12:18

基于SpringBoot的工作量统计管理系统

推荐环境配置：eclipse/ideajdk1.8mavenmysql前端技术：vue，Ajax，Json后
超级无敌暴龙战士塔塔开·2024-01-22 11:12

基于SpringBoot的校园求职招聘系统

推荐环境配置：eclipse/ideajdk1.8mavenmysql前端技术：vue，Ajax，Json后端
超级无敌暴龙战士塔塔开·2024-01-22 11:12

基于SpringBoot的药品管理系统

推荐环境配置：eclipse/ideajdk1.8mavenmysql前端技术：vue，Ajax，Json后端技术
超级无敌暴龙战士塔塔开·2024-01-22 11:12

基于SpringBoot的智慧社区居家养老健康管理系统

推荐环境配置：eclipse/ideajdk1.8mavenmysql前端技术：vue，Ajax，
超级无敌暴龙战士塔塔开·2024-01-22 11:41

React Hooks 源码解析：useEffect

ReactHooks源码解析（4）：useEffectReact源码版本:v16.11.0源码注释笔记：airingursb/react1.useEffect简介1.1为什么要有useEffect我们在前文中说到
秋の本名·2024-01-22 11:07

学习Redux：React状态管理的简明指南

一、Redux介绍Redux是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行作用：通过集中管理的方式管理应用的状态为什么要使用Redux？
秋の本名·2024-01-22 11:37

react、vue移动端项目使用技术

react、vue移动端使用到的技术：一、px2rem插件h5移动端首先需要做到适配各种手机屏幕，所以使用的单位肯定是相对单位。比如：rem原理就是rem是相对单位，给html加个基准值，然后其后代元
崽崽的谷雨·2024-01-22 11:03

React、vue、h5端项目避免缓存

前言：h5项目和pc端项目上线时，有时只有细微的改变，但是部署完后，再次访问却是没变化。必须清除缓存才行。pc端项目手动清除一下还行，但是h5项目却不行。尤其嵌套在app里，只能清除app的缓存，微信里也是必须清除app缓存。比如：微信里：我>设置>通用>存储空间比如：h5嵌套在app里到设置>应用管理>存储设置>清除缓存（不同手机，步骤不一样，但都大差不差）pc端就可以去浏览器设置清除缓存：不同
崽崽的谷雨·2024-01-22 11:03

react页面缓存：React Keep Alive和React-Keeper

vue中有keep-alive进行页面缓存，react提倡尽可能少的api以减少开发者的使用成本，并没有提供相关的api（我觉得这样更麻烦了），需要自己手写，我从git找到两种评价较高的对应插件分析给大家
super_wanan·2024-01-22 11:02

React 中保存页面状态/在react中实现vue的keep-alive/React Activation

1.背景用户访问了一个列表页，点击查进入详情页，从详情页退回列表页时，需要停留在离开列表页时的浏览位置上在React中，我们通常会使用路由去管理不同的页面，而在切换页面时，路由将会卸载掉未匹配的页面组件
圆圆小朋友·2024-01-22 11:32

react react-activation keep-alive 实现路由跳转返回保留组件状态

文章目录reactreact-activationkeep-alive实现路由跳转返回保留组件状态1.react-activation安装2.在入口文件引入并使用`AliveScope`包裹3.在路由文件中用
kk_6·2024-01-22 11:01

React 页面缓存 keep-Alive

官方推荐使用状态管理器来缓存页面。搭建好状态管理器（这里用zustand）；//index.tsximportpageKeepAlivefrom'./module/pageKeepAlive';conststore={pageKeepAlive}exportdefaultstore//pageKeepAlive.tsimportcreatefrom'zustand'import{persist}f
肉松圆圆·2024-01-22 11:00

React-Route6实现keep-alive效果

一、基于react-route6useOutlet实现二、代码呈现importReact,{useRef,createContext,useContext}from'react'import{useOutlet
姑老爷呀·2024-01-22 11:29

react实现keep-alive

网上找了很多方案，可能demo是可以的，但是在复杂的场景下会有很多问题，基本上不能实现，经过一上午的折腾总算是弄出来了，采用的方案是react[email protected]代码如下importReactfrom"react
前端-wjh·2024-01-22 11:29

React 中保存页面状态，在react中实现vue的keep-alive，React Activation

选中了ReactActivation插件，使用如下：这是参考文档：react-activation/README_CN.mdatd08219cba1fd3bc2ddd18b382eac656f1826d65d
LLL_LH·2024-01-22 11:56

react 实现页面状态缓存（keep-alive）

前言：因为react、vue都是单页面应用，路由跳转时，就会销毁上一个页面的组件。但是有些项目不想被销毁，想保存状态。比如：h5项目跳转其他页面返回时，页面状态不丢失。
崽崽的谷雨·2024-01-22 11:53
上一页 40 41 42 43 44 45 46 47 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他