React初探

css实现翻牌抽奖效果

css实现翻牌抽奖效果实现效果React代码css代码总结实现效果React代码importReact,{FC,useEffect,useState}from'react'importstylesfrom
神说要有光 ye·2024-02-05 04:21

css动效：气泡在屏幕上随机漂浮

css实现气泡随机漂浮效果实现效果React代码css代码总结实现效果React代码//泡泡随机漂浮//这里的封装逻辑是基于每个泡泡大小一样进行封装的importReact,{FC,useState,useEffect
神说要有光 ye·2024-02-05 04:21

CSS-in-JS

传统的CSS代码写在一个单独的样式表文件中，在ReactApp中通过引入样式文件的方式加载。但是，随着应用程序的增加，样式表文件也变得庞大，难以维护。
阿鲁纳塞多撒·2024-02-05 03:46

React核心知识点总结（全）

React知识点总结（全）一：React脚手架（create-react-app（cra））1：安装cnpminstall-gcreate-react-app2:初始化项目create-react-appdemoNmae3
pray Serendipity·2024-02-05 03:15

React-hooks 自定义分享（这里有你想要的自定义hooks）

React-hooks自定义分享（这里有你想要的自定义hooks）useLastDatauseUpdateEffectuseAsyncMemouseAsyncEffect最近忙到飞起，完全没有时间写文章
pray Serendipity·2024-02-05 03:15

React中css-in-js的使用

CSS-in-JS在React社区的热度是最高的，这是因
月光晒了很凉快·2024-02-05 03:45

React基础原理（state数据，setState方法，获取页面Dom节点，事件绑定，生命周期）

React基础原理（state数据，setState方法，获取页面Dom节点，事件绑定，生命周期）React组件内部state数据当state中的数据发送变化以后，会调用render方法重新渲染VDOM
pray Serendipity·2024-02-05 03:45

什么是 CSS-in-JS?

这种方法在许多现代前端框架和库（如React、Vue和Angular）中变得越来越流行，因为它提供了一种组件化的方式来处理样式。
文摘资讯·2024-02-05 03:14

css-in-js

CSS-in-JS在React社区的热度是最高的，这是因为React本身不会管用
大聪明码农徐·2024-02-05 03:14

css-in-js 之 vue

CSS-in-JS就是可以使用JS来编写CSS样式，这原本是React的专属，现在可以在Vue中应用，依赖包：vue-styled-components。
佛天华·2024-02-05 03:44

React简介

是用于动态构件用户界面/视图的js库，由Facebook开源React特点采用转化模式、声明式编码，提高开发效率即组件复用率2.ReactNative可以使用React语法进行移动端开发3.使用虚拟DOM
廿二的学习日记·2024-02-05 02:45

reacr-native CodePush和AMap3DMap冲突 报错duplicatesymbol _aes_encrypt_key128

RN集成react-native-code-push和react-native-amp3dios中出现了报重复的问题具体信息如下duplicatesymbol_aes_encrypt_key128in:
HT_Jonson·2024-02-05 02:20

muduo库的模拟实现——Reactor部分

Channel模块和EventLoop模块、Poller模块是紧密关联的，其中通过EventLoop模块创建出来的对象就是一个Reactor，EventLoop对象里面有一个Poller对象，用来监控事件
JJP不会CPP·2024-02-05 01:20

vue3 图形验证码组件

/components/piccode.vue//vue3图形验证码import{reactive,onMounted,ref,toRefs,defineEmits}from"vue";exportdefault
路过的假面骑士dcd·2024-02-04 22:47

react 脚手架安装

react脚手架react的create-react-app脚手架：项目的整体技术架构：react+webpack+es6+eslint脚手架项目的特点：模块化，组件化，工程化项目的创建npminstall-gcreate-react-appnpmroot-g
hk_faith·2024-02-04 22:07

LLM应用开发与落地：使用gradio十分钟搭建聊天UI

这时候的你可能在苦恼中，毕竟react.js,next.js,css,html也不是每个人都那么熟练，对吧？
前行的七哥·2024-02-04 21:55

系统学习Python——装饰器：类装饰器-[初探类装饰器和元类]

分类目录：《系统学习Python》总目录函数装饰器是如此有用，以至于Python2.X和Python3.X都扩展了这一模式，允许装饰器应用于类和函数。简而言之，类装饰器类似于函数装饰器，但它们是在一条class语句的末尾运行，并把一个类名重新绑定到一个可调用对象。同样，它们可以用来在类一创建后就管理它们，或者当随后创建实例的时候插人一层包装逻辑来管理实例。代码结构如下：defdecorator(a
von Neumann·2024-02-04 21:17

react 中 key的作用

2).详细的说：当状态中的数据发生变化时，react会根据【新数据】生成【新的虚拟DOM】，随后React进行【新虚拟DOM】与【旧虚拟DOM】的diff比较：比较规则如下：a.
HEY_439·2024-02-04 19:58

字面跳动前端面试题：React Hook为什么不能放在if/循环/嵌套函数里面？

答：首先，ReactHooks是为了简化组件逻辑和提高代码可读性而设计的。将Hook放在if/循环/嵌套函数中会破坏它们的封装性和可预测性，使得代码更难维护和理解。
张培跃吧·2024-02-04 18:06

前端vue/react项目压缩图片工具@yireen/squoosh-browser

想要在前端项目中压缩图片，然后再上传到后端保存，就需要一个压缩工具的帮助，暂时有两个依赖库可以选择：image-conversion和yireen/squoosh-browser，看了官方仓库地址和更新时间等详情，发现还是yireen/squoosh-browser最新一些，所以就选择了yireen/squoosh-browser。@yireen/squoosh-browser地址：@yireen
1024小神·2024-02-04 18:52

手写一个 vue 项目的webpack 的配置 1

最近闲下来了，就做做技术分享系列文章计划分为三篇手写一个vue的webpack配置手写一个react的项目webpack实践手写一个webpack的脚手架我们经常在项目中遇到修改webpack的配置，但是只是单纯的依靠脚手架
hegege·2024-02-04 18:39

Vue前端框架选型论证

前端框架的演变1.1前端框架的演变历史1.2web1.0时代1.3后端MVC时代1.4前端MVC时代1.5MVP时代1.6MVVM时代2.前端框架的演变总结3.前端MVVM三大框架AngularJS、Vue、React
秋枫落落·2024-02-04 18:17

『GitHub圈选周刊13』推荐5款本周 让人爱不释手 的开源项目

本周GitHub圈选项目推荐：ReactiveResume（简历生成器）TinyRDM（新型Redis桌面客户端）OpenVoice（声音克隆工具）Surya（OCR工具）heynote（程序员记事本）
孜孜孜孜不倦·2024-02-04 18:43

RN安卓首屏白屏优化处理

mReactRootView=createRootView();mReactRootView.startReactApplication(getReactNativeHost().getReactInstanceManager
田_19ab·2024-02-04 17:03

React-Native启动页及ICON设置

本文将从Android和IOS两端分别详细介绍APP是如何设置名称、图标以及启动页的。首先我们到图标工厂上传一张1024x1024的图标，然后一键生成所有尺寸的图标，下载下来供两端使用。icon.pngIOS端设置名称在Xcode中点击你的项目修改右侧DisplayName就是APP的名称image.png设置图标将上面下载好的图标组文件夹打开，将ios目录下的AppIcon.appiconset
无穷369·2024-02-04 15:48

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
上一页 19 20 21 22 23 24 25 26 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他