react项目搭建

React中封装大屏自适应（拉伸）仿照 vue2-scale-box

0、前言仿照vue2-scale-box1、调用示例{/*xxx代码*/}2、组件代码import{CSSProperties,ReactNode,RefObject,useEffect,useRef,
小小八毛·2024-02-01 20:34

基于react+typescript+redux的美团外卖点餐购物车的项目（二）附源码

文章目录一、redux配置1.store/modules/takeaway.tsx:2.store/hook.tsx3.store/index.tsx4.src/index.tsx二、页面布局1.app.tsx2.NavBar/index.tsx3.Menu/index.tsx4.FoodsCategory/index.tsx5.FoodsCategory/FoodItem/index.tsx6.
-_-你好-_-·2024-02-01 20:03

BiliBili评论案例

文章目录前言一、准备工作1.环境准备2.数据准备3.定义接口二、功能实现1.获取数据2.渲染评论数据（点赞，删除）3.用户发表评论（自动排序）4.最新最热列表渲染切换5.启动项目总结前言本次案例是基于react
-_-你好-_-·2024-02-01 20:32

基于react+typescript+redux的美团外卖点餐购物车的项目（一）

文章目录一、项目展示二、项目准备二、目录准备数据准备后续一、项目展示二、项目准备本次基于react+typescript+redux的美团外卖点餐购物车的项目需要用到的技术栈如下@reduxjs/toolkit
-_-你好-_-·2024-02-01 20:31

响应式编程之手写Reactor

前言前文提到了响应式编程，响应式规范Reactivestreams，以及响应式扩展Reactor的简单使用在使用Reactor时我一直很好奇，它是怎么做到的？
pq217·2024-02-01 20:30

解密国内BAT等大厂前端技术体系-阿里篇（长文建议收藏）

进入2019年，大前端技术生态似乎进入到了一个相对稳定的环境，React在2013年发布至今已经6年时间了，Vue1.0在2015年发布，至今也有4年时间了。
linchare·2024-02-01 19:59

解密阿里前端技术体系

进入2019年，大前端技术生态似乎进入到了一个相对稳定的环境，React在2013年发布至今已经6年时间了，Vue1.0在2015年发布，至今也有4年时间了。整个业界在前端框架不断迭代中，也
frontend_frank·2024-02-01 19:57

Vue3插槽

就是子组件提供给父组件使用的占位符,使用表示,可以填充任何模板代码插槽有匿名插槽,具名插槽,作用域插槽,动态插槽1.匿名插槽1.子组件创建插槽父组件使用插槽123或1232.具名插槽创建插槽使用底部或底部作用域插槽import{reactive
*郑*·2024-02-01 18:17

js(react)中使用百度地图

0需求依次点击区-镇-小区，展示当前位置的数据列表；移动地图（movestart事件），隐藏详情。1准备工作1.1引入百度地图并配置akjspopularGL|百度地图APISDK1.2根据IP定位获取当前定位importaxiosfrom'axios';exportconstgetCurrentCity=()=>{constlocalCity=JSON.parse(localStorage.ge
史学娇·2024-02-01 18:35

ES6总结

提交给欧洲计算器制作联合会版本97年1.098年2.099年3.0（之前的js版本）2000年4.0倍和谐09年5.0（很多新特性没学）15年es6正式确定前端框架与语言jsjqueryangularreactvuetypescript
吃肉肉不吃肉肉·2024-02-01 18:45

vue组件样式覆盖

/styles/index.scss'...方式二：组件内样式隔离React项目使用的是用的是CSSModule，Vue项目使用Scoped标记。保证样式
史学娇·2024-02-01 18:29

vue3初体验-基于vue3+ant design封装公共弹框

parent.vueimport{defineComponent,reactive,ref}from'vue';importcustomMultipleModelfrom'/@/components/custonMultipleSelection
温酒斟与你·2024-02-01 18:57

TS + vue3 + element-plus 分页组件封装

，切换页码的时候页码视图没有变化，导致以为是子组件无法监听到父组件的数据变化导致的，后面查看文档使用v-model="current_page"视图就可以变化了父组件import{onMounted,reactive
Memory灬番薯·2024-02-01 17:59

React Router 完美教程（下）

我们书接上回，继续我们的ReactRouter路由之路：我们到目前为止都没有用到state、useEffect、redux等状态管理器。但也达到了我们的设计目的。
码蚁先生·2024-02-01 16:06

实现vue3响应式系统核心-shallowReactive

简介今天来实现一下shallowReactive这个API。reactive函数是一个深响应，当你取出的值为对象类型，需要再次调用reactive进行响应式处理。
Timer@·2024-02-01 16:06

Integrating React-Ace for Enhanced Code Editing in React Applications

Intheworldofwebdevelopment,offeringanefficientanduser-friendlycodeeditingenvironmentcansignificantlyenhancetheuserexperience,especiallywhendealingwithcomplexwebapplicationsthatinvolvecodeinputorcustom
进击切图仔·2024-02-01 16:06

React进阶 - 15（React 中 ref 的使用）

本章内容目录一、e.target获取事件对应“元素”的DOM节点二、ref三、ref和setState合用上一节我们了解了React中的”虚拟DOM“中的”Diff算法““，本节我们来说一说React中
w-somebody·2024-02-01 16:05

React Router 完美教程（上）

React就是其中优秀的代表作之一。这种方式极大的优化了开发体验。从些，我们前端开发也可以向开发桌面软件一样那么的优雅，这在开发中后端产品中优势特别明显。
码蚁先生·2024-02-01 16:03

vue3：中warch监听的几种写法

作用：监视数据的变化（和vue2中的watch作用一致）特点：vue3中watch只能监视以下四种数据：1、ref定义的数据2、reactive定义的数据3、函数返回的值（getter函数）4、前面3个内容的数组写法情况一监视
荀鼠不是鼠·2024-02-01 16:02

React18-模拟列表数据实现基础表格功能

文章目录分页功能分页组件有两种接口参数分页类型用户列表参数类型模拟列表数据分页触发方式实现目录分页功能分页组件有两种table组件自带分页{setPagination({current:page,pageSize})}}}dataSource={data}/>分页组件{setPagination({current:page,pageSize})}}/>接口参数{pageNum:1,pageSize
小李科技·2024-02-01 16:36

React18-列表数据实现用户删除、批量删除

用户删除、批量删除接口删除、批量删除接口接口地址POST/users/delete请求参数{userIds:[]}参数为数组，删除和批量删除共用功能介绍单个删除删除按钮绑定事件，点击显示弹框确认。//删除consthandleDel=(values:DataType)=>{//此处要注意，不可以直接赋值/***1.如果要通过更改状态的方式传参，则需要这么做。*userIds.push(values
小李科技·2024-02-01 16:36

React18-完成弹窗封装

open('edit',values){/*创建用户*/}组件暴露open方法文档地址：https://react.dev/reference/react/useImperativeHandleuseImperativeHandle
小李科技·2024-02-01 16:33

android原生 ui 组件,React Native 使用原生 UI 组件

在之前的一篇文章中，我记录了已有的Android项目如何接入ReactNative，介绍了RN如何调用原生的方法，本篇文章上在之前的一篇的文章的基础上续写的，这一篇文章中我将记录Android如何封装原生组件
奶瓶屁屁·2024-02-01 15:32

React Native

学习目标解决以下问题:1.什么是ReactNative？为什么它的名字中有“Native”字样？2.为什么ReactNative如此之酷？
啊啊啊杨·2024-02-01 15:31

react-native-scrollable-tab-view 解决兼容问题

报错this.scrollView.getNodeisnotafunction打开node_modules下的react-native-scrollable-tab-view下的index.js，把this.scrollView.getNode
小妖怪的夏天·2024-02-01 15:30

reactnative 调用原生UI组件(二)，引入xml文件。

reactnative调用原生UI组件(二)，引入xml文件介绍reactnative调用原生的UI组件，引入原生的布局文件（xml）。
小妖怪的夏天·2024-02-01 15:30

android与React Native之间传递参数

android与ReactNative之间传递参数对应Boolean->BoolInteger->NumberDouble->NumberFloat->NumberString->StringCallback
小妖怪的夏天·2024-02-01 15:30

react native 调用原生UI组件 视频播放组件

reactnative调用原生UI组件本文章向大家介绍reactnative调用原生UI组件，主要内容包括Java端实现、Js端实现、native层向js发送消息事件、js层向native层发送命令、基本概念
小妖怪的夏天·2024-02-01 15:00

reactnative 调用原生ui组件

reactnative调用原生ui组件!
小妖怪的夏天·2024-02-01 15:28

vue3.0组件传值

vue3.0组件传值父组件子组件hellowrold.vueHellowrold2.vue父组件Thisisanaboutpageimport{ref,reactive}from'vue';importHelloWorldfrom
miao_zz·2024-02-01 14:45

vite+vue3+vuex+element-plus项目搭建基础

npmcreatevite创建项目cd项目路径，进入项目npminstall下载依赖npmrundev启动项目main.js是入口文件，所有的执行必须经过main.jsapp.vue根组件实例，挂载在index.html上每一个.vue组件都有三个顶层，template、script、style每一个组件中的变量，类名都是互不影响的，所以可以重复使用npmiaxios下载axios请求工具src下
燕燕的猪·2024-02-01 14:05

React-RTK：Selector unknown returned a different result when called with the same parameters.

在React项目中，使用redux-toolkit编写Redux逻辑，有如下代码：//store/hooksimport{TypedUseSelectorHook,useSelector,useDispatch
奋斗的小栗子·2024-02-01 13:19

Electron教程翻译5：创建UI

在Electron应用中，我们使用HTML、CSS和JS来创建用户界面（UserInterface,UI）,因此前端开发的一切技术在这里都可以用上，例如我们可以使用Angular、Backbone、React
iLester·2024-02-01 13:58

React 之 Reconciliation（调和器）

前言React提供了声明式API，因此在每次更新时你无需担心它是如何准确变化的。这将使得你的应用写起来更容易，但是React如何实现的可能并不清楚。
青叶小小·2024-02-01 13:14

如何让react-app-rewired 2支持热加载

公司的前端脚手架基于react-app-rewired，但是实际用下来之后发现不仅技术老旧还有很多不便之处，例如不支持热加载。于是查询了一下如何支持，在这里记录一下。
KazooTTT·2024-02-01 13:17

浏览器滚动恢复属性History.scrollRestoration

最近在阅读React新版官网的代码时，发现在_app.tsx中有这样一段代码。
KazooTTT·2024-02-01 13:16

Vue3中的watch函数使用

Vue2和Vue3中的watch函数作用是一样的，用来监测数据的变化并在数据变化时触发对应的回调函数，但Vue2和Vue3中的watch在使用的细节上有所不同，Vue3中的watch在监测reactive
iheliang·2024-02-01 12:33

组件封装参考

在当下react和vue这么流行的大环境下，相信你一定写过组件。如果你感觉你是职场小白，只从github或者npm下载过一些组件使用，自己没有写过，那么你就错了，你一定写过。
yolkpie·2024-02-01 11:39

t-io实战训练

上一讲我们了解了请求分发的一点小思路,这一讲进行实战训练,项目搭建过程忽略,如果需要源码,去公众号回复"tio实战源码",后续会分享一些个人在项目方面的思考,在不同的业务下,项目的构建思路,闲言少叙这个项目是因为有个朋友需要搞个
shushengcoder·2024-02-01 11:47

react项目运行出现 One of your dependencies, babel-preset-react-app, is importing the “xxxxxxx”

1.vscode编辑器运行项目成功后有警告⚠如下：Oneofyourdependencies,babel-preset-react-app,isimportingthe"@babel/plugin-proposal-private-property-in-object"packagewithoutdeclaringitinitsdependencies.Thisiscurrentlyworking
一只大黑洋·2024-02-01 11:26

npm ERR! code CERT_HAS_EXPIRED

networkrequesttohttps://registry.npmjs.org/react-reduxfailed,reason:connectETIMEDOUT104.16.2.35:443npmERR
一只大黑洋·2024-02-01 11:23

关于Redux的学习

关于Redux的学习一、什么是Redux二、如何使用Redux三、Redux的三个基本组成一、什么是Reduxredux是一个独立专门用于做状态管理的JS库(不是react插件库),它可以用在react
蛞蝓不孤寡·2024-02-01 10:19

React limits the number of renders to prevent an infinite loop.”

解决“Error:Toomanyre-renders.Reactlimitsthenumberofrenderstopreventaninfiniteloop.”问题：import{useState,Fragment
蛞蝓不孤寡·2024-02-01 10:48

React和Vue实现路由懒加载

在React中，可以使用React.lazy()函数来实现路由懒加载。React.lazy()函数接收一个函数，这个函数需要动态地调用import()函数并返回一个Promise，以异步地加载组件。
&ACE&·2024-02-01 09:05

react+ProComponents简单实现表格

文章目录使用ProComponents的原因一般后台管理系统，大部分页面功能都是列表和表单的形式。即便使用了组件、等，依旧需要写大量高度重复性的代码，比如列表页通常会有筛选栏、操作栏、表格区域、和分页栏四个部分，新增/编辑页通常有N+表单项（eg:输入框、下拉框、级联框、单选按钮、多选按钮等等）。之前也考虑将高重复性的代码抽离成组件，通过配置参数，来实现相对应的功能。在组件设计阶段，将组件的灵活性
我年薪百万·2024-02-01 09:33

React详解

介绍：React是一个用于构建用户界面的javaScript库，起源于facebook的内部项目，在13年f进行开源17版本官网：React–AJavaScriptlibraryforbuildinguserinterfaces18
叫兽~~·2024-02-01 09:02

react经验10：与jquery配合使用

应用场景老web项目进行react改造，为了节省时间，部分jquery组件仍然保留。案例1使用bootstrapTable组件。
淘人居士·2024-02-01 09:01

vue3使用is动态切换组件报错Vue received a Component which was made a reactive object.

vue3使用is动态切换组件，activeComponent用ref定义报错VuereceivedaComponentwhichwasmadeareactiveobject.Thiscanleadtounnecessaryperformanceoverhead
前端路上迷茫的小鲨鱼·2024-02-01 09:29

理解React中的setState()方法

在React中，setState()方法是一个非常重要的概念，它用于更新组件的状态并触发重新渲染。本文将探讨setState()的使用方法、工作原理以及一些基本的用法。
Pandamahu·2024-02-01 09:59

DB旅游生态系统-01-项目搭建

项目简介概述动吧旅游生态系统,应市场高端用户需求，公司决定开发这样的一套旅游系统，此系统包含旅游电商系统（广告子系统，推荐子系统，评价子系统，商品子系统，订单子系统，…），旅游分销系统(分销商的管理)，旅游业务系统(产品研发，计调服务，系统管理，…)，，。。。技术架构项目分层架构本项目应用层基于MVC设计思想，进行分层架构设计，其核心目的是将复杂问题简单化,实现各司其职,各尽所能.然后基于“高内聚
知行合一。。。·2024-02-01 08:21
上一页 39 40 41 42 43 44 45 46 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他