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导出Excel
前端要学的测试课 从Jest入门到TDD/BDD双实战
课程包括前端自动化测试框架Jest的讲解,
React
中Enzyme组件测试工具的讲解,Vue-test-utils的讲解,以及TDD,BDD测试模式的讲解,单元测试,集成测试的讲解。
ygunoil
·
2024-02-13 05:00
前端
tdd
【从Jest入门到 TDD,BDD双实战】整体学习介绍①
一:前端要学的测试Jest入门TDD实战BDD实战二:前端工程化的一部分前端自动化测试高质量代码设计高质量代码实现三:前端自动化测试的例子VueEcharts
React
Ant-Design这些都有使用到了自动化测试
不停喝水
·
2024-02-13 05:29
#
【Jest自动化测试】
react.js
前端
vue.js
jest
自动化测试
webpack面试解析
参考:上一篇webpack相关的系列:webpack深入学习,搭建和优化
react
项目爪哇教育@字节面试官解析webpack-路白1、Webpack中的module是什么?
sasaraku.
·
2024-02-13 05:53
webpack
面试
前端
webpack实际实践优化项目
参考:如何通过性能优化,将包的体积压缩了62.7%雅虎35条20210526-webpack深入学习,搭建和优化
react
项目本文只专注于性能优化的这个部分。
sasaraku.
·
2024-02-13 05:52
webpack
前端
node.js
从 Redux 源码谈谈函数式编程
摘要在
React
的世界中,状态管理方案不下几百种,但其中最经典的,莫过于Redux。如果你想学习函数式编程,那么Redux源码就是最好的学习材料。
有道AI情报局
·
2024-02-13 05:47
javascript
Redux
react
-native 配置启动图支持ios和android
配置启动图我使用的是第三方模块
react
-native-splash-screen,更加详细的请到github地址进一步查看,我们这里提供基本的配置以及个别问题的解决方案当前环境OS:macOSHighSierra10.13.5Node
青青子子子
·
2024-02-13 04:17
小程序 – 笔记
但是里面是兼容ES6语法的,因为之前有去学习
React
-Native的相关内容,所以就又去了解了ES6的相关内容。貌似有点跑题了。话说回来,小程序是比
React
-Native简单的。
Kotyo
·
2024-02-13 04:06
猫头虎分享已解决Bug || Error: Maximum Update Depth Exceeded in
React
博主猫头虎的技术世界欢迎来到猫头虎的博客—探索技术的无限可能!专栏链接:精选专栏:《面试题大全》—面试准备的宝典!《IDEA开发秘籍》—提升你的IDEA技能!《100天精通鸿蒙》—从Web/安卓到鸿蒙大师!《100天精通Golang(基础入门篇)》—踏入Go语言世界的第一步!《100天精通Go语言(精品VIP版)》—踏入Go语言世界的第二步!领域矩阵:猫头虎技术领域矩阵:深入探索各技术领域,发现知
猫头虎-前端技术
·
2024-02-13 04:56
React
已解决Bug专栏
bug
react.js
前端
vue.js
前端框架
javascript
angular.js
猫头虎分享已解决Bug || TypeError: Object(...) is not a function (
React
Hooks)
博主猫头虎的技术世界欢迎来到猫头虎的博客—探索技术的无限可能!专栏链接:精选专栏:《面试题大全》—面试准备的宝典!《IDEA开发秘籍》—提升你的IDEA技能!《100天精通鸿蒙》—从Web/安卓到鸿蒙大师!《100天精通Golang(基础入门篇)》—踏入Go语言世界的第一步!《100天精通Go语言(精品VIP版)》—踏入Go语言世界的第二步!领域矩阵:猫头虎技术领域矩阵:深入探索各技术领域,发现知
猫头虎-前端技术
·
2024-02-13 04:55
已解决Bug专栏
React
bug
react.js
前端
开发语言
前端框架
javascript
vue.js
You Probably Dont Need Derived State
今天在segmentfault上写了一篇有关
React
16.3的文章,大家感兴趣的话可以去看看,以后我几乎都会在segmentfault上面写文章了,大家感兴趣的话的话保持联系,经常交流,共同进步,主攻前端
阿里王成文
·
2024-02-13 03:19
vue3源码解读--effect
当依赖改变后从队列中挑选判断并执行即可接下来就来验证下是不是这样将代码定位到effect函数可以看到这里获取了
React
iveEffect实例,紧接着又调用了.
习惯水文的前端苏
·
2024-02-13 02:11
react
可复用组件
健壮要对数据类型进行验证对数据类型进行验证解决方法:追加属性(类似与面向对象)通过属性propTypes给对象设置指定数据类型.BodyIndex.propTypes={userid:PropTypes.number}对象必须传参在任何PropTypes属性后面加上isRequired后缀,这样如果这个属性父组件没有提供时,会打印警告信息BodyIndex.propTypes={userid:Pr
兔子不打地鼠打代码
·
2024-02-13 02:21
什么是VUE?
什么是Vue.jsVue.js是目前最火的一个前端框架,
React
是最流行的一个前端框架(
React
除了开发网站,还可以开发手机App,Vue语法也是可以用于进行手机App开发的,需要借助于Weex)Vue.js
最爱喝龙井
·
2024-02-13 01:34
React
Native Android打包
离线包:
React
Native和你写的js文件、图片等资源都打包放入App使用
react
-nativebundle--help来查看打包的具体参数。
Lethe35
·
2024-02-13 01:44
Boostnote跨平台 Markdown 编辑器
新版特性Dev:更新TravisCInode及npm版本#2929将
React
hookssection添加到代码样式指南#3000新增“Ctrl+/”及“Shift+Ctrl+/”,用来插入今天的日期和时间
Java成长之路
·
2024-02-13 00:34
React
--快速搭建
react
项目
安装create-
react
-app(脚手架)包到全局参考:https://facebook.github.io/create-
react
-app/docs/getting-startednpminstallcreate-
react
-app-gyarnaddcreate-
react
-appglobal
谁带走了我的秀发
·
2024-02-13 00:21
Redux(0x02)-redux进阶
Redux进阶1Redux-thunk中间件GIthub地址:Redux-thunk对Redux-thunk中间件的理解此中间件是指在action和store中间注意是Redux的中间件,而不是
React
ChuckieWIll
·
2024-02-13 00:00
对
React
Hooks(useState和useEffect) 的总结思考
一、为什么用
React
Hooks(面向生命周期编程变成了面向业务逻辑编程)Hooks是
React
16.8版本后新增加的特性,目的是让你用函数组件的写法代替原来的类组件写法,同时让函数组件支持state,
热水钟
·
2024-02-12 23:26
react
react
hooks
React
useState, useEffect
写个简单的例子来说明如何使用useState和useEffect。用了boostrap的样式来减少样式的编写,将就看吧。如何使用bootstrap:1)安装:>npminstall-gbootstrap2)依赖:"dependencies":{..."bootstrap":"^5.1.3"},3)引用:import'bootstrap/dist/css/bootstrap.css'代码说明:1.启
Hello, I'm Tina
·
2024-02-12 23:26
前端
react.js
javascript
bootstrap
理解
React
hooks常用方法useState, useEffect, useMemo, useCallback, useContext
useStateuseState接收一个初始值,返回的是一个解构出来的数组,第一个是当前状态(似state),第二个是状态的更新函数(似setState),更新函数与
react
的setState不同的是
_双眸
·
2024-02-12 23:56
前端
react.js
javascript
react
中如何理解usestate、useEffect副作用、useRef标识和useContext
也就是说,以后的每次渲染,useState获取到都是最新的状态值,
React
组件会记住每次最新的状态值。
定位算法工程师
·
2024-02-12 23:55
react
react.js
javascript
前端
react
中的useState和useEffect
之前我们已经掌握了useState的使用,在class中,我们通过在构造函数中设置this.state为{count:0}来初始化countstate为0:classExampleextends
React
.Component
Simple_IDE
·
2024-02-12 23:55
react
React
之useState、useEffect原理解析
React
之useState、useEffect原理解析一.useState的实现1.1惰性初始化state1.2Object.is算法二.useEffect的实现2.1变量冲突问题2.2变量冲突解决方案三
Zong_0915
·
2024-02-12 23:25
React
React
useState和useEffect
import
React
,{useState}from'
react
';functionExample(){const[count,setCount]=useState(0);
Yehger
·
2024-02-12 23:25
react
react.js
javascript
前端
React
18 系统精讲(七)useState()和useEffect()使用
一、useState为函数组件hooks之一,目的用来初始化并更新组件内数据状态,作用可代替类组件中的interfacestatus{}用法步骤:1、首先在函数组件内声明state并初始化state,语法和代码段:const[state,用来更新state的函数名]=useState(初始化state值);const[count,setCount]=useState(0);2、此处使用点击计数器来
也要大步向前呀
·
2024-02-12 23:54
javascript
前端
React
Hooks:useState、useEffect和useContext
目录1.useState-让函数组件具有维持状态的能力1.1语法1.2应用2.useEffect-执行副作用2.1语法2.2应用2.3关于依赖项2.4小案例
Windy_Coding
·
2024-02-12 23:54
React
react.js
react
18中,useState 和 useEffect有什么区别
之前,只有类组件才能有自己的状态,但useState钩子使得函数组件也能够利用
React
的状态特性。使用场景:当你需要在组件中存储、读取或更新一些数据时使用。例如,控制输入框的内容、切换按钮的状态等。
celebrateyang
·
2024-02-12 23:24
前端语法
前端
javascript
react.js
React
学习笔记
文章目录1.
react
脚手架初始化项目2.HooksuseStateuseEffectuseContextuseReduceruseMemouseCallbackuseRef3.APIforwardRef1
张豆豆94
·
2024-02-12 23:24
【HBuilder学习篇】
前端
react
React
文档笔记day06
昨天立的flag,今天搞起来事件处理在
React
中事件处理和一般的DOM的事件处理特别相似,但是也是有一些语法上面的不同
React
中是用的驼峰命名,在DOM中则是小写命名在JSX中你是传递一个函数,在DOM
爆炸的白菜君
·
2024-02-12 21:16
peerDependencies
然后我又去看了看一些第三方的组件库或者是插件,我发现他们都没有将一些核心库(
react
、vue、angular、jquery)作为直
前端小白的摸爬滚打
·
2024-02-12 20:35
React
Native踩坑集成指南
React
Native集成iOS文档1集成过程1.1搭建RN开发环境1.1.1使用Homebrew来安装Node和Watchman以及cocopods1.1.2创建package.json文件(用于安装
ThisisSparta
·
2024-02-12 18:49
Astro + NextUI 搭建个人博客(导航组件篇)
于是我接触到了Astro这个框架,它厉害的是不与任何前端框架进行强行绑定,比如Nextjs是与
React
强绑定的,
·
2024-02-12 18:49
React
hooks之useCallback的使用场景及其深度解读
文章主要说明的两点1、useCallBack不是每个函数都需要使用!2、useCallBack在什么情况下使用?useCallBack并不是每一个函数都需要去包裹,虽然它本身是一个缓存工具,但是阻止不了函数每次的重建、constfun1=useCallback(()=>{console.log('示例一函数');},[])constfun2=()=>{console.log('示例二函数');}上
懒惰的狮子
·
2024-02-12 18:34
The
react
ionary Vorticist
——WassilyKandinskyTheprogressofsocialchangesisbroughtaboutby
react
ionarygroupsandsocialreformers.TheBritishvorticismwasoneofthosemanygroupswh
rosalind
·
2024-02-12 16:50
一文带你搞定搭建自己的组件库Rollup
一文带你搞定搭建自己的组件库(rollup.js)目前Vue和
React
都是采用rollup.js进行打包,我们在公司开发的时候也可以用rollup搭建一个自己的组件库放到你的项目中,简化项目的结构项目性能
我叫汪枫
·
2024-02-12 15:12
vue.js
前端
css
vue
腾讯地图开发
一、开发环境
react
全家桶(
react
,
react
-router,redux)二、功能定位、省市地图切换、打点、周边搜索腾讯地图三、开发1、加载腾讯地图——利用script标签特性loadMapScript
芒果加奶
·
2024-02-12 13:14
常见的web前端开发框架:Bootstrap
常见的Web前端开发框架包括Bootstrap、Vue.js、
React
.js、Angular.js等。每个框架都有其独特的特点和优势,开发者可以根据项目的需求和个人的喜好来选择合适的框架。
钟念
·
2024-02-12 12:12
前端开发
前端开发框架
前端
bootstrap
vue.js
html
javascript
前端框架
css
常见的web前端开发框架:Vue.js
常见的Web前端开发框架包括Bootstrap、Vue.js、
React
.js、Angular.js等。每个框架都有其独特的特点和优势,开发者可以根据项目的需求和个人的喜好来选择合适的框架。
钟念
·
2024-02-12 12:12
前端开发
前端开发框架
前端
vue.js
javascript
vue
前端框架
html
常见的web前端开发框架:
React
.js
常见的Web前端开发框架包括Bootstrap、Vue.js、
React
.js、Angular.js等。每个框架都有其独特的特点和优势,开发者可以根据项目的需求和个人的喜好来选择合适的框架。
钟念
·
2024-02-12 12:12
前端开发
前端开发框架
前端
react.js
前端框架
javascript
常见的web前端开发框架:Angular.js
常见的Web前端开发框架包括Bootstrap、Vue.js、
React
.js、Angular.js等。每个框架都有其独特的特点和优势,开发者可以根据项目的需求和个人的喜好来选择合适的框架。
钟念
·
2024-02-12 12:41
前端开发
前端开发框架
前端
前端框架
angular.js
javascript
typescript
npm
html5
路由的生命周期和Fetch请求的时机
路由组件的生命周期和
React
组件相比并没有什么不同。所以让我们先忽略路由部分,只考虑在不同URL下,这些组件是如何被渲染的。
追风的云月
·
2024-02-12 12:04
心遇APP站内玩法H5体验优化实践
1.离线资源在H5的开发过程中,尽管我们实践了很多手段对H5进行性能提升,比如代码层面的
React
渲染优化,WebVitals体验优化;打包构建层面的CodeSplit&BundleAnalyze加载优化
·
2024-02-12 11:09
前端
用EasyExcel动态导出列
最近要实现一个
导出Excel
,实现动态列导出,记录一下数据的大概结构如下要实现如果总分数大于0那么要把原因下的具体原因作为表头,值则是原因下的分数,有多个原因就加入多少个,最终结果如下首先把当前所有数据的全部的原因加入到
biuder-four
·
2024-02-12 11:19
java
excel
一篇长文帮你彻底搞懂
React
的调度机制原理
点击进入
React
源码调试仓库。Scheduler作为一个独立的包,可以独自承担起任务调度的职责,你只需要将任务和任务的优先级交给它,它就可以帮你管理任务,安排任务的执行。
·
2024-02-12 10:05
常见的Web框架
1.
React
React
是由Facebook开发并维护的一个声明式、高效且灵活的用于构建用户界面的JavaScript库
AI普惠大师
·
2024-02-12 09:28
前端框架
javascript
node.js
前端
Android混合开发之
React
Native3--重要概念,Flex布局和RN组件之间的通信
重要概念:组件:万物皆组件,界面按钮Text等都是组件,组件都有状态。props:初始属性,为了传递数据,不可改变。(可以通过父组件去影响当前的props,即父组件向子组件传递数据)state:数据状态集合,可改变。this.setState改变状态,从而影响和刷新当前UI。Flex布局:Flex布局:弹性盒子布局。image.pngimage.pngFlex主要属性:主轴交叉轴:主轴就是排列轴,
李星星星星星
·
2024-02-12 07:13
webpack
Vue-cli/
React
-starter/Angular-cliCode-splitting天生的模块化...模块化开发JS模块化CSS模块化JS模块化命名空间COMMONJSAMD/CM
入秋未凉的海
·
2024-02-12 06:04
react
函数组件中使用context
效果1.在父组件中创建一个createcontext并将他导出import
React
,{createContext}from'
react
'importBppfrom'.
_揽
·
2024-02-12 06:17
前端学习笔记
react.js
前端
前端框架
React
报错修复:“Uncaught TypeError: destroy is not a function”
报错:UncaughtTypeError:destroyisnotafunctionatcommitHookEffectListUnmount如果你在useEffect函数中使用了async,运行后会出现该报错。原理解析: 要知道,useEffect钩子函数的一个特性是清理功能,即return函数。如果你从useEffect钩子函数返回任何东西,它必须是一个清理函数,此函数将在组件卸载时运行。相
_揽
·
2024-02-12 06:17
前端学习笔记
react.js
javascript
前端
React
- 分页插件默认是英文怎么办
ConfigProvider}from'antd';importzhCNfrom'antd/lib/locale/zh_CN';然后在分页组件(或者其他组件,例如日期组件)外套上一层:结果如下:如果你想全局生效,如果是
React
_揽
·
2024-02-12 06:47
前端学习笔记
react.js
javascript
前端
上一页
10
11
12
13
14
15
16
17
下一页
按字母分类:
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
其他