react项目笔记

react 图片压缩

common.jsexportconstcommon={//这里的获取exif要将图片转ArrayBuffer对象，这里假设获取了图片的baes64//步骤一//base64转ArrayBuffer对象base64ToArrayBuffer:(base64)=>{base64=base64.replace(/^data\:([^\;]+)\;base64,/gmi,'')varbinary=ato
铭赟·2024-02-04 15:07

vue/react通用上传前图片压缩

vue/react通用上传前图片压缩当做一些自研项目或者用不了antd等上传组件或者第三方包的时候,又有上传图片等需求,同时现阶段图片文件较大,后端限制大小的时候,如何处理?
A Wonder·2024-02-04 15:37

React安装依赖 node_modules中有下载依赖项但package.json文件中没有依赖

React安装依赖node_modules中有下载依赖项但package.json文件中没有依赖直接在下载依赖项后加-S就可以解决随机id生成器(uuid、nanoid)npminstallnanoid-S-S
Z_Wonderful·2024-02-04 15:32

react 图片压缩工具(可下载)

用到的插件：compressorjs示例：ExampleCanvas.jsimportReactfrom'react';import{compressorImage}from'.
白煮酒·2024-02-04 15:01

JS(react)图片压缩+图片上传

上传domevarfileNodeTakeStock:any=createRef();onOpenFileChooserTakeStock()}>点击上传上传文件/**触发上传*/constonOpenFileChooserTakeStock=()=>{if(!!fileNodeTakeStock)fileNodeTakeStock.current.click();};/**上传图片*/const
Z_Wonderful·2024-02-04 15:28

React Hooks 学习笔记

1.useState（）实现对页面数据的存储，当数据改变时候，自动触发render函数2.useRef用来解决两个问题：1).是获取DOM元素或子组件的实例对象2).存储渲染周期之间共享的数据3.useEffect4.useLayoutEffect5.useReducer6.useContext7.useMemo性能优化8.useCallback性能优化9.useTransition性能优化10.
Programmer boy·2024-02-04 15:28

React中的Props：传递数据与组件通信

在React程序中，Props（属性）是组件之间通信的核心机制之一。Props允许将数据从一个组件传递到另一个组件，并在整个应用程序中有效地管理状态和行为。
Pandamahu·2024-02-04 14:33

React从 EMAScript5编程规范到 EMAScript6编程规范过程中的几点改变

在从ECMAScript5(ES5)编程规范转换到ECMAScript6(ES6)编程规范的过程中，有几个主要的改变：块级作用域：ES6引入了let和const关键字，允许在块级作用域中声明变量。在ES5中，变量的作用域仅限于函数内部。箭头函数：ES6引入了箭头函数的语法，简化了函数的定义。箭头函数没有自己的this值，这意味着它们继承父级作用域的this值。类和模块：ES6引入了更接近传统面向对
&ACE&·2024-02-04 14:33

React | Center 组件

React中虽然没有对应的组件，但是可以简单封装一个：index.less.container{display:flex;justify-content:center;align-items:center
祖安狂人学编程·2024-02-04 14:32

boost asio对于epoll关闭套接字顺序

其方法定义在boost::system::error_codereactive_socket_service_base::close(reactive_socket_service_base::base_implementation_type
kgduu·2024-02-04 14:18

React和Vue实现路由懒加载

React实现路由懒加载：React官方提供了React.lazy()函数来实现路由的懒加载。使用React.lazy()函数需要配合React的Suspense组件来使用。
&ACE&·2024-02-04 12:45

基于axios和react的httpclient封装

importaxiosfrom'axios';import{message}from'antd';importReactfrom'react';importstoresfrom'..
Mr无愧于心·2024-02-04 12:29

React16源码: React中event事件中batchedUpdates, controlled inputs以及事件绑定dispatchEvent源码实现

event中注意事项1）概述前面把react当中事件从开始注入到事件的监听到把整个事件对象给它构造出来，最后去触发这个事件的整体的流程还有一些重要的内容，补充下batchedUpdates通过事件去触发的
Wang's Blog·2024-02-04 11:04

React16源码: React中详解在渲染阶段Suspend的源码实现

Suspend挂起详解1）概述在react的更新过程当中，它的任务是可以被挂起的，也就是Suspend关于Suspend字面意思就是挂起在某次更新的任务更新完成之后，暂时不提交在react更新中，分为两个阶段
Wang's Blog·2024-02-04 11:04

React16源码: React中更新阶段中不同类型的expirationTime之pendingTime,suspendedTime以及pingedTime的源码实现

不同类型的expirationTime1）概述在react中有几种不同类型的expirationTimependingTimesuspendedTimepingedTime2）源码2.1关于pendingTime
Wang's Blog·2024-02-04 11:04

React16源码: React中event事件对象的创建过程源码实现

event对象1）概述在生产事件对象的过程当中，要去调用每一个possiblePlugin.extractEvents方法现在单独看下这里面的细节过程，即如何去生产这个事件对象的过程2）源码定位到packages/events/EventPluginHub.js#L172functionextractEvents(topLevelType:TopLevelType,targetInst:null|
Wang's Blog·2024-02-04 11:03

面试常问的-React 18的新特性

2022年3月发布的React18带来了一系列新特性和更新,极大地增强了React应用程序的功能和性能。这个版本为并发渲染奠定了基础,这是React未来更新的基石。
今天也想MK代码·2024-02-04 11:53

【常见的Web前端框架——详细介绍】

React由Facebook开发和维护。基于组件的架构，用于构建用户界面的库。使用JSX，一种将HTML与JavaScript混合的语法。强大的生态系统和社区，包括许多可用的第三方库如R
程序员不想YY啊·2024-02-04 11:35

react-redux基本使用思考

Time:2019-08-18Provider组件与connect方法importReactfrom"react";importReactDOMfrom"react-dom";import{Provider
钢笔先生·2024-02-04 10:29

webpack---前端工程化

加上模块化和组件化的思想越来越流行，导致vue、react等框架深得人心。但是不管用什么黑科技，浏览器是只认那三个文件的。于是打包工具就顺其自然的出现了，当
前端践行者-Mr鹏帅·2024-02-04 10:03

物流平台架构设计与实践

前端框架可以采用Vue或React等流行的框架，此外，
007php007·2024-02-04 09:24

react状态管理器-zustand

特性不需要像redux那样在最外层包裹一层高阶组件，只绑定对应关联组件即可（当在其他组件/方法修改状态后，该组件会自动更新）异步处理也较为简单，与普通函数用法相同支持hook组件使用、组件外使用提供middleware拓展能力（redux、devtools、combine、persist）可通过https://github.com/mweststrate/immer拓展能力（实现嵌套更新、日志打印
sssgoEasy·2024-02-04 08:21

【Vue3】组合式API—ref，reactive

1.初识setup1.setup两种返回值1.setup需要一个返回对象，且对象内所有数据都可以在模板中使用exportdefault{name:'App',setup(){//直接定义数据，方法，函数等letname='山鱼';letage=18;functionsayHello(){alert(`你好我叫${name},我今年${age}岁`)}//必须得返回出去才能在页面接收到return{
Aic山鱼·2024-02-04 07:59

Vue3组合式API——reactive和ref函数讲解

文章目录1.reactive()函数的作用2.ref函数的作用3.小结1.reactive()函数的作用reactive函数只能支持对象类型的函数。返回的结果是一个响应式对象。
包小志·2024-02-04 07:28

Vue3组合式API - reactive和ref函数

reactive函数作用:接收对象类型数据的参数传入并返回一个响应式的对象步骤一.从vue包中导入reactive函数二.在中执行reactive函数并传入类型为对象的初始值，使用变量接收返回值import
小羊集事笨·2024-02-04 07:28

MayReact 发布

先介绍下MayReact；https://github.com/sven36/MayReactMayReact是我参照React，preact，nerv,inferno,anujs等库写的一个miniReact
weixin_30940783·2024-02-04 07:28

实现一个mini-react

首先说下原理react自v16以后发生了很多变化，v16以后底层的“虚拟DOM”不再是简单JSON数据了，React采用了最新的Fiber（双向链表）的数据结构，作为“协调”（Diff）运算的基础数据。
我是真的不会前端·2024-02-04 07:26

vue3组合式api（reactive, ref, toRefs, watch, watchEffect）

Vue3的一大特性函数----setup1、setup函数是处于生命周期函数beforeCreate和Created两个钩子函数之间的函数也就说在setup函数中是无法使用data和methods中的数据和方法的2、setup函数是CompositionAPI（组合API）的入口3、在setup函数中定义的变量和方法最后都是需要return出去的不然无法再模板中使用二、setup函数的注意点：1、
给我一瓶冰阔洛·2024-02-04 07:26

vue3组合式Composition API之reactive函数的具体用法

reactive函数作用:定义一个对象类型的响应式数据（基本类型不要用它，要用ref函数）语法：const代理对象=reactive(源对象)接收一个对象（或数组），返回一个代理对象（Proxy的实例对象
南北极之间·2024-02-04 07:25

【react框架】如何手写一个超级mini的React，学完后对框架的理解也会更进一步

第一次试验了解Fiber写个Fiber化函数改造render按需渲染换成一次性渲染加入diff算法前言本篇文章只是对https://qcsite.gatsbyjs.io/build-your-own-react
庞囧·2024-02-04 07:55

Vue3/ Vue3组合式API(reactive 函数) 、 Vue3组合式API(ref 函数)

一.Vue3组合式API(reactive函数)语法:const代理对象=reactive(源对象)1.state需要有返回值只有返回的值才能在模板中使用2.默认普通的数据不是响应式的作用:用来定义一个对象类型响应式数据概述
春暖花开.,·2024-02-04 07:23

从实现一个React到深度理解React框架核心原理

前言这篇文章循序渐进地介绍实现以下几个概念，遵循本篇文章基本就能搞懂为啥需要fiber，为啥需要commit和phases、reconciliation阶段等原理。本篇文章又不完全和原文一致，这里会加入我自己的一些思考，比如经过performUnitOfWork处理后fibertree和elementtree的联系等。createElement函数render函数ConcurrentModeFib
夏天的味道123·2024-02-04 07:53

vue3 之 组合式API—reactive和ref函数

from'vue'//执行函数传入参数变量接收constcount=ref(0)constsetCount=()=>{//修改数据更新视图必须加上.valuecount.value++}{{count}}reactive
jiojio在学习勒·2024-02-04 07:21

miniReact＜一＞

一、工程化配置1.1目录结构1.1.1Multi-repoVSMono-repoMulti-repo每个库有自己独立的仓库，逻辑清晰，协同管理复杂Mono-repo很方便管理不同独立的库的生命周期，会有更高的操作复杂度项目有很多包，同时管理多个不同的包，选择Mono-repo，多个包之间又有着依赖关系初始化Mono-repo配置包管理工具pnpmlink来链接的依赖处理比较快更加规范：处理幽灵依赖
原来是有理数·2024-02-04 07:50

React中的事件处理逻辑

在React中，事件处理逻辑是通过在组件上添加事件监听器来实现的。事件监听器是一个函数，它会在特定的事件发生时被调用。可以通过以下几个步骤来处理事件逻辑:在组件类中定义事件处理函数。
&ACE&·2024-02-04 07:46

Element-plus之el-upload上传图片后回显，以及将回显的图片再次上传

在实际的业务中往往需要把提交但尚未上传的图片显示回前端，等待上传，以下方法是将提交后的图片回显的方法只能上传一张小于等于10MB的图片确认constupload=ref()constimageContainer=reactive
CVPlayer-·2024-02-04 07:13

视频上传那些事 -- 基础篇

那接下来，咱们就开始进入正题吧：一、环境搭建初始化项目前端搭建就不说了，使用create-react-a
小九九的爸爸·2024-02-04 06:32

gateway网关限流

org.springframework.cloudspring-cloud-starter-gateway3.0.3org.springframework.bootspring-boot-starter-data-redis-reactive2.5.3
whiteBrocade·2024-02-04 06:18

探索前端开发框架：React、Angular 和 Vue 的对决(一)

面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录一、引言Web前端开发框架的重要性各种框架的优缺点二、ReactReact
阿珊和她的猫·2024-02-04 05:44

React Router 4.0学习

引用react-router还是react-router-dom?只需引用react-router-dom这个包就行了。当然，如果搭配redux，你还需要使用react-router-redux。
lmmy123·2024-02-04 05:45

【C/C++】实现Reactor高并发服务器 一

一简单epoll服务端程序一步一步完善tcpepoll.cpp#include#include#include#include#include#include#include#include#include#include#include//TCP_NODELAY//设置非阻塞IOvoidsetnonblocking(intfd){fcntl(fd,F_SETFL,fcntl(fd,F_GETFL
橙留香写代码·2024-02-04 04:44

【C/C++】实现Reactor高并发服务器 二 优化一下服务器代码

tcpepoll.cpp#include#include#include#include#include#include#include#include#include#include#include//TCP_NODELAY//设置非阻塞IOvoidsetnonblocking(intfd){fcntl(fd,F_SETFL,fcntl(fd,F_GETFL)|O_NONBLOCK);}intm
橙留香写代码·2024-02-04 04:44

【C/C++】实现Reactor高并发服务器 三 增加 InetAddress 类

-rw-rw-r--1kingking1296Feb111:56client.cpp-rwxrwxr-x1kingking24344Feb111:56client-rw-rw-r--1kingking4437Feb113:32tcpepoll.cpp-rw-rw-r--1kingking204Feb113:33makefile-rw-rw-r--1kingking460Feb113:34InetA
橙留香写代码·2024-02-04 04:44

浅谈 React/Vue/Inferno 在 DOM Diff 算法上的异同

一、引言在现代的前端渲染框架中，VirtualDOM几乎已经成了标配，通过这样一个缓冲层，我们已经能够实现对RealDOM的最少操作，在大家的广泛认知中，操作DOM是比较慢的，因此VirtualDOM可以实现应用程序的性能提升。毫无疑问，VirtualDOM不可能全量同步到RealDOM，因为那样就违背了设计VirtualDOM的初衷，那么VirtualDOM同步到RealDOM的操作就称之为DO
Mica_马超·2024-02-04 04:53

React Native 架构演进

写在前面上一篇(ReactNative架构一览)从设计、线程模型等方面介绍了ReactNative的现有架构，本篇将分析这种架构的局限性，以及ReactNative正在进行的架构升级计划一.现有架构的局限性最初的设计也带来了一些限制
卷卷卷卷卷er·2024-02-04 04:31

如何实现钉钉实现扫码登录

为实验室做的钉钉智能机器人后台管理系统，最近在使用React+TS技术进行重构，重构时，取消了原本的账号密码登录，扫码登录与账号密码登录的目的都是为了获取用户Token，只不过是过程不一样，取而代之的便是扫码登录
I will.874·2024-02-04 03:54

极光React Native 实现iOS和Android自定义消息推送通知声音

1.铃声要在注册通知渠道时声明，发通知时声明无效，渠道只能注册一次1.铃声要在注册通知渠道时声明，发通知时声明无效，渠道只能注册一次publicclassMainActivityextendsReactActivity
a2621c92765c·2024-02-04 02:17

vue vue.config.js devServer和.env(.env.development，.env.production) 文件配置

vue目前是三大框架最简单的一种，结合了angular和react的优点，vue最大的缺点就是数据迭代会导致一些列问题所以做大项目的话，有事和react和angular要差一点，我15年接触vue之前一直是
有希望的活着·2024-02-04 02:24

Error:Could not get unknown property 'repositoryUrl' for project ':react-native:ReactAndroid' of type

release.gradle找到defgetRepositoryUrl(){returnhasProperty('repositoryUrl')?property('repositoryUrl'):'https://oss.sonatype.org/service/local/staging/deploy/maven2/'}defgetRepositoryUsername(){returnhasP
塑料机霸·2024-02-04 00:53

React知识点总结

keys是react用于追踪列表元素被修改，添加或移除的标识，我们需要保证元素的key在同级元素的唯一性，react的diff算法会根据key的值来判断该元素是新创建的还是移动的元素，减少不必要的渲染，
池鱼_故渊·2024-02-03 23:19
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他