React基础内容学习记录第26页

create-react-app配置Antd自定义主题/按需导入

官方定制主题方案AntDesign的样式变量antd的样式使用了Less作为开发语言，并定义了一系列全局/组件的样式变量，你可以根据需求进行相应调整。以下是一些最常用的通用变量，所有样式变量可以在这里找到。@primary-color:#1890ff;//全局主色@link-color:#1890ff;//链接色@success-color:#52c41a;//成功色@warning-color:

爱读文言文的码农·2024-08-26 18:38

react antd less-loader 配置

问题说明由于react的版本不同，观看教程时react的配置文件无法对应，导致less-loader的配置出现问题，而且less版本3.0之后，在react加载less文件时会报出错误：.bezierEasingMixin

mstark·2024-08-26 18:36

create-react-app集成antd-mobile，customize-cra扩展配置addLessLoader，lessOptions,fixBabelImports，实现主题定制和按需加载

听之前同事说uni-app坑多（高手勿喷，本人小白，没学过uni，不了解，仅仅听别人说，勿骂），另外最近taro比较活跃，并且可以使用react语法开发（也支持了最新的vue3）,果断放弃uni-app

凉菜凉凉·2024-08-26 18:05

React项目-less、antd配置

一、创建Reract项目1、创建React项目npxcreate-react-appreact-test2、运行ejectCesium静态资源需要webpack配置，执行npmruneject可以生成webpack

呆呆的小草·2024-08-26 17:34

React 路由篇(v6)

写在开头本文是根据尚硅谷react课程ReactRouterDomv6篇的总结笔记01_一级路由Router6中一级路由跟5版本大体结构是差不多的，具体细节在注册路由组件时，5版本中的component

小徐努力中·2024-08-26 15:21

初步认知Next.js中ISR/RSC/Edge Runtime/Streaming等新概念

前言浅窥nextjs到目前v12版本的几个重点新概念，我们有：定义说明ISR增量静态渲染EdgeRuntime边缘运行时StreamingSSR流式传输SSRReactServerComponents服务器组件下面我们对这几个新概念进行一个初步的认知

星野睡不醒·2024-08-26 14:43

外卖系统定制开发：技术选型与架构设计要点

常用的前端技术包括：框架：React、Vue.js或Angular状态管理：Redux、VuexCSS预处理器：Sass、Less打包

万岳科技系统开发·2024-08-26 13:07

vue ref和reactive区别

Vue3中的ref和reactive都是用于创建响应式数据的API，但它们在数据类型、使用方式、访问方式、设计理念以及应用场景等方面存在明显的区别。

灰海·2024-08-26 08:32

vue的markdown编辑器插件比对

的使用及效果展示文章说明文章比对md-editor-v3、vditor这两个插件的使用及效果体验md-editor-v3的使用及效果展示安装npminstallmd-editor-v3使用import{reactive

bingbingyihao·2024-08-26 01:52

【自然语言处理】0821学习记录

1.对于自然语言来讲，在自然语言处理的第一步，我们要面对的是各种各样以不同形式表现的文本数据，比如，有的是纯txt文档，有的是存储在Excel中的表格数据，还有的是无法直接打开的pkl文件等。2.整体框架如下：2.1txt文本的读写(1)write()(2)open()(3)参数mode(4)readline()readread()不同点2.2CSV以及Excel的文本读写2.3dataFrame

007的米奇妙妙屋·2024-08-26 00:19

实现前端框架 SPA 路由功能：Hash 模式与 History 模式的手动实现

前言在前端框架（如Vue.js、React等）中，路由管理通常会配置一个router对象来定义URL路径与组件的映射关系。路径（path）:这是浏览器URL的一部分，比如/home或/about。

ZhaiMou·2024-08-25 17:36

react 案例的实现

先看一下如下效果效果这是一个简单的效果左边是用户名进行登录右边是一个答题还有遮罩相信大家还有刚刚创建好的react脚手架了，没有的话可以运行以下命令creact-react-app项目名称把项目名称四个字改成自己想要的一个名字最好是英文的在

怠惰小白程序员·2024-08-25 17:02

React+Vis.js（06）：vis.js修改选中节点的样式和边的样式

文章目录初始化知识图谱选中节点修改节点背景颜色选中节点修改节点文字颜色未选中节点恢复节点背景颜色和文字颜色修改当前选中节点的边的颜色初始化知识图谱创建network.js组件，来初始化原始知识图谱：importReact

叁拾舞·2024-08-25 15:46

react中装饰器的使用

利用装饰器简化代码，将表单验证操作统一到一个装饰器中进行首先装饰器的定义为修饰器（Decorator）是一个函数，用来修改类的行为。建立一个装饰器exportdefault(Comp)=>{classCpextendsComp{constructor(props){super(props);this.state={...this.state,errors:{},//errorqueuqthis.e

凉生可可·2024-08-25 13:18

实现一个简单的react框架 -- (Fiber架构)

简介本文将从头开始编写一个简单的类react框架。用于理解fiber原理和hooks的实现，轻松地深入React代码库。

nie-ny·2024-08-25 04:41

react 路由创建与使用

1,安装路由npmireact-router-dom2，路由组件createBrowserRouter//router/index.jsimport{createBrowserRouter}from"react-router-dom"importHomefrom

Rowrey·2024-08-25 04:41

【React Hooks原理 - useTransition】

概述在上一篇中我们介绍了useDeferredValue的基本原理，本文主要介绍一下useTransition这个Hook，之所以在这里提到useDeferredValue，是因为这两个Hook都是在React18

宇豪学习录·2024-08-25 04:40

React 学习——useMemo

useMemo使用场景：消耗非常大的计算，例如递归import{useMemo,useState}from'react';//缓存：消耗非常大的计算，例如递归functionfib(n){console.log

大个个个个个儿·2024-08-25 03:08

一文搞懂React18原理

文章目录前言React初始化过程节点类型首次渲染阶段React更新过程更新场景对比更新过程（diff）key作用ReactFiber架构单线程CPU调度策略分片设计前端如何解决React是如何优化的时间分片

小童不学前端·2024-08-25 03:37

前端精髓-React

目录React的几大原理：diff原理React的工作流程大致如下：React为什么要使用reduxRedux基本原理：Redux的核心概念包括：Redux的工作流程大致如下：整个redux工作流程：Reducer

hulovelove·2024-08-25 03:07

3月12日日记：【WEBPACK】【REACT】

关于webpack遇到的问题本次webpack配置一切顺利，需要注意的地方有两点：在使用babel-loader的时候要将node_modules目录剔除，否则会出现项目中载入css的时候出现css-loader无法加载babel-preset-env的现象：{test:/\.js$/,exclude:/(node_modules)/,...}关于alias的运用，alias在运用的时候，不需要字

钟志弘·2024-08-24 21:50

UniApp Vue3版如何实现微信小程序样式穿透

import{computed,reactive,ref,toRaw}from"vue";importtype{Ref}from"vue";import{onLoad}from"@dcloudio/

antlers777_·2024-08-24 21:59

【Material-UI】深入探讨Radio Group组件的自定义功能

RadioGroup组件的自定义1.样式定制示例2.代码详解3.样式自定义的注意事项三、如何利用自定义功能提升用户体验1.提升视觉一致性2.增强可用性3.实现更灵活的布局四、总结Material-UI是React

Peter-Lu·2024-08-24 19:53

Vue3的hooks实战演练

1.没使用钩子前：各种数据和方法都交织一起，组件易维护，代码复用性差，可读性差工资总计：{{sum}}工资求和狗的照片：获取狗的照片import{ref,reactive}from'vue';importaxiosfrom'axios'letsum

J不A秃V头A·2024-08-24 15:27

React JSX: A Deep Dive into the JavaScript XML

ReactJSX:ADeepDiveintotheJavaScriptXMLIntroductionReactJSX,oftenreferredtoassimplyJSX,isasyntaxextensionforJavaScriptthatisusedextensivelyintheReactlibraryforbuildinguserinterfaces.Itallowsdeveloperst

lly202406·2024-08-24 15:54

【博学谷学习记录】超强总结，用心分享|测试工程师必备技能总结：测试用例设计

测试用例设计软件测试设计方法：等价类（五星）边界值（五星）判定表（五星）场景法（流程图）（五星）错误推测法（二星）1.等价类划分法（五星）——复习知识作用：从穷举测试中解放出来，找到具有共同特性的测试输入子集。概念：代表性的测试输入集分类：有效等价类（满足需求）无效等价类（不满足需求）设计测试用例的步骤：需求分析划分等价类设计测试用例典型应用场景：具有典型输入框的场景2.边界值（五星）作用：对等价

小乖乖0419·2024-08-24 14:21

黄金票据 --- kerberos学习记录

文章目录Kerberos协议是怎么工作的一、黄金票据利用条件利用步骤Kerberos协议是怎么工作的这里首先要搞懂几个概念：认证服务器（AuthenticationServer，AS）：负责首次身份验证和颁发TGT（TicketGrantingTicket）给用户。用户通过AS向Kerberos服务器发送身份验证请求，并在验证通过后获取TGT。授权票证颁发服务器（TicketGrantingSer

B1ackMa9ic·2024-08-24 13:14

探索 LogicFlow Vue Demo：一款强大的可视化建模工具

项目简介LogicFlowVueDemo基于LogicFlow这一核心库，它是一个跨框架（React和Vue）的图形编辑器，支持自定义节点、边和

杭律沛Meris·2024-08-24 06:57

学习记录第三十天

管道：无名管道：只能用于亲缘关系进程之间的通信：有名管道：是一种特殊的文件，存在于内存中，在系统中有对应的名称，文件大小为0字节；编程：Linux系统中，有名管道通常通过mkfifo命令或mkfifo()系统调用来创建。一旦创建，有名管道就可以像普通文件一样被打开、读取和写入。创建有名管道：#使用mkfifo命令mkfifo/tmp/mypipe#或者在C程序中#include#include#i

(笑)z·2024-08-24 05:47

学习记录第十五天

数组指针：1数组指针的定义我们可以定义一个指向数组的指针，例如：inta[]={1，2，3，4，5};int*p=a;a本身就是一个指针，可以直接赋值给指针变量p。a是数组第0个元素的地址，所以int*p=a;也可以写作int*p=&a[0];。也就是说，a、p、&a[0]这三种写法都是等价的，它们都指向数组第0个元素，或者说指向数组的开头。再强调一遍，“a本身就是一个指针”这种表述并不准确，严格

(笑)z·2024-08-24 05:47

2021-07-21学习记录

10：18刚才背完了单词，发现把单词分为两组学也不太难。扇贝推送了考研阅读三刷方法，刚刚看了一下，总的内容和我现在做的差不多，方法总结和词句篇的梳理，它分成一二刷，但是建议几天内做完一二刷，其实可以算作一刷吧。虽然我不太理解为什么要先方法再词句梳理。三刷全面复习。中间的复习方法可以借鉴，当天的即时记忆和一周一次的间隔记忆，我的问题就是不爱复习。那就反思一下复习问题。专业课，还没背，如果背的话应该会

蓝澜2021·2024-08-24 04:10

vue3中shallowRe用法介绍

shallowReactive、‌shallowRef和shallowReadonly是Vue3中CompositionAPI的一部分，‌它们用于创建响应式数据，‌但与普通的reactive、‌ref和

phpgolife·2024-08-24 04:13

中国文学简史第二课学习记录

主讲老师：啄木鸟的卓文学起源文学是依附人类而生的，先有人后有文学。从人类社会发展规律来看，我国社会发现最开始的社会形态是：原始社会。大约公元170万年前—公元前2070年。三类古人1.元谋人发现于云南元谋县，会使用工具和伙。目前最早确认的古人类是元谋人，距今约170万年前。元谋人遗迹发掘出了两颗门齿化石，以及一些粗糙石器，还发现了碳屑和烧骨。2.北京人距今约70万—20万年前，发现于北京西南周口店

大胡子shushu·2024-08-24 02:06

vue3什么场景使用computed?如何使用

比如说，我们有这样一个包含嵌套数组的对象：jsconstauthor=reactive({name:'JohnDoe',books:['Vue2-AdvancedGuide','Vue3-BasicGuide

fury_123·2024-08-23 23:42

反思日记

第四：做好学习记录，及时复盘。第五：学英语背单词，阅读写日记。每天必须做的功课。第六：每天提醒自己，要慢下

青丘女君·2024-08-23 20:33

yii2 中获取模块、控制器、方法名的方法

yii2中获取模块、控制器、方法名的方法在视图中在控制器中在控制器的beforeAction方法中（方法接收$action参数）在视图中模块名：$this->context->module->id;控制器名

爱好者777·2024-08-23 20:50

深入理解Vue数据响应式

Vue数据响应式主要研究的是Vue构造选项中data属性的特性深入响应式官方文档网址：https://cn.vuejs.org/v2/guide/reactivity.html1.首先理解ES6的getter

雨溪滩·2024-08-23 18:20

(JS\VUE\REACT) div拖拽移动+控制大小（高度、宽度）及单独只控制div的宽度

一、div拖拽移动+控制大小（高度、宽度）1.演示数据拖拽测试数据01测试数据022.初始化（页面生成时调用）varbox=document.getElementById('box')vardrag=document.getElementById('drag')varscale=document.getElementById('scale')//调用拖拽方法this.dragTop(drag)//

丁先生320·2024-08-23 18:11

react面试题三

一、请解释React的虚拟DOM及其作用。React的虚拟DOM（VirtualDOM）是React框架中的一个核心概念，它是对真实DOM的一种轻量级内存表示。

笃励·2024-08-23 18:41

vue面试题十四

reactive：用于创建响应式对象，返回一个响应式的代理对象（Proxy）。该对象可以包含多个响应式属性。2

笃励·2024-08-23 18:41

为什么调用 setState 而不是直接改变 state

在React中，调用setState方法而不是直接改变state的原因涉及多个方面，包括性能优化、状态管理的可预测性、React的设计理念等。

小鼠米奇·2024-08-23 16:27

React 学习——forwardRef，暴漏子组件的dom元素

父组件拿到子组件的值：使用forwardRefimport{forwardRef,useRef}from'react';constInput=forwardRef((props,ref)=>{return

大个个个个个儿·2024-08-23 12:04

回溯 Leetcode 216 组合总和III

组合综合IIILeetcode216学习记录自代码随想录要点：和组合问题相似，但需要多加一个求和；classSolution{private:vectorpath;vector>result;voidbacktracking

mmaerd·2024-08-23 05:49

从零开始开发跑腿配送系统：技术选型与架构设计

一、技术选型前端技术：React：用于构建用户界面，具有组件化和高效的特点。Redux：用于状态管理，便于管理复杂的应用状态。AntDesign：提供一套美观的UI组件，提升开发效率和用户体验。

万岳科技系统开发·2024-08-23 04:47

日拱一卒（7）——leetcode学习记录：颠倒二进制位

一、任务：颠倒给定的32位无符号整数的二进制位。提示：请注意，在某些语言（如Java）中，没有无符号整数类型。在这种情况下，输入和输出都将被指定为有符号整数类型，并且不应影响您的实现，因为无论整数是有符号的还是无符号的，其内部的二进制表示形式都是相同的。在Java中，编译器使用二进制补码记法来表示有符号整数。因此，在示例2中，输入表示有符号整数-3，输出表示有符号整数-1073741825。示例1

特立独行的Q·2024-08-23 04:15

若依AI(VUE3 个人学习记录--更新中)

一、环境搭建1.若依Vue前后端代码拉取前端仓库地址：https://gitee.com/ys-gitee/RuoYi-Vue3后端仓库地址：https://gitee.com/y_project/RuoYi-Vue2.后端.yml文件（admin模块下）2.1.修改数据库账号密码以及路径2.2.修改redis密码3.新建数据库ry-vue并导入数据库表数据4.下载前端依赖在导入的RuoYi-Vu

涉世尚浅哇·2024-08-23 04:44

Frameless 开源项目教程

FramelessAchromelesswebbrowserforviewingprototypes.项目地址:https://gitcode.com/gh_mirrors/fram/Frameless项目介绍Frameless是一个基于React

邬稳研Beneficient·2024-08-23 04:43

日拱一卒（4）——leetcode学习记录：路径总和

一、任务：给你二叉树的根节点root和一个表示目标和的整数targetSum。判断该树中是否存在根节点到叶子节点的路径，这条路径上所有节点值相加等于目标和targetSum。如果存在，返回true；否则，返回false。叶子节点是指没有子节点的节点。二、思路：1.递归节点不存在，返回False左右子节点都不存在，返回targetSum==root.val左右节点都存在，返回递归(左子节点,targ

特立独行的Q·2024-08-23 03:38

3秒钟教你如何配置vscode中的vue3代码快速生成模版

.接下来只需在原有的注释之下输入粘贴如下代码即可代码如下："vue3":{"prefix":"vue3","body":["","","","","","","","","","import{ref,reactive

一只花小妖·2024-08-22 23:44

React Hooks 的一些使用小技巧

前言大家好，我是晓羽，文末有我帮助500+名同学完成改造的前端文章！欢迎大家观看~useState回调函数参数用法：能够给useState通过回调函数的形式给useState提供初始参数。介绍：useState的参数可以有两种形式：1.useState(普通的数据)=>useState(0)/useState('abc')2.useState(回调函数)=>useState(()=>{return

偏爱前端的晓羽·2024-08-22 17:07

推荐频道

React基础内容学习记录