再遇react

实习语雀文章 源码分析

React可以抽象的看成一个公式：UI=f(state)。函数f是React和基于React的代码，传给函数的参数就是state，最终在页面上绘制出来的UI是函数运行结果。
Chasingcar_501·2024-02-14 20:36

【实战】一、Jest 前端自动化测试框架基础入门（三） —— 前端要学的测试课 从Jest入门到TDD BDD双实战（三）

钩子函数的作用域学习内容来源：Jest入门到TDD/BDD双实战_前端要学的测试课相对原教程，我在学习开始时（2023.08）采用的是当前最新版本：项版本@babel/core^7.16.0@pmmmwh/react-refresh-webpack-plugin
程序边界·2024-02-14 19:12

一文带你构建自己的脚手架

在日常开发中，我们创建vue项目所使用的vue-cli，创建react项目的create-react-app…都是非常优秀的脚手架。那为什么要使用脚手架来创建项目呢？
程序员Syoyu·2024-02-14 17:02

2018-06-27 React Native ES6 作用域问题

在学习RN（reactnative）的过程中遇到红屏错误是TypeError:Cannotreadproperty'state'ofundefined说没有state这个属性，我就很蒙了。
deadcalm·2024-02-14 17:46

React的构造函数constructor内的super()函数解析

constructor构造函数作用首先，为什么有时候不用写constructor构造函数，为啥看起来也没什么影响。因为constructor构造函数会默认执行，你不写它会执行一次。你写了它也会执行一次。当然也包括执行constructor的super()函数。之所以重写构造函数是为了做一些另外的初始化操作。super()函数的作用执行super()函数后，该对象的props属性就被声明、赋值了。即
天海相接·2024-02-14 15:25

React中Provider组件详解

使用场景1.A(顶级组件）-》B组件（子组件）-》C组件（孙子组件）2.A(顶级组件）-》B组件（子组件）、C组件（孙子组件）…很多组件（每个组件都需要传props)A组件传递数据给C组件实现方式有很多种1.通过props层层传递到C组件2.通过全局对象使用Provider可以解决数据层层传递和每个组件都要传props的问题；三个嵌套组件：ABC场景：组件C想要取组件A的属性，一般做法通过A–B–
多啦-A萌·2024-02-14 15:27

快速构建 React 开发环境

使用create-react-app快速构建React开发环境create-react-app是来自于Facebook，通过该命令我们无需配置就能快速构建React开发环境。
白番茄_·2024-02-14 13:31

项目实战：从零搭建一个基于C++的个人博客系统

在Web开发中，C++通常不是首选语言，因为有许多更高级、更适合Web开发的框架和工具，如React、Angular或Django等。
爱内卷的学霸一枚·2024-02-14 11:24

react中componentWillUnmount中可以做的事

通常是react组件已经从DOM中移除，但是我们在组件中做的一些异步操作还未结束，如：接口调用等，当其完成时，执行setState操作，而此时我们已经将改组件dom移除，从而导致上述问题。
zyghhhh·2024-02-14 10:37

react 【二】 setState/react性能优化/dom操作

文章目录1、setState1.1setState的三种用法1.2setState为什么是异步2、React性能优化2.1react的更新机制2.2如何优化性能2.2.1shouldComponentUpdate2.2.2PureComponent2.2.3memo3
KIKIo_·2024-02-14 10:49

React官网摘抄

https://react.dev/learn1、组件名称大写2、变量，用{}vue中用{{}}react中用{}3、遍历4、state使用
曹天骄·2024-02-14 07:25

React Native布局

像素无关在ReactNative中尺寸是没有单位的，它代表了设备独立像素。
极客天空·2024-02-14 06:55

react【三】受控组件/高阶组件/portals/fragment/严格模式/动画

props增强的基本使用2.3对象增强的应用场景-context共享2.4应用2-鉴权2.5应用3–生命周期劫持2.6、高阶组件的意义3、Portals4、fragment5、StrictMode6、React
KIKIo_·2024-02-14 06:56

react【四】css

文章目录1、css1.1react和vuecss的对比1.2内联样式1.3普通的css1.4cssmodules1.5在react中使用less1.6CSSinJS1.6.1模板字符串的基本使用1.6.2styled-components
KIKIo_·2024-02-14 06:56

react【五】redux/reduxToolkit/手写connext

redux2.1redux的基本使用2.2通过action修改store的数值2.3订阅state的变化2.4目录结构2.5Redux的使用过程2.6redux的三大原则2.7Redux官方图3、redux在React
KIKIo_·2024-02-14 06:56

react【一】 传参

文章目录一、认识React1、第一个react程序2、使用组件重构代码3、遍历列表案例4、计数器案例5、为什么React选择了JSX6、this的绑定问题二、传参2.1事件参数传递2.2传参的案例三、生命周期四
KIKIo_·2024-02-14 06:26

React页面路由 react-router-dom

React页面路由react-router-dom1背景2hash模式3history模式3React路由使用：react-router-dom3.1安装3.2HashRouter和BrowserRouter
橘猫吃不胖～·2024-02-14 06:50

react【六】 React-Router

文章目录1、Router1.1路由1.2认识React-Router1.3Link和NavLink1.4Navigate1.5NotFound页面配置1.6路由的嵌套1.7手动路由的跳转1.7.1在函数式组件中使用
KIKIo_·2024-02-14 06:20

npm报错之package-lock.json found. 问题和淘宝镜像源过期问题

1、package-lock.jsonfound.问题的解决在执行yarnaddreact-transition-group-S安装react-transition-group时出现package-lock.jsonfound.YourprojectcontainslockfilesgeneratedbytoolsotherthanYarn.Itisadvisednottomixpackagema
IceSugarJJ·2024-02-14 06:46

中高级前端应该掌握哪些技术？看看自己达标了么

是否秃头：否女朋友配置：1个以上二、12项技术前端框架和库：掌握至少一种主流的前端框架和库，如React、Vue
贝格前端工场·2024-02-14 05:55

（二）spring cloud微服务分布式云架构 - 整合企业架构的技术点

下面我针对于springcloud微服务分布式云架构做了以下技术总结，希望可以帮助到大家：View：H5、Vue.js、SpringTag、React、angularJsSpringBoot/SpringCloud
fumi106·2024-02-14 05:29

Gateway微服务网关

SpringCloudGatewaySpringCloudGateway是SpringCloud生态系统中的网关，它是基于Spring5.0、SpringBoot2.0和ProjectReactor等技术开发的
杀了小惠·2024-02-14 05:23

web3知识体系汇总

3.技术栈Web3.jsSolidity(智能合约)NFTHtml/js/css/react/typescript/nodejsSwarm(存储)FilecoinDAOGa
mask哥·2024-02-14 05:52

光与影

光与影有一种安静之美是光与影在悠闲的时光里感受光与影的故事诉说着彼此是唯一美好的日子里重逢初遇含蓄，再遇多情光给予了影子浪漫影子赋予光的存在射出柔和的一缕光线光与影清晰可见光对影激情燃烧影对光温柔而眷恋合二为一深情相拥透过光看到销魂的影子光与影是摄影师的最爱定格画面的瞬间秘密力量魔力光与影不离不弃若一首歌里所唱影子离不开光从黑夜追随到天亮秋日私语良辰美景天空湛蓝若浩瀚的大海秋色明媚看一朵花开秋风撩
秋水伊人a·2024-02-14 04:29

Vue3高频知识点和写法

但是暂时不是响应式数据，如果要响应式数据的话，必须使用ref和reactivesetup函数是没有this的，直接使用就行setup(){letdata=1;functionset
Erica_莲子·2024-02-14 03:52

忘掉名字吧，我给你一个家

今天的晚安和大家分享一下我最近超级喜欢的句子1.我羡慕的不是爱情，而是我爱的人费劲心机的爱我2.遇见你是我一世的春暖花开，所有的磨难都不再嚣张3.忘掉名字吧，我给你一个家4.我愿颠沛流离，再遇见温暖的你
13d89f986413·2024-02-14 03:34

React18原理: 时间分片技术选择

渲染1w个节点的不同方式1）案例1：一次渲染1w个节点functionrandomHexColor(){return"#"+("0000"+(Math.random()*0x10000001次完成1w个节点的渲染可以看到，圈中的部分，明显被阻塞，这一块绝对会导致用户体验很差2）案例2:1w个节点分100次执行，每次执行100个varroot=document.getElementById("roo
Wang's Blog·2024-02-14 01:21

React18原理: 核心包结构与两大工作循环

React核心包结构1)reactreact基础包，只提供定义react组件(ReactElement)的必要函数一般来说需要和渲染器(react-dom,react-native)一同使用在编写react
Wang's Blog·2024-02-14 01:51

vue3中的setup

return数据以及方法了（这种方法一旦使用就不再有选项式api了）consta=1（这样声明的数据没有响应式，就是不能和页面双向绑定）constnum=ref（0）（ref是一个声明响应式数据及方法，它是由reactive
千杯不倒王尧·2024-02-14 00:39

React 脚手架项目,typescript,在vscode中进行调试,并重写console.log

使用create-react-app脚手架创建的项目,一般默认是在chrom中进行调试,但是如果你想要在vscode中进行调试,就要做相应的配置,并且原有的日志功能也不是很完善,所以下面我们就想办法让React
老菠·2024-02-13 23:48

hook函数——useMemo

useMemo1.useMemo定义useMemo是一个ReactHook，它在每次重新渲染的时候能够缓存计算的结果。
-_-你好-_-·2024-02-13 23:46

hook函数——useRef

useRefuseRef是一个ReactHook，它能帮助引用一个不需要渲染的值。
-_-你好-_-·2024-02-13 23:16

vscode中一键生成react代码块以及快速补全react代码

1.vscode扩展搜索ES7React/Redux/GraphQL/React-Nativesnippetsd或者React-Native/React/Reduxsnippetsfores6/es7并安装
前端驿站·2024-02-13 20:38

React 生命周期详解

直接上代码：componentWillMount(){console.log('ComponentWILLMOUNT!')}//相当于vue的createdcomponentDidMount(){console.log('ComponentDIDMOUNT!')}componentWillReceiveProps(newProps){console.log('ComponentWILLRECEIV
北冥有鱼_425c·2024-02-13 19:52

C语言常见面试题：C语言中如何进行移动应用开发编程？

跨平台开发:使用像Cordova、ReactNati
广寒舞雪·2024-02-13 18:36

Redux入门教程（三）：react-redux使用（todolist实例）

一、组件分类React-Redux将所有组件分成两大类：UI组件（presentationalcomponent）和容器组件（containercomponent）。
变态的小水瓶·2024-02-13 17:41

17.React学习笔记.受控非受控组件

一.refs的使用##React开发模式中，通常情况不需要，也不建议直接操作DOM元素，但是某些特殊的情况，确实需要获取到DOM进行某些操作。
_生生不息_·2024-02-13 16:40

Vue项目部署优化

前言使用vue、react、angular等技术开发过程中，我们都会遇到以下问题：首屏加载慢每一次更新都需要清除浏览器缓存才能看到效果(经常被测试吐槽)这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题
硅谷干货·2024-02-13 15:19

day146|小家&大家

两口子不怕吵架，就怕两个人不懂事，再遇上不“懂事”的父母。两个人再怎么吵，只要关上门就
许小迪老师·2024-02-13 15:42

shiny，一个好用的 Python 库！

Github地址：https://github.com/posit-dev/py-shinyPythonShiny是一个用于创建交互式Web应用程序的开源库，它基于Flask和React技术栈，提供了丰富的功能和工具
Sitin涛哥·2024-02-13 15:48

antd ProComponent 常用操作总结

相信很多同学都用过AntDesign这一react著名组件库，而ProComponents则是在antd之上进行封装的页面级组件库（指一个组件就可以搞定一个页面）。
HoPGoldy·2024-02-13 13:04

故乡的雪

在迷糊的状态下，听到屋后村里人走路时，踩在雪上的声音，吱吱呀呀的，好像在与片片雪花对话，村里人说，“你好啊，你从哪里来啊，盼望你好久了，因为有你这个年才更有气氛”，“是啊，我们早已经在等待，像往年一样，再遇到故人
大皖安利·2024-02-13 13:56

vue和react的区别

vue和react的区别：一．定位：两者都是UI层的框架，vue是数据响应式的框架；二．vue使用的语法是template，react使用的语法是JSX；三．vue3.0推出了hooks:compositionapi
XiaoMai·2024-02-13 13:41

Vue —— 响应式解析

简单介绍defineReactiveVue响应式解析constapp=document.getElementById('app')//对单个对象使用响应式绑定functiondefineReactive
カさま·2024-02-13 13:45

她明白，我给不起

树叶也绿起来了，水也涨起来了双眼却是看不见的悲戚自今年再遇以来，已近半月。我明白，我给不起。我转身向大海走去。
七子_58dd·2024-02-13 12:13

53.React学习笔记.自定义hook练习-scroll

importReactfrom'react'importuseScrollPositionfrom'..
_生生不息_·2024-02-13 12:33

编程世界的新旧交替：PHP 开发者的 Golang 转型之路

本篇文章是同行技术研讨系列的第二篇，上一篇为大家梳理了React与Vue的十年“相爱相杀”。大家看的还过瘾吗？今天，我们来接着分析这一组新旧碰撞的技术语言。
·2024-02-13 12:44

react native android配置应用图标、修改名称

修改应用名称android/app/src/main/res/values/strings.xml文件下，找到app_name修改名称修改APP图标首先按照上面的尺寸分别作出4中不同大小的图标(png)然后分别改名成ic_launcher.png放到android/app/src/main/res/mipmap-*中对应的目录替换即可。也可以起不同的名称，然后在AndroidManifest.xm
_若无·2024-02-13 10:51

在React中使用 react-router-dom 编程式路由导航的正确姿势【含V5.x、V6.x】！

react-router-dom编程式路由导航(v5)1.push跳转+携带params参数props.history.push(`/b/child1/${id}/${title}`);2.push跳转
JasonMa丶·2024-02-13 10:53

能否手写vue3响应式原理-面试进阶

（三）手写实现1、实现Reactive基于原理，我们可以先写一下测试用例//reactive.spec.tsdescribe("effect",()=>{it("happypath",()=>{constoriginal
helloworld1024z·2024-02-13 09:01
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他