react前后端第37页

ref 和 reactive 区别?

相同点：ref对象和reactive对象在模板中使用的时候，都直接去修改属性即可(ref对象在模板中不用.value)不同点：1.ref可以包裹基本数据类型，reactive不可以2.当ref包裹一个对象的时候

「已注销」·2024-03-05 09:31

react面试题

SZnA1·2024-03-04 15:07

Vue/React 前端高频面试

说一说vue钩子函数钩子函数是Vue实例创建和销毁过程中自动执行的函数。按照组件生命周期的过程分为：挂载阶段->更新阶段->销毁阶段。每个阶段对应的钩子函数分别为：挂载阶段（beforeCreate，created，beforeMounted，mounted）、更新阶段（beforeUpdate，updated）、销毁阶段（beforeDestroy，destroyed）完整的父子组件生命周期执行

王哈哈的学习笔记·2024-03-04 09:00

Astro + NextUI 搭建个人博客（导航组件篇）

Astro简介由于我之前的个人博客是Vue3+Quasar+Koa+MySql搭建的，整体就是SPA的思路，作为练手倒是可以锻炼前后端各方面的能力。

·2024-03-04 00:18

【React架构 - Scheduler中的MessageChannel】

前序我们都知道JS代码是在浏览器5个进程(下面有介绍)中渲染进程中的Js引擎线程执行的，其他还有GUI渲染线程、定时器线程等，而页面的布局和绘制是在GUI线程中完成的，这些线程之间是互斥的，所以在执行Js的同时会阻塞页面的渲染绘制。60帧我们是认识标准帧率，所以我们本文都是以60帧来进行说明，即16ms。所以我们需要在16ms之内完成Js解析执行、样式布局、页面绘制这三个步骤，如果Js执行太长时间

weixin_44273311·2024-03-03 17:39

react + umi中如何使用rem完成自适应布局

只要写css就可以实现：flex+rem布局；在项目的global.less中根据媒体查询；媒体查询是用于根据设备的特性（如屏幕尺寸、屏幕方向、分辨率等）来应用不同的CSS样式的技术。以下是一些常用的媒体查询尺寸：小屏幕设备（手机）：最大宽度为576px：@media(max-width:576px){...}中等屏幕设备（平板）：最小宽度为576px：@media(min-width:576px

左&耳·2024-03-03 04:22

react组件间通讯方式（组件传值）

组件间传值有多种方式，包括使用props、ContextAPI、回调函数、自定义Hook、事件总线等。下面我将逐一介绍这些传值方式：一、props传值（父给子传）1、最常见的方式是通过props将数据从父组件传递给子组件。2、在父组件中通过JSX的属性形式将数据传递给子组件。//ParentComponent.js（父组件）importChildComponentfrom'./ChildCompo

秃头的小毛驴·2024-02-29 21:03

vue、react和小程序的状态管理

vue2的状态管理vuexvuex官网：https://vuex.vuejs.org/vuex安装在vue2中使用vuex的3版本：npmivuex@3在vue3中使用vuex的4版本：npmivuex@4vuex全局配置使用导出vuex的状态配置:index.jsimportVuefrom'vue'importVuexfrom'vuex'exportdefaultnewVuex.store({a

LLLuckyGirl~·2024-02-29 19:30

从零开始构建React Native数字键盘功能

首发于公众号前端混合开发，欢迎关注。现代移动应用程序在入门过程中经常涉及一个步骤，你需要输入发送到你的电子邮件或手机号码的验证码PIN。有时，你需要使用类似于分割OTP输入字段的东西来输入PIN。另一种输入验证码PIN的方式是使用拨号盘。"OTP"指的是"一次性密码"(One-TimePassword)。这是一种安全机制，用于通过短信或电子邮件向用户发送一次性使用的密码或验证码，以验证用户的身份。

·2024-02-29 09:47

【懒加载】Suspense和lazy实现react组件的懒加载

importReact,{lazy,Suspense}from'react';constLazyComponent=lazy(()=>import('.

凭栏听雨客·2024-02-28 11:52

react useContext 用法

1创建createContextimportReact,{useContext,useEffect,useState}from'react'constGlobalContext=React.createContext

老胡说前端·2024-02-28 09:20

vue3中vue-pdf-embed实现放大、缩小、上一页、下一页、滚动翻页功能（pdf文件预览）

npminstallvue3-pdfjsnpminstallvue-pdf-embed2.完整代码上一页{{state.pageNum}}/{{state.numPages}}下一页放大缩小下载import{reactive

℘团子এ·2024-02-27 18:30

React入门简介

React简介react是Facebook用来创建用户界面的js库。React不是一个MVC框架，而是一个用于构建组件ui库，是一个前端界面开发工具，所以很多人认为React是MVC中的V（视图）。

slom_fxt·2024-02-27 16:57

React Native调用摄像头画面及拍照和保存图片到相册全流程

今天主要做了一个demo,功能很简单,就是调用手机摄像头画面,并且可以通过按钮控制拍照以及将图片保存到手机相册的功能,接下来我将从创建项目开始一步一步完成这个demo,各位只需要复制粘贴即可创建ReactNative

萧寂173·2024-02-27 03:42

chrome devtools 技巧

1.Chrome117可以直接修改接口返回的数据了在前后端联调的时候，往往后端的数据会出现问题，这时候通知后端改接口，改数据，他们修改发布需要个过程，而前端很想把当前的功能调通，这个时候可直接在devtools

·2024-02-27 02:38

猫头虎分享已解决Bug || TypeError: Object(...) is not a function (React Hooks)

博主猫头虎的技术世界欢迎来到猫头虎的博客—探索技术的无限可能！专栏链接：精选专栏：《面试题大全》—面试准备的宝典！《IDEA开发秘籍》—提升你的IDEA技能！《100天精通鸿蒙》—从Web/安卓到鸿蒙大师！《100天精通Golang（基础入门篇）》—踏入Go语言世界的第一步！《100天精通Go语言（精品VIP版）》—踏入Go语言世界的第二步！领域矩阵：猫头虎技术领域矩阵：深入探索各技术领域，发现知

猫头虎-前端技术·2024-02-26 21:35

使用Node.js开发RESTful API

RESTfulAPI是现代web应用的基石，通过它，我们可以实现前后端的高效沟通和数据传输。而在开发RESTfulAPI的过程中，Node.js的强大功能和灵活性让其成为首选的开发工具之一。

JJCTO·2024-02-26 14:58

鸿鹄工程项目管理系统em Spring Cloud+Spring Boot+前后端分离构建工程项目管理系统

本文将介绍一个基于SpringCloud和SpringBoot技术的Java版工程项目管理系统，结合Vue和ElementUI实现前后端分离。

m0_72864708·2024-02-26 10:52

【每日前端面经】2023-02-25

题目来源:牛客+牛客每日面经20240225了解Taro么Taro是一个开放式跨端跨框架解决方案，支持使用React/Vue/Nerv等框架来开发微信/京东/百度/支付宝/字节跳动/QQ/飞书小程序/H5

糠帅傅蓝烧牛肉面·2024-02-26 06:47

Django前后端分离之后端基础3

12案例：登录_哔哩哔哩_bilibili参考大佬的B站视频教程笔记登录接口的实现会话机制成功后的信息保存：生成随机字符串返回到用户的浏览器的cookie中存储到网站的session中随机字符串+用户标识中间件的使用，解决登录保护使未登录过的用户进行登录fromdjango.utils.deprecationimportMiddlewareMixinfromdjango.shortcutsimpo

_pass_·2024-02-26 04:45

react之旅（六）约束性和非约束性组件 input text radio select checkbox textarea 以及获取表单的内容

一、约束性组件和非约束性组件1.1非约束性组件非约束性组件这样写：这里的defaultValue就是原生DOM的value，用户输入的值就是vaule的值，react完全不管输入的过程。

一天一丢丢·2024-02-25 21:33

如何在springboot中解决跨域的问题

在使用springboot框架时，因项目大多用于前后端分离的设计，因此就会产生跨域问题。

程序员阿瓜·2024-02-25 14:25

react + Typescript 中 react有多少内置的类型分别是什么

react+Typescript中react有多少内置的类型分别是什么React和TypeScript结合使用时，React提供了一系列的内置类型（也称为类型定义或类型别名）来帮助你在TypeScript

汝&戏·2024-02-25 10:49

git连接远程仓库的方式

将本地仓库推送到远程仓库当前状态：本地仓库没有关联远程仓库远程仓库有一个main分支1将本地仓库与远程仓库关联[email protected]:gaoqiang19514/react-ssr-app.git2

·2024-02-25 09:09

wo-gradient-card是一款采用uniapp实现的透明辉光动画卡片

id=16729使用示例import{reactive}from'vue';conststate=reactive({options:[{tag:'最新',t

狼性书生·2024-02-25 02:09

当useEffect遇到函数依赖

importReact,{useState}from'react';constapi={login(username){console.log('username',username);},};functionLogin

·2024-02-24 21:32

React中的高优先级任务插队机制

点击进入React源码调试仓库。在React的concurrent模式下，低优先级任务执行过程中，一旦有更高优先级的任务进来，那么这个低优先级的任务会被取消，优先执行高优先级任务。

·2024-02-23 21:18

【Antd】Form 表单获取不到 Input 的值

Form表单中的Input组件的值，不能被Form获取，导致输入了内容，但是表单提交的时候值为undefined报错代码import{Button,Form,Input}from'antd';importReactfrom'react

一颗不甘坠落的流星·2024-02-23 18:07

给图片添加图片水印

一、项目场景：react+antd4.x（此版本没有watermark水印），需要将后端传递的图片添加图片水印二、水印添加：（此代码为修改好的）importimgsfrom'.

九九七七·2024-02-22 23:14

【实战】二、Jest难点进阶（二） —— 前端要学的测试课从Jest入门到TDD BDD双实战（六）

mock深入学习学习内容来源：Jest入门到TDD/BDD双实战_前端要学的测试课相对原教程，我在学习开始时（2023.08）采用的是当前最新版本：项版本@babel/core^7.16.0@pmmmwh/react-refresh-webpack-plugin

程序边界·2024-02-22 22:43

React面试题：React.Component和React.PureComponent的区别？

React面试题：React.Component和React.PureComponent的区别？

王歪歪·2024-02-22 22:42

可视化大屏前端开发：GIS开发技术栈

GIS前端开发技术栈通常包括以下几个方面：前端框架：GIS前端开发通常使用Vue、React或Angular等前端框架来构建应

千汇数据的老司机·2024-02-20 23:47

React Hook “useSelector“ cannot be called at the top level. React Hooks must

一般报这个错的话，就是useSelector写在了函数组件外边解决办法就是//项目的根组件import{useSelector}from"react-redux";functionApp(){constcount

poguanba·2024-02-20 22:34

零基础部署前后端分离SpringBoot+Vue项目到阿里云服务器

1、用支付宝账号登录阿里云购买服务器可以试用一个月金秋十月，注册抽好礼https://www.aliyun.com/activity/daily/lottery-October?utm_content=se_10102706432、购买服务器登录后点击控制台再点击云服务器3、进入控制台后点击云服务器ecs4、点击远程连接出现如下图界面、用户root、密码：你的服务器密码、点击确定即可进入网页版服务

心上秋可上可·2024-02-20 22:18

react起源

简介React（有时叫React.js或ReactJS），是一个为数据提供渲染为HTML视图的开源JavaScript库。React视图通常采用包含以自定义HTML标记规定的其他组件的组件渲染。

lemmo·2024-02-20 22:55

react中的context

在React中，数据可以以流的形式自上而下的传递，每当你使用一个组件的时候，你可以看到组件的props属性会自上而下的传递。

yonglei_shang·2024-02-20 22:23

概念理解

Git---版本管理SVNAngular-cli---脚手架测试Angular---js框架vuereact库Node---js框架Npm---包管理工具Ng-zorro---UI库btelementvueNode

潘婷baby·2024-02-20 22:10

React和Vue 中的 router 实现原理如何

React和Vue中的路由器（Router）实现原理类似，都是基于监听URL变化，然后根据不同的URL加载相应的组件或页面。

xxq_0217·2024-02-20 21:45

react中如何做到中断diff过程和恢复

workLoop是实现时间切片和可中断渲染的核心，简要说明如下：//并发任务的入口functionworkLoopConcurrent(){//PerformworkuntilSchedulerasksustoyield//有任务&是否需要中断while(workInProgress!==null&&!shouldYield()){performUnitOfWork(workInProgress)

_处女座程序员的日常·2024-02-20 21:42

前后端开发的心得体会_前后端对接的思考及总结

说在前面的话随着前端NodeJs技术的火爆,现在的前端已经非以前传统意义上的前端了,各种前端框架(Vue、React、Angular......)井喷式发展,配合NodeJs服务端渲染引擎,目前前端能完成的工作不仅仅局限于

weixin_39586915·2024-02-20 20:29

第4讲引入JWT前后端交互

引入JWT前后端交互Jsonwebtoken(JWT),是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准（(RFC7519)；JWT就是一段字符串，用来进行用户身份认证的凭证，该字符串分成三段

九品印相·2024-02-20 20:52

CORS 和 JSONP 解决跨域问题

但在前后端分离的开发模式中，前后端的域名是不一样的，如果要进行数据的交互就会产生跨域。解决跨域的方案：一：cors设置请求头浏览器的同源安全策略默认会阻止网页“跨域”获取资源。

如光凌清尘·2024-02-20 20:32

以程序员的视角，看前后端分离的是否必要？

Hello，我是贝格前端工场，本篇分享一个老生常谈的话题，前后端分离是必然趋势，但也是要区分具体的场景，欢迎探讨，关注，有前端开发需求可以私信我，上车了。

贝格前端工场·2024-02-20 20:10

【C/C++】实现Reactor高并发服务器完整版

代码结构文件介绍InetAddress.hInetAddress类ip和端口设置Socket.hSocket类设置fdEpoll.hepollfd管理类Channel.hChannel类管理epoll以及对应回调函数实现EventLoop.hEventLoop事件循环类TcpServer.h服务器类tcpepoll.cpp主函数InetAddress.h#ifndef_INETADDRESS_H#

橙留香写代码·2024-02-20 20:20

使用useRoutes提示invalid hook call

包版本：问题：今天用vite+react+ts重新搭建项目时报错代码：router.tsximport{useRoutes}from'react-router-dom';importHomefrom".

wangshang1320·2024-02-20 20:19

关于react用脚手架搭建初始化后render渲染了两次的问题

问题：页面初始化的时候走了两次render渲染入口文件main.tsx原因：react脚手架创建项目，默认会开启严格模式，在严格模式下，React的开发环境会刻意执行两次渲染解决方案：删掉严格模式的标签

wangshang1320·2024-02-20 20:44

asp.net web api 用户身份验证

前后端分离的开发中，应用服务需要进行用户身份的验证才允许访问数据。实现的方法很简单。创建一个webapi项目。在App_Start目录下找到WebApiConfig.cs，在里面增加一个实现类。

ganyuanmen·2024-02-20 19:31

spring boot 使用AOP实现是否已登录检测

前后端分离的开发中，用户http请求应用服务的接口时,如果要求检测该用户是否已登录。可以实现的方法有多种，本示例是通过aop的方式实现，简单有效。

ganyuanmen·2024-02-20 19:00

vue.js前端框架技术

Vue.js诞生于2014年，由尤雨溪开发，是一套基于前后端分离模式、用于构建用户界面的渐进式框架，它只关注视图层的逻辑、采用自底向上、增量式开发的设计。

2301_78063739·2024-02-20 19:18

【RN】为项目使用React Navigation中的navigator

ReactNavigation提供了简单易用的跨平台导航方案，在iOS和Android上都可以进行翻页式、tab选项卡式和抽屉式的导航布局。

ZSK6·2024-02-20 19:31

推荐频道

react前后端