E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
React事件机制
Astro + NextUI 搭建个人博客(导航组件篇)
于是我接触到了Astro这个框架,它厉害的是不与任何前端框架进行强行绑定,比如Nextjs是与
React
强绑定的,
·
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.js
架构
javascript
react
+ umi中如何使用rem完成自适应布局
只要写css就可以实现:flex+rem布局;在项目的global.less中根据媒体查询;媒体查询是用于根据设备的特性(如屏幕尺寸、屏幕方向、分辨率等)来应用不同的CSS样式的技术。以下是一些常用的媒体查询尺寸:小屏幕设备(手机):最大宽度为576px:@media(max-width:576px){...}中等屏幕设备(平板):最小宽度为576px:@media(min-width:576px
左&耳
·
2024-03-03 04:22
前端
css3
html
react
组件间通讯方式(组件传值)
组件间传值有多种方式,包括使用props、ContextAPI、回调函数、自定义Hook、事件总线等。下面我将逐一介绍这些传值方式:一、props传值(父给子传)1、最常见的方式是通过props将数据从父组件传递给子组件。2、在父组件中通过JSX的属性形式将数据传递给子组件。//ParentComponent.js(父组件)importChildComponentfrom'./ChildCompo
秃头的小毛驴
·
2024-02-29 21:03
react.js
前端
javascript
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
vue.js
react.js
前端
从零开始构建
React
Native数字键盘功能
首发于公众号前端混合开发,欢迎关注。现代移动应用程序在入门过程中经常涉及一个步骤,你需要输入发送到你的电子邮件或手机号码的验证码PIN。有时,你需要使用类似于分割OTP输入字段的东西来输入PIN。另一种输入验证码PIN的方式是使用拨号盘。"OTP"指的是"一次性密码"(One-TimePassword)。这是一种安全机制,用于通过短信或电子邮件向用户发送一次性使用的密码或验证码,以验证用户的身份。
·
2024-02-29 09:47
【懒加载】Suspense和lazy实现
react
组件的懒加载
import
React
,{lazy,Suspense}from'
react
';constLazyComponent=lazy(()=>import('.
凭栏听雨客
·
2024-02-28 11:52
前端项目
react.js
前端
前端框架
react
useContext 用法
1创建createContextimport
React
,{useContext,useEffect,useState}from'
react
'constGlobalContext=
React
.createContext
老胡说前端
·
2024-02-28 09:20
react.js
前端
vue3中vue-pdf-embed实现放大、缩小、上一页、下一页、滚动翻页功能(pdf文件预览)
npminstallvue3-pdfjsnpminstallvue-pdf-embed2.完整代码上一页{{state.pageNum}}/{{state.numPages}}下一页放大缩小下载import{
react
ive
℘团子এ
·
2024-02-27 18:30
vue3
前端
javascript
vue.js
React
入门简介
React
简介
react
是Facebook用来创建用户界面的js库。
React
不是一个MVC框架,而是一个用于构建组件ui库,是一个前端界面开发工具,所以很多人认为
React
是MVC中的V(视图)。
slom_fxt
·
2024-02-27 16:57
React
react.js
前端
前端框架
React
Native调用摄像头画面及拍照和保存图片到相册全流程
今天主要做了一个demo,功能很简单,就是调用手机摄像头画面,并且可以通过按钮控制拍照以及将图片保存到手机相册的功能,接下来我将从创建项目开始一步一步完成这个demo,各位只需要复制粘贴即可创建
React
Native
萧寂173
·
2024-02-27 03:42
react
react
native
react.js
javascript
猫头虎分享已解决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
已解决Bug专栏
React
bug
react.js
前端
javascript
前端框架
ecmascript
bootstrap
【每日前端面经】2023-02-25
题目来源:牛客+牛客每日面经20240225了解Taro么Taro是一个开放式跨端跨框架解决方案,支持使用
React
/Vue/Nerv等框架来开发微信/京东/百度/支付宝/字节跳动/QQ/飞书小程序/H5
糠帅傅蓝烧牛肉面
·
2024-02-26 06:47
每日前端面经
前端
面试
react
之旅(六)约束性和非约束性组件 input text radio select checkbox textarea 以及获取表单的内容
一、约束性组件和非约束性组件1.1非约束性组件非约束性组件这样写:这里的defaultValue就是原生DOM的value,用户输入的值就是vaule的值,
react
完全不管输入的过程。
一天一丢丢
·
2024-02-25 21:33
react
react
react
+ Typescript 中
react
有多少内置的类型 分别是什么
react
+Typescript中
react
有多少内置的类型分别是什么
React
和TypeScript结合使用时,
React
提供了一系列的内置类型(也称为类型定义或类型别名)来帮助你在TypeScript
汝&戏
·
2024-02-25 10:49
react.js
typescript
前端
git连接远程仓库的方式
将本地仓库推送到远程仓库当前状态:本地仓库没有关联远程仓库远程仓库有一个main分支1将本地仓库与远程仓库关联
[email protected]
:gaoqiang19514/
react
-ssr-app.git2
·
2024-02-25 09:09
gitgithub
wo-gradient-card是一款采用uniapp实现的透明辉光动画卡片
id=16729使用示例import{
react
ive}from'vue';conststate=
react
ive({options:[{tag:'最新',t
狼性书生
·
2024-02-25 02:09
uniapp插件
uni-app
vue
微信小程序
前端
vue.js
当useEffect遇到函数依赖
import
React
,{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';import
React
from'
react
一颗不甘坠落的流星
·
2024-02-23 18:07
工作随记
javascript
前端
react.js
给图片添加图片水印
一、项目场景:
react
+antd4.x(此版本没有watermark水印),需要将后端传递的图片添加图片水印二、水印添加:(此代码为修改好的)importimgsfrom'.
九九七七
·
2024-02-22 23:14
react.js
anti-design-vue
前端
图片水印
vue.js
【实战】二、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
前端
tdd
React
面试题:
React
.Component和
React
.PureComponent的区别?
React
面试题:
React
.Component和
React
.PureComponent的区别?
王 歪歪
·
2024-02-22 22:42
React面试
react.js
javascript
前端
可视化大屏前端开发:GIS开发技术栈
GIS前端开发技术栈通常包括以下几个方面:前端框架:GIS前端开发通常使用Vue、
React
或Angular等前端框架来构建应
千汇数据的老司机
·
2024-02-20 23:47
GIS开发技术
前端
可视化
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
react.js
javascript
前端
react
起源
简介
React
(有时叫
React
.js或
React
JS),是一个为数据提供渲染为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框架vue
react
库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
vue面试题
react.js
vue.js
前端
前端框架
react
中如何做到中断diff过程和恢复
workLoop是实现时间切片和可中断渲染的核心,简要说明如下://并发任务的入口functionworkLoopConcurrent(){//PerformworkuntilSchedulerasksustoyield//有任务&是否需要中断while(workInProgress!==null&&!shouldYield()){performUnitOfWork(workInProgress)
_处女座程序员的日常
·
2024-02-20 21:42
React
前端
js
react.js
前端
前端框架
前后端开发的心得体会_前后端对接的思考及总结
说在前面的话随着前端NodeJs技术的火爆,现在的前端已经非以前传统意义上的前端了,各种前端框架(Vue、
React
、Angular......)井喷式发展,配合NodeJs服务端渲染引擎,目前前端能完成的工作不仅仅局限于
weixin_39586915
·
2024-02-20 20:29
前后端开发的心得体会
以程序员的视角,看前后端分离的是否必要?
在前后端分离的架构中,前端通常使用现代的前端框架和技术,如
React
、A
贝格前端工场
·
2024-02-20 20:10
前后端分离
程序员
开发
【C/C++】实现
React
or高并发服务器 完整版
代码结构文件介绍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
服务器
c语言
c++
使用useRoutes提示invalid hook call
包版本:问题:今天用vite+
react
+ts重新搭建项目时报错代码:router.tsximport{useRoutes}from'
react
-router-dom';importHomefrom".
wangshang1320
·
2024-02-20 20:19
react.js
前端
前端框架
关于
react
用脚手架搭建初始化后render渲染了两次的问题
问题:页面初始化的时候走了两次render渲染入口文件main.tsx原因:
react
脚手架创建项目,默认会开启严格模式,在严格模式下,
React
的开发环境会刻意执行两次渲染解决方案:删掉严格模式的标签
wangshang1320
·
2024-02-20 20:44
react.js
javascript
前端
【RN】为项目使用
React
Navigation中的navigator
React
Navigation提供了简单易用的跨平台导航方案,在iOS和Android上都可以进行翻页式、tab选项卡式和抽屉式的导航布局。
ZSK6
·
2024-02-20 19:31
React
Native
react.js
前端
前端框架
【RN】开发第一个
react
-native程序
简言
React
Native是一个使用
React
和应用平台的原生功能来构建Android和iOS应用的开源框架。
ZSK6
·
2024-02-20 19:29
React
Native
前端
react
native
2024前端面试准备之uniapp篇
1.UniApp和其他跨平台框架(如
React
Native、Flutter)有什么区别?
前端fighter
·
2024-02-20 18:45
前端
面试
uni-app
React
初次接触
constructor()不是必须的,但,如果有constructor(),ES6语法强制使用super();
react
初始化class后,会自动将props设置在this中,所以没有constructor
岁月静好_dfb4
·
2024-02-20 18:09
Vite按需引入自定义组件unplugin-vue-components
1.安装插件npmiunplugin-vue-components-D2.vite.config.ts文件加如下代码plugins:[vue({
react
ivityTransform:true}),Components
前端~
·
2024-02-20 18:42
vue.js
javascript
ecmascript
React
+Flask打造前后端分离项目开发环境
文章目录前言Backend-FlaskFrontend-
React
DoneReferences前言新的一年,开始水第一篇技术文。碰巧最近
React
玩得多,撸一篇文章纪念一下开发环境的搭建。
yeshan333
·
2024-02-20 17:23
Flask
React
react
context上下文与vue中 provide inject的用法区别
一、
react
中:数据传递1、引入createContextimport{createContext}from"
react
";2、创建并导出exportconstFspThemeContext=createContext
Holly
·
2024-02-20 17:13
vue.js
react.js
javascript
react
的createContext及useContext 和 vue3的 provide 及 inject
react
createContext和useContext新建context.ts文件:import{createContext}from'
react
'exportconstMyContext=createContext
Mosowe
·
2024-02-20 17:13
vue3
react
依赖注入
useContext
provide
vue组件通讯之provide / inject
如果你熟悉
React
,这与Reac
weixin_34101784
·
2024-02-20 17:13
javascript
ViewUI
vue3使用provide/inject实现全局变量功能,部分摆脱vuex
如果需要变量是响应式的,就需要在provide的时候使用ref或者
react
ive包装变量。
炎魔之王
·
2024-02-20 17:43
vue
前端
es6
javascript
vue.js
vue3中,ref()、
react
ive()、computed()、watch() 和 watchEffect()的区别
ref()、
react
ive()、computed()、watch()和watchEffect()是Vue3中常用的响应式处理函数,它们的主要区别如下:ref():ref()函数用于将一个普通的JavaScript
hzxOnlineOk
·
2024-02-20 17:12
vue.js
javascript
前端
Reflect.get() 方法与直接调用 target 对象的获取属性的区别
Vue中的响应性是如何工作的:https://cn.vuejs.org/guide/extras/
react
ivity-in-depth.htmlReflect.get()方法与直接调用target对象的获取属性之间有一些区别
hzxOnlineOk
·
2024-02-20 17:12
vue.js
【
react
】
react
中和vue中的provide/inject、context写法示例
react
写法在
React
中,provide和inject的功能类似于Vue.js中的provide和inject。它们都是用于跨组件层次传递数据的。
hzxOnlineOk
·
2024-02-20 17:41
react.js
vue.js
前端
React
源码四 - render阶段
资源各种进阶资源+联系方式请看下方链接资源概述要将
react
代码渲染到页面中需要经过两个阶段,render阶段和commit阶段。
前端阿龙
·
2024-02-20 17:04
react
react.js
javascript
前端
React
源码之render过程中发生了什么?
理解JSX对于我们直接书写jsx语法,我们的浏览器是不理解我们这种语法的,所以需要babel来去转义,那么可以通过plugin-transform-
react
-jsx来转译jsx语法,使得浏览器可以识别我们的
我的名字豌豆
·
2024-02-20 17:03
React
react.js
javascript
前端
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他