React前端框架第34页

大莲芒·2024-01-29 15:09

react中px转rem（px2rem和px to rem &rpx的使用）

.比如设计稿是750px，假设根元素字体大小设置为100px，则1rem=100px;所以为了适应各种屏幕尺寸：一般设置根元素font-size为屏幕宽度/UI设计图宽度*100+‘px’，这也相当于1rem对应的px尺寸。可配合媒体查询@media来设置。用的时候除以100，10px=0.1rem1.直接在scss文件中使用函数定义函数@functionpx2rem($px){@return$p

仙女爱吃鱼·2024-01-29 15:59

【Vue】1-1、webpack的基本使用

注意：目前Vue、React等前端项目基本上都是基于webpack进行工程化开发的。二、Demo步骤：1）新建项目空目

QX_Java_Learner·2024-01-29 15:25

Ionic 移动端指南（angular方向）

Ionic是一个开源UI工具包，用于使用Web技术（HTML、CSS和JavaScript）构建高性能、高质量的移动应用程序，并集成了Angular、React和Vue等流行框架。

枫叶kx·2024-01-29 13:21

[react]10、react性能优化

1、列表&key一、React更新流程React在props或state发生改变时，会调用React的render方法，会创建一颗不同的树。

史记_d5da·2024-01-29 12:53

日期选择器：The value/defaultValue of DatePicker or MonthPicker must be a moment object after `[email protected]`

问题描述：真是日了狗了目前在做一个后台管理的项目，祖传代码，React+ts+antd一个后台管理用vue多好这还算了，用的antd的版本是3.xxx,现在官网都更新到5.xx的版本了喔一开始接手项目的时候

老电影故事·2024-01-29 12:51

React项目中引用本地图片的问题

问题背景如图所示，这个按钮我要点击的时候，显示一张图片实现方法//state中定义popoverContent:(),popoverContent:(),{this.props.t('funds:fundTag.illustrate')}这两种定义方式，都结果如下：md.不显示话不多说，直接上解决方法解决方法importillustratefrom'./illustrate.png'//关键是这一

老电影故事·2024-01-29 12:51

React JSX

React使用JSX来替代常规的JavaScript。

巴拉巴啦·2024-01-29 11:59

React中的state提升

解决的问题：当需要对多个子组件的数据进行管理或者要使自组件之间进行通信时，惯有的思维会是使各子组件维护各自的state，并通过获取子组件数据来达到目的，但这种做法会使代码难以理解和重构。解决办法：提升state，将各子组件的state存储在父组件中进行维护，父组件通过props把state传回子组件，使得子组件与父组件同步，并进行渲染等操作。当需要修改父组件中的state时，由于组件state被认

lijia069·2024-01-29 11:19

React16源码: React中context-stack的源码实现

Wang's Blog·2024-01-29 11:22

echarts-liquidfill水滴球效果

activeTab=readmeecharts-liquidfill水滴球效果import{useRef}from'react';import*asechartsfrom'echarts';import'echarts-liquidfill

JoJo-Zhang·2024-01-29 11:05

免费小程序商城搭建之b2b2c o2o 多商家入驻商城直播带货商城电子商务b2b2c o2o 多商家入驻商城直播带货商城电子商务bbc

商家端（PC端、手机端）、买家平台（H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架

2301_78385600·2024-01-29 11:32

微前端框架MicroApp 1.0正式发布

介绍MicroApp是由京东前端团队推出的一款微前端框架，它从组件化的思维，基于类WebComponent进行微前端的渲染，旨在降低上手难度、提升工作效率。

京东零售技术·2024-01-29 10:02

深入react组件初始挂载

本文研究的版本为reactv0.8.0在v0.8.0版本中，react组件初始挂载实现是相对简单的。总体可以划分为两部分来阐述：组件实例化和（真正的）组件挂载。

前端师弟·2024-01-29 09:48

Vue2+echarts 实现图表的简单绘制

Echarts提供了丰富的API和文档，可以方便地与其他前端框架整合。E

ZLY_2004·2024-01-29 09:54

Chrome添加扩展应用React Developer Tools开发者工具上不显示

Chrome添加扩展应用ReactDeveloperTools开发者工具上不显示将设置中的sources下的EnableJavaScriptsourcemaps和EnableCSSsourcemaps勾选去掉

W2andye·2024-01-29 08:03

vue

利用vite创建vue3项目npminitvite-appprojectName安装依赖运行项目：cdprojectNamenpminstallnpmrundev数据双向绑定必须要使用ref,reactive

过河卒_51be·2024-01-29 08:51

BND2 for Mac(网盘不限速下载器) v2.0.0中文版

BND2基于Electron、React、golang实现的，而通过PCSAPI获得文件、下载链接，再通过Aria2实现高速下载，原则上你的宽带有多快！

希希的莫斯呱·2024-01-29 08:13

React 组建进阶、children 属性、props 校验-场景使用、 props 校验-规则说明、props 校验-默认值、defaultProps、PropTypes

React组建进阶children属性学习目标：掌握props中children属性的用法children属性是什么表示该组件的子节点，只要组件内部有子组件节点，props中就有该属性children可以是什么普通文本普通标签元素函数

雨落云尚·2024-01-29 08:43

vue和react的运行机制

Vue和React都是流行的JavaScript框架，用于构建用户界面。它们的运行机制有一些相似之处，但也有一些明显的区别。

&ACE&·2024-01-29 08:43

React组件通信、父传子实现、子传父、兄弟组件通信、跨组件通信 Context

组件通信组件通信的意义组件是独立封闭的单元，默认情况下组件只能使用自己的数据（state）组件化开发的过程中，完整的功能会拆分多个组件，在这个过程中不可避免要传递一些数据为了能让各组件之间进行互相沟通，数据传递，这个过程就是组件通信父子关系-最重要的兄弟关系-自定义事件模式产生技术方法eventBus/通过共同的父组件通信其他关系-mobx/redux/基于hook的方案父传子实现学习目标：实现父

雨落云尚·2024-01-29 08:42

React 表单、处理受控表单组件、非受控组件

React表单处理学习目标：能够使用受控组件的方式获取文本框使用React处理表单一般有两种方法受控组件（推荐）非受控组件（了解）1.受控表单组件什么是受控组件？

雨落云尚·2024-01-29 08:12

React 中条件渲染的 N 种方法

本文作者系360奇舞团前端开发工程师条件渲染在React开发中非常重要的功能，它允许开发人员根据条件控制渲染的内容，在创建动态和交互式用户界面方面发挥着至关重要的作用，本文总结了常用的的条件渲染方法。

聪明的竹子·2024-01-29 08:10

React 组件生命周期-概述、生命周期钩子函数 - 挂载时、生命周期钩子函数 - 更新时、生命周期钩子函数 - 卸载时

React组件生命周期-概述学习目标：能够说出组件的生命周期一共几个阶段组件的生命周期是指组件从被创建到挂在到页面中运行，在到组件不用时卸载组件注意：只有类组件才有生命周期，函数组件没有生命周期(类组件需要实例化

雨落云尚·2024-01-29 08:40

路由懒加载（React和Vue）

1、为了提升性能，将懒加载的文件单独打包在webpack.config.js配置打包成chunks//打包到不同的chunksoptimization:{//将动态加载(懒加载)的文件(imort())单独打包splitChunks:{chunks:"all",},//避免分割缓存失效runtimeChunk:{name:(entrypoint)=>`runtime~${entrypoint.na

海浪在开花·2024-01-29 08:09

React + React-router + Redux 的前端代码框架

React+React-router+Redux的前端代码框架此前的教程中，分别在介绍React-router和Redux的时候，都介绍了各自的代码文件结构特点。

Eternal丶星空·2024-01-29 07:30

视频教程-ajax前后端交互基本原理-JavaScript

ajax前后端交互基本原理螺钉课堂讲师，擅长Vue、React、ReactNative、NodeJS等前端框架及技术邓老师¥49.00立即订阅扫码下载「CSDN程序员学院APP」，1000+技术好课免费看

weixin_32540879·2024-01-29 07:58

【Clamcurry】推荐一个markdown笔记软件

概述Clamcurry，是我自己开发的一个本地桌面笔记软件，基于electron、typeorm、sqlite3、react、material-ui、monaco、react-markdown等技术栈。

薛凌康·2024-01-29 07:11

React 入门必备【第二关】React面向组件编程之高阶函数与函数柯里化（选看）

目的：增加代码复用性高阶函数：如果一个函数符合下面2个规范中的任何一个，那该函数就是高阶函数。1.若A函数，接收的参数是一个函数，那么A就可以称之为高阶函数。2.若A函数，调用的返回值依然是一个函数，那么A就可以称之为高阶函数。常见的高阶函数有：Promise、setTimeout、arr.map()等等函数的柯里化：通过函数调用继续返回函数的方式，实现多次接收参数最后统一处理的函数编码形式。含义

Queen_sy·2024-01-29 07:25

/node_modules/react-native/packager/react-native-xcode.sh: No such file or directory

/node_modules/react-native/packager/react-native-xcode.sh:Nosuchfileordirectory这是因为react-native低版本升级到

pure_light·2024-01-29 07:20

《说唱听我的》：被淘汰的他们，献上了全场最佳的表演

这里是加七君的“说唱听我的”第十期Reaction！

丶加七君·2024-01-29 07:00

React-Native热更新 - 3分钟教你实现

创建React-Native项目react-nativeinitdounineApp

大猪大猪·2024-01-29 07:18

React Hooks大全—useContext

在本文中，我们将重点介绍useContext这个Hook，它可以让你在函数组件中轻松地访问ReactContext，从而实现跨组件的状态共享。

CreatorRay·2024-01-29 06:29

React Hooks大全—useCallback

在本文中，我们将重点介绍一个React常用的内置Hook，即useCallback。useCallback可以让我们缓存函数，避免因为函数引用的变化而导致不必要的子组件重渲染。

CreatorRay·2024-01-29 06:59

React Hooks大全—useRef

useRef也可以用来保存一个在不同渲染中不变的可变值，例如在使用一些非React的外部库时很有用。本文将介绍useRef的基本使用，实现原理，最佳实践和一些常见的问题。

CreatorRay·2024-01-29 06:26

DOM 的 diff 算法

经典面试题：1）react/vue中的key有什么作用？（key的内部原理是什么？）2）为什么遍历列表时，key最好不用index？

hsdjhaiwhdnjw·2024-01-29 05:17

Gateway服务网关

SpringCloudGateway是SpringCloud的一个全新项目，该项目是基于Spring5.0，SpringBoot2.0和ProjectReactor等响应式编程和事件流技术开发的网关，它

～四时春～·2024-01-29 05:13

使用 create-react-app 创建 react 应用

一、创建项目并启动第一步：全局安装：npminstall-gcreate-react-app第二步：切换到想创建项目的目录，使用命令create-react-apphello-react第三步：进入项目目录

hsdjhaiwhdnjw·2024-01-29 05:42

Web前端：Angular和Vue，哪个最适合你的项目?

粤嵌教育·2024-01-29 05:45

如何命令行结束react程序_前端架构React和Vue CTO的选择正确框架的指南

这篇文章旨在指导他们选择正确的javascript框架(或库):ReactvsVue。ReactvsVue-选择正确框架的CTOs指南这是一个值得你考虑的案例!ReverInc.

weixin_39746282·2024-01-29 05:14

学习React的第一天（2）

React介绍：由facebook推出的数据驱动JS库基于MVC灵感设计（vue是基于mvvm）特性：数据驱动最小粒度更新(diff/fiber)组件化React项目创建：1.下载安装脚手架yarnglobaladdcreate-react-app2

拐服第一大码猴·2024-01-29 04:47

react中echarts中国地图数据展示

由于当前版本的echarts要展示地图是要借助百度地图的，而很多需求就是仅仅展示一个中国地图，所以引入百度地图不是很友好，接下来说明如何在echarts中展示中国地图步骤如下下载中国地图资源：网盘链接:https://pan.baidu.com/s/1bZKjo3hypyFLWOkSoWvbPA密码:isos文件虽然会乱码但是不影响使用cnpmiecharts--save//按需引入import{

初空·2024-01-29 04:09

如何将现有的Android应用程序与React Native集成

Inthisguide,IwillbegoingthroughhowtointegrateanexistingAndroidapplicationwithReactNative.ThismightbeusefulifyoualreadyhaveanexistingAndroidapplicationandwouldliketouseReactNativeonwards

weixin_26739079·2024-01-29 03:07

react中proxy代理配置

http://localhost:8000/api/user=>http://example.com/api/user'/api':{target:'http://example.com/',}http://localhost:8000/api/user=>http://example.com/user'api':{target:'http://example.com/',pathRewrite:

羽墨灵丘·2024-01-29 03:30

22.React学习笔记.JavaScript纯函数

-所有React组件必须像纯函数一样保护它们的props不被更改。-redux中，reducer也必须是纯函数。

_生生不息_·2024-01-29 03:47

前端使用lottie-web，使用AE导出的JSON动画贴心教程

Lottie简介官方介绍：Lottie是一个库，可以解析使用AE制作的动画（需要用bodymovie导出为json格式）,支持web、ios、android、flutter和reactnative。

球球不吃虾·2024-01-29 03:52

Web前端主题色更换实现方式全解析（二）

Web前端主题色更换实现方式全解析（一）Web前端主题色更换实现方式全解析（二）文章目录一、基于前端框架的主题色切换1.Vue.js实现方式1.1使用Vue的动态样式绑定1.2结合Vuex管理主题色状态