#React 第95页

vue3 onMounted的坑

position.p}}{{position.sex}}sayhelloposition添加一个sex属性删除name属性当前点击时鼠标的坐标为{{point.x}}-{{point.y}}import{ref,reactiv

phyit·2024-01-22 02:37

UI -- React

React模板ReactUIpackage.json同级components/slButton/element.jsximportReactfrom'react';constel=({text,onClick

平凡シンプル·2024-01-22 01:33

Linux高性能服务器编程学习笔记⑥

Linux高性能服务器编程学习笔记⑥高性能服务器程序框架模型C/S模型P2P模型编程框架I/O模型事件处理模型Reactor模式Proactor模式模拟Proactor模式并发模式半同步/半异步模式领导者

LonelyTaoist·2024-01-22 00:35

react 路由传参高阶组件

路由手写路由控制地址栏歌手根据改变渲染不同的组件路由件react-router1-3:react-router4-5:react-router-domreact-router-nativereact-router

lessonSam·2024-01-21 23:03

前端性能优化之首屏预渲染

本文介绍一种优化首屏访问速度的技术：前端预渲染，并封装自定义的Reacthook，解决预渲染中的数据初始化问题。一、首屏速度慢的问题如果网站页面首屏访问比较慢，应该怎么优化呢？

刷题刷到手抽筋·2024-01-21 23:55

vue3组合式API

系列文章目录前端系列文章——传送门后端系列文章——传送门文章目录私人博客系列文章目录组合式APIsetuprefreactivecomputedwatch其他组合API注组合式APIvue3的文件中，Vue

许小墨~·2024-01-21 23:38

同事都说我卷，趁着午休我 —— 彻底熟练使用《Vue3的选项APi》

setup函数的返回值setup不可以使用thisVue3中reactive和ref和toRefs和toRefreadonly只读属性toRefcomputedWacth监听Vue2watch监听vue3watch

彩色之外·2024-01-21 23:07

拥抱组合式API：vue3的script setup解析看这篇就够

ref与reactive在setup中，我们拥有ref和reactive俩个api去创建一个响应式变量，这俩者存在的区别是ref是针对基本类型的响应，而re

智密科技·2024-01-21 23:36

10w 字前端技术文档分析

包含了前端领域的各个内容，例如：前端三件套（HTML、CSS、JavaScript）前端热门框架（Vue、React）前端构建工具（Webpac

Jackson-Mseven·2024-01-21 21:48

Webpack5入门到原理19：React 脚手架搭建

constESLintWebpackPlugin=require("eslint-webpack-plugin");constHtmlWebpackPlugin=require("html-webpack-plugin");constReactRefreshWebpackPlugin

duansamve·2024-01-21 21:16

Errors of Reaction 2

这种对任何不适合我们的事物或我们的观点进行解释的决心反映了我们想挽回面子和保持自我形象的愿望。我们每个人都有一个良好的自我形象。我们喜欢认为自己是聪明的、负责任的、聪明的、善于观察的、勇敢的、慷慨的、体贴的，等等。我们也希望别人这样看待我们。我们的错误和个人的失败会破坏我们的声誉，所以我们很容易逃避责任。例如，一个发脾气打了他玩伴的孩子可能会说:“这不是我的错。”她让我笑着做这件事。在课程中表现不

韫左寻·2024-01-21 20:02

【报错】Arco新建工程时 Error: spawnSync pnpm.cmd ENOENT

请选择你希望使用的技术栈React❯Vue选择pro项目?请选择一个分类业务组件组件库LernaMenorepo项目❯ArcoPro项目然后等待依赖安装就行

博客zhu虎康·2024-01-21 20:25

webpack打包优化

记一次react项目优化的过程优化前，用uglifyjs-webpack-plugin插件压缩js后得到的大小，实际大小1.3M，如图：image.png以上图形化界面，可下载webpack-bundle-analyzer

艾晨星雨·2024-01-21 19:24

又一个Node开发工具，自动按需临时下载依赖包

很多开始学习React的小伙伴都会感到疑惑，常常见到的是NPX而不是NPM,今天来了解一下NPX。

程序猿小董·2024-01-21 19:14

前端周刊第十三期

如果外链不能访问，关注公众号前端每周看，里面有解决办法大事件ES6类提案（大部分）的装饰器在TC39上达到了第3阶段——我们三年前首次链接到这个提案，但现在它有条件地进入第3阶段（需要一些调整）React18

四六十·2024-01-21 18:50

个人正在开发的中国风React组件库

前端新人正在开发的一款带点中国风的React组件库...一方面开源，一方面当做自己的学习经验~项目刚起步..设施还不完善大佬们可以提提意见或者给个starhttps://github.com/zhui-team

AddOneG·2024-01-21 18:35

在mapDispatchToProps里操作数据this.setState

react-redux将所有组件分成两大类：UI组件和容器组件，组件内需要操作数据可以通过mapStateToPropsmapDispatchToProps完成。

小小的开发人员·2024-01-21 17:27

android studio 运行 react-native 项目提示下载gradle

解决问题：1、根据提示路径下载相应的gradle2、拷贝下载的gradle到android->gradle->wrapper下面3、修改gradle-wrapper.properties文件中的distributionUrl=“”为distributionUrl=gradle-4.7-all.zip4、重新运行

菜鸟何时起飞·2024-01-21 17:48

vue实现预渲染

vue实现预渲染要借助prerender-spa-plugin这个工具包，prerender-spa-plugin不仅仅可是实现vue单页面应用项目的预渲染，也可以实现angular、react单页面应用的预渲染

duans_·2024-01-21 16:12

【教程】React-Native代码规范与加固详解

引言ReactNative是一种跨平台的移动应用开发框架，由Facebook推出。它可以让我们使用JavaScript和React语法编写原生应用，大大提高了移动应用的开发效率。

iOS学霸·2024-01-21 16:25

React 安装 node-sass失败解决方案

第一种：修改源地址在项目的根路径中添加.npmrc文件，在这个文件中增加以下内容：sass_binary_site=https://npm.taobao.org/mirrors/node-sass/registry=https://registry.npm.taobao.org第二种：使用sass(dart-sass)代替node-sassDartSass是Sass的主要实现版本，这意味着它集成新

waynian·2024-01-21 16:21

react umi/max 页签(react-activation)

思路：通过react-activation实现页面缓存，通过umi-plugin-keep-alive将react-activation注入umi框架，封装页签组件最后通过路由的wrappers属性引入页面

王布尔·2024-01-21 14:04

react 页签(自行封装)

浏览本博客之前先看一下我的博客实现的功能是否满足需求，实现功能：-页面缓存-关闭当前页-鼠标右键>关闭当前-鼠标右键>关闭其他-鼠标右键>关闭左侧-鼠标右键>关闭右侧-鼠标右键>全部关闭(默认跳转到首页)如果您需要实现刷新页签功能，建议reactumi

王布尔·2024-01-21 14:03

React实现字符串首字母大写、翻转字符串、获取用户选定的文本

目录React实现字符串首字母大写React实现翻转字符串React获取用户选定的文本React实现字符串首字母大写importReact,{useState}from'react'functionApp

星辰迷上大海·2024-01-21 14:25

react + 原生JS实现弹框拖拽解决方案

前言项目github地址最近项目需要实现一个弹框拖拽的功能，本来多快好省的方案就是使用antd的弹框，再配合gayhub上找的拖拽插件来实现。但过程中遇到一些麻烦，而且用别的东西一时爽，要实现个性化或者改一些东西，需要看别人的源码，会极其的麻烦。这时，固执的程序员就会抛下一切，全程自己开发，比如我。正所谓求人不如求己，自己动手，丰衣足食。自己开发，时间可能会多花一些，但收益也是有目共睹的：1.风险

南宫__·2024-01-21 13:29

React Native run-android 连接不到Genymotion模拟器，手动连接模拟器

adbconnect192.168.56.1:5555adbconnect192.168.56.101:5555

Loki_·2024-01-21 12:11

react native error

create-react-native-appapperrorerrorAnunexpectederroroccurred:"Couldn'tfindpackage\"invariant@^2.2.2\

LFBuildMountain·2024-01-21 12:35

计算机项目从0到1小红书APP实战

为“原生开发”同学补充前端基础【React基础知识和工程结构】掌握核心文件的用法和职能夯实基础－系统组件精讲】全面掌握系统组件的使用方法【夯实基础-常用API】深刻理解RN核心API

g6677789·2024-01-21 12:50

两步使用Express快速创建web服务器

框架：是一个半成品，用来快速解决一类问题；库就是工具集，使用非常灵活）（框架有：bootstrap,lay-ui,express,vue,react;库：zepto.js,jQuery,day.js,underscore

T-ihan·2024-01-21 12:46

react 多环境运行打包配置

react+axios多环境运行打包配置简单易懂的react多环境打包配置，直接上代码首先需要先安装一个插件(npm/cnpm)cnpmidotenv-cli-D然后再项目的根节点创建几个文件#.env.devREACT_APP_BASE_URL

小_辉·2024-01-21 10:39

react和vue的区别

React的核心思想是声明式渲染和组件化、单向数据流，React既不属于MVC也不属于MVVM架构。如何理解React的单向数据流？

_处女座程序员的日常·2024-01-21 10:14

react中数据不可变

在React中，每次对数据的修改都会返回一个新的数据副本，而不会改变原始数据。这种方式确保了数据的稳定性和一致性。二、Props中的不可变数据在React中，组件的Props应该始终保持不可变。

_处女座程序员的日常·2024-01-21 10:11

solidjs 中方便的修改对象与数组的值

createSignal众所周知,React想方便的修改useState中的对象或数组,需要使用第三方库Immer,immer官方直接支持React,类型与智能提示都很不错,solidjs中有一个第三方的包

xxxxxue·2024-01-21 09:38

solidjs 中 createEffect 监听指定的 Signal

React的useEffect只需指定依赖数组useEffect(()=>{//code},[a,b,c])Vue3的watch可以指定conststate=reactive({a:0,b:1})watch

xxxxxue·2024-01-21 09:08

React-Native实例

前言移动开发也走过了将近10年的历程，开发的技术也随着移动设备各个版本的迭代发生了巨大的变化，不管是iphoneX和android8.X和最初的iphone1以及android1.X,无疑都发生了巨大的变化，哪怕一两年的节点之间，移动设备的软硬件都会产生巨大的变化。于此同时，开发技术和模式也有了长足的发展，从早前的纯native开发，到后来的webview+html的hybridnative开发模

wiki_wuhan·2024-01-21 08:20

React Hooks 基本使用

背景class组件如果业务复杂，很难拆分和重构，很难测试；相同业务逻辑分散到各个方法中，逻辑混乱逻辑复用像HOC、RenderProps，不易理解，学习成本高React提倡函数式编程，函数更易拆分，更易测试但是函数组件太简单

丶清风不问烟雨·2024-01-21 08:07

vue3中reactive和ref函数及对比

Vue3中的`reactive`和`ref`函数是用于管理响应式数据的两个重要函数。它们都是Vue3中的CompositionAPI的一部分，旨在简化应用程序的状态管理。

跟Bug双向奔赴·2024-01-21 08:35

React中super()和super(props)有什么区别？

React中super（）和super（props）有什么区别？

laowang357·2024-01-21 08:35

React16源码: React中的updateClassComponent的源码实现

ClassComponent的更新1）概述在react中classcomponent，是一个非常重要的角色它承担了react中更新整个应用的APIsetStateforceUpdate在react当中，

Wang's Blog·2024-01-21 08:34

React16源码: React中的reconcileChildIterator和reconcileChildrenArray的源码实现

reconcileChildIterator和reconcileChildrenArray1）概述在react更新某一个节点的时候，要根据这个节点，它的类型去获取它的children比如说如果是FunctionComponent

Wang's Blog·2024-01-21 08:03

React Native Ref转发/Memo缓存/HOC高阶组件/Context上下文

一、ref转发解决什么问题1、使用自定义组件时，实现外层组件对原始组件（TextInput）的操作外层组件使用ref属性子组件使用forwardRef包裹2、函数式组件对外暴露实例方法（cusomFocus）子组件父组件如图一所示二、memo解决什么问题？1、避免多余渲染问题：每次点击按钮都会导致InfoView组件发生重绘，即使每次setInfo都是一样的内容也是如此，这就是多余的优化：给函数式

gxhlh·2024-01-21 08:01

如何结合antd design pro 5 结合express 上传多个文件

在AntDesignPro5（基于React）的前端界面结合Express后端实现上传整个文件夹的文件，实际上是在前端进行多文件选择，并通过POST请求将文件列表发送到后端，然后由后端处理上传。

小果运维·2024-01-21 07:18

LVGL使用记 - 数据更新显示

*Usedbytheusertoreactoneventwhichhappenswiththeobject.

KAMI STUDIO·2024-01-21 07:37

vue3：el-table多选框设置默认选中，翻页保留选中状态

问题：el-table多选框设置默认选中，进行翻页，之前选中的数据没有保留选中状态import{watch,reactive,ref}from"vue"import{getUsers}from"@/api

儒雅的曹曹曹·2024-01-21 07:30

keep-alive组件缓存

所有周期都不会触发（react中需要自己写）提一下

betterangela·2024-01-21 07:29

【Java基础（高级篇）】响应式编程

文章目录1.概述2.stream流式编程3.Reactive-Stream4.响应式编程5.Reactor5.1Mono和Flux5.2subscribe()5.3多线程5.4常用操作API示例5.5错误处理

比尔高特·2024-01-21 07:57

React Router的简单介绍

这篇文章主要简单的介绍一下react的路由部分，我个人觉得学好一个框架，可以熟悉的掌握一个框架的router部分是非常重要的，因为路由关系到整个项目的结构，可以让我们构建复杂的应用程序。

mm_tang·2024-01-21 07:32

QT基础篇（12）QT5多线程

多线程都是一个相对其他方面比较重要的点，这里面的知识体系很庞大，同步和异步之间的处理方式，以及IO多路复用等等各种进行性能优化的方面，在往上层一点我们不可能一直进行系统层次的调用，这样太费时间也太麻烦，就到设计模式这里，比如反应器（Reactor

Solitude的学习日记·2024-01-21 07:21

关于成品项目分辨率适配解决方案

量太大,项目用的react+antdv+umi,react页面没有800个也有500个了,一个一个页面改,不太现实,耗时太久,决定找新的其他方案.在网上找了一些文章,决定用css3transfrom+jswindow.onresize

阳光先做·2024-01-21 07:12

better-scroll 嵌套 antd 分页器问题

问题:react项目中better-scroll嵌套antd分页器,第一次选中10条后再次选中10条分页会直接关闭选择总条数的select.better-scroll官网配置在better-scroll