React初探

Vue3的ref和reactive

目录1、ref的基本使用2、reactive的基本使用3、ref操作dom4、ref与reactive的异同1、ref的基本使用ref创建数据可以是基本类型也可以是引用类型ref函数创建响应式数据，返回值是一个对象模版中使用
诗霖雪·2024-01-23 07:23

react后端开发：如何根据特定ID创建新的用户信息？

以音乐app开发为例，我们想要在想要创建新的唱片库，就需要使用Post连接服务器端新建唱片ID，并在该ID处插入唱片信息。怎么做呢？使用create同时创建id和唱片信息existingAlbum=awaitAlbum.create({_id:albumId,...albumData});不过在这之前，我们一般先需要进行判断，新写入的唱片是否存在，比如某用户已经上传了周杰伦的青花瓷，而另一名用户又
德国Viviane·2024-01-23 07:23

React16源码: React中的completeWork中对不同类型节点处理的源码实现

completeWork1）概述在completeUnitOfWork当中，在节点是正常渲染没有任何出错的情况下会去调用completework，对这个节点进行一个完成工作的一系列操作在update各种component的时候，执行了各种获取context相关的内容对于completeWork，我们会把它对应的这些节点获取的context再pop出来相当于beginWork是一个正向的流程,而co
Wang's Blog·2024-01-23 07:22

React Router v6 改变页面Title

先说正事再闲聊1、在路由表加个title字段2、在index包裹路由3、在App设置title闲聊：看到小黄波浪线了没就是说默认不支持title字段了出来的提示，所以我本来是像下面这样搞的，就是感觉有点难维护，就还是用上面的方法了用vscode的好处就是看不到这些小警告，用webstorm就是想搞规范点，因为用idea比较多，vscode快捷键不习惯就用这个了。还有element.props.ma
仰晨556·2024-01-23 07:51

浏览器require加载devextreme-react组件

devextreme和devextreme-react，我使用的是23.2.3版本。
火星牛·2024-01-23 07:20

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

resetChildExpirationTime1）概述在completeUnitOfWork当中，有一步比较重要的一个操作，就是重置childExpirationTimechildExpirationTime是非常重要的一个时间节点，它用来记录某一个节点的子树当中，目前优先级最高的那个更新整个应用的调度过程当中使用的都是root节点，在scheduleWork的时候，即便我们创建更新的那个节点，
Wang's Blog·2024-01-23 07:20

vue和react的差异梳理

特性VueReact响应式系统使用Object.defineProperty()或Proxy使用不可变数据流和状态提升模板系统HTML模板语法JSX（JavaScript扩展语法）组件作用域样式支持scoped
Cofer_Yin·2024-01-23 07:49

React16源码: React中的completeWork对HostComponent处理的源码实现

HostComponent1）概述在completeWork当中，我们需要对HostComponent的一些操作有哪些?首先在一次更新而不是初次渲染的情况下需要去diffProperties来计算，需要更新的内容也就是在vdom中去进行一个对比来判断这一个节点是否需要真的去更新它以此来最低程度的去更新整个dom的一个过程对于不同domproperty，它有一些不同的处理方式2）源码定位到packa
Wang's Blog·2024-01-23 07:28

服务器上面安装nodejs react

1、nvm管理nodejs2、修改端口/node_modules/react-scripts/scripts/start.js//这是start.js部分源码constDEFAULT_PORT=parseInt
The Straggling Crow·2024-01-23 07:46

vue3使用 echarts - 饼图、折线图

下载安装npminstall-Secharts使用饼图-带中心图形-graphic-elementsimport{onMounted,ref,reactive,unref,nextTick}from"vue
浮桥·2024-01-23 06:06

uniapp实现页面左滑右滑切换内容

标签|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI框架```vue{{item.name}}import{onMounted,onUnmounted,ref,reactive
浮桥·2024-01-23 06:31

React Native性能优化指南

摘要本文将介绍在ReactNative开发中常见的性能优化问题和解决方案，包括ScrollView内无法滑动、热更新导致的文件引用问题、高度获取、强制横屏UI适配、低版本RN适配iOS14、缓存清理、navigation
iOS学霸·2024-01-23 06:29

Vue 兄弟组件通信

Vue3中，以下是五种常用的方法来实现兄弟组件之间的通信：使用共享状态（SharedState）：创建一个共享的数据仓库（store），可以使用Vuex或者Vue3的新特性CompositionAPI中的reactive
珊珊而川·2024-01-23 05:34

Vue 兄弟组件通信

Vue3中，以下是五种常用的方法来实现兄弟组件之间的通信：使用共享状态（SharedState）：创建一个共享的数据仓库（store），可以使用Vuex或者Vue3的新特性CompositionAPI中的reactive
珊珊而川·2024-01-23 05:34

SpringBoot-SpringBoot启动解析

构造SpringApplication对象1、推测web应用类型1.如果项目依赖中存在org.springframework.web.reactive.DispatcherHandler，并且不存在org.springframework.web.servlet.DispatcherServlet
长情知热爱·2024-01-23 05:22

react的生命周期函数和this.state

constructor里的this.state存放状态、数据react生命周期函数从创建到销毁this.state的使用实例显示和隐藏classDemoextendsReact.Component{constructor
樊小勇·2024-01-23 04:50

云风网（www.niech.cn）个人网站搭建（九）html静态菜单列表替换为接口请求动态数据

Reactreact中文文档，Web和原生交互界面的库Angularangular中文文档，构建未来的Web开发框架ElementPlus基于Vue3，面向设计师和开发者的UI组件库
niech_cn·2024-01-23 04:41

云风网（www.niech.cn）个人网站搭建（一）基础准备

二、开发思路作为一名前端开发，这里就以node切入去开发接口，能够效率的解决接口数据问题前端部分目前打算先做一版原生js实现的、后续再改版为vue/react版本的一切准备好之后，就可以正式开发了
niech_cn·2024-01-23 04:10

第四节:React组件状态的State属性

1.State状态理解关于state的理解state是组件对象中最重要的属性,值是对象(可以包含多个数据)组件被称为"状态机",通过更新组件的state来更新对应的页面显示(重新渲染组件)state是组件实例的属性,函数组件没有实例,因为函数组件没有状态state可以理解是组件自己的数据,props数据是外部传入,state数据就是组件自己的2.State状态的使用2.1state使用规则stat
时光如剑·2024-01-23 04:09

umi2.x(webpack4.x)打包优化

1umibuild优化方法删除代码中冗余的,没有用到的第三方依赖将用得很少的依赖从node_modules中直接复制粘贴到本地项目代码中(实现按需加载),并npmuninstall此依赖使用umi-plugin-react
zhongshizhi91·2024-01-23 04:36

React前端解析excel文件,获取excel文件中的数据

核心xlsximportReact,{useEffect}from'react';import{Upload,Input}from'antd';importXLSXfrom'xlsx';/***将file
zhongshizhi91·2024-01-23 04:36

React入门 - 09（TodoList & TodoItem 代码优化）

本章内容目录TodoItem.js代码优化TodoList.js代码优化上一节内容续使用”TodoList“案例来讲解一下”组件拆分与组件传值“。观察里面的代码，发现有优化的地方很多。本节我们针对其中代码进行优化TodoItem.js代码优化打开TodoItem.js，我们需要优化的点有为了”性能“，我们统一把与this绑定相关的代码都统一放到constructor中尽量是用ES6的语法（例如To
w-somebody·2024-01-23 03:03

React入门 - 10（说一说关于 React 的一些理论 ）

本章内容目录1、React是一种”声明式“开发2、React可与其他框架并存3、React的”组件式“开发4、React遵循”单向数据流“5、React是一个用于构建”视图层“的框架6、React采用”
w-somebody·2024-01-23 03:03

React进阶 - 11（ 说一说 PropTypes 和 DefaultProps ）

本章内容目录PropTypesDefaultProps截止到上一节的内容，我们使用了一个TodoList的案例，大概了解了React的一些入门知识。
w-somebody·2024-01-23 03:03

React进阶 - 12（浅谈 state、props与render函数的关系）

一、state与render函数的关系我们知道，React是一个有”数据“驱动视图的框架，即：数据发生变化，页面视图就会自动的跟着发生变化
w-somebody·2024-01-23 03:01

React-Native Image加载图片二进制

baseImg='data:image/png;base64,图片的二进制'设置宽高，相当于网络图片例如：varbaseImg='data:image/png;base64,/9j/4AAQSkZJRgABAQAAYABgAAD/4QCMRXhpZgAATU0AKgAAAAgABQESAAMAAAABAAEAAAEaAAUAAAABAAAASgEbAAUAAAABAAAAUgEoAAMAAAABA
精神病患者link常·2024-01-23 02:57

【漏洞复现】SpringBlade export-user接口SQL注入漏洞

提供基于React和Vue的两个前端框架用于快速搭建企业级的SaaS多租户微服务平台。声明请勿利用文章内的相关技术从事非法测试，由
李火火安全阁·2024-01-23 02:24

React 其他常用Hooks

1.useImperativeHandle在react中父组件可以通过forwardRef将ref转发到子组件；子组件拿到父组件创建的ref，绑定到自己的某个元素；forwardRef的做法本身没有什么问题
F-125·2024-01-23 01:47

对有状态组件和无状态组件的理解及使用场景

（1）有状态组件特点：●是类组件●有继承●可以使用this●可以使用react的生命周期●使用较多，容易频繁触发生命周期钩子函数，影响性能●内部使用state，维护自身状态的变化，有状态组件根据外部组件传入的
是个车迷·2024-01-23 01:40

生物信息学导论-北大-新一代测序NGS：转录组分析RNA-Seq 1

Real-TimeqRT-PCR基于互补杂交反应（complementaryhybridizationreaction），PCR技术的发展促进了本技术的发展，缺点是：1.低通量2.需要有转录本序列的先验知识
陆沙·2024-01-23 00:50

势逼 React Native，跨平台开发框架 Flutter 很凶猛

Flutter的2019很是精彩：声网开源了Flutter实时音视频插件AgoraFlutterSDK；闲鱼开源了Flutter应用框架FishRedux；今日头条即将开源能让Flutter真正支持View级别混合开发的方案……从2016年项目启动，到在次年的GoogleI/O大会上首次公开亮相，再到2018年底凭借1.0正式版的推出首页“屠版”，Flutter几经周折，终是再度回归业界关注的焦点
Android姿态·2024-01-22 23:41

[React面试题]核心算法的重构----Fiber

写在前面文章针对的是新手，所以我会尽量用简单的方法去描写这么一个过程，对于Fiber的文章，网上有很多很多，如果想要系统的学习，我强烈建议去看下React官网上的介绍以及一些大厂的文章!!
mkmin·2024-01-22 23:23

MySQL修炼手册13：存储过程初探：提高数据库操作效率

目录写在开头1存储过程的基本概念1.1存储过程与SQL语句的对比1.2存储过程的创建与调用2存储过程中的流程控制2.1IF语句的使用2.2循环与分支控制2.2.1WHILE循环2.2.2REPEAT循环2.2.3LOOP循环2.2.4CASE语句3存储过程的应用场景3.1存储过程在业务逻辑中的应用3.1.1数据清洗与转换3.1.2事务管理3.2存储过程的优势与劣势3.2.1优势3.2.2劣势写在最
theskylife·2024-01-22 21:29

发布 react 组件到 npm

我发布了我的第一个npm组件，一个基于react的3d标签云组件。
barnett_y·2024-01-22 21:27

详解从 0 发布 react 组件到 npm 上

我发布了我的第一个npm组件，一个基于react的3d标签云组件。
萧然似我·2024-01-22 21:56

基于HTTPS的REST API设计初探

在项目中，需要为APP撰写API。刚开始接触的时候，并没有考虑太多，就想提供URL，APP端通过该URL进行查询、创建、更新等操作即可。但再对相关规范进行了解后，才发现，API的设计并没有那么简单，远远不是URL的问题，而是一个通信协议的整体架构。因此，我写这篇文章，用来记录自己的一些心得，并不断完善。并提供关于RESTfulAPI的一些参考文献。1.使用SSL（https）来提供URL首先，使用
陈恒邑·2024-01-22 21:16

每日一看大模型新闻（2023.11.21）用深度催眠诱导LLM「越狱」，香港浸会大学初探可信大语言模型；77%开发者使用ChatGPT辅助开发；gpt crawler:从URL爬取网站生成结构化知识

1.产品发布1.1Kyligence升级其AI产品发布日期：2023.11.21革新突破！智能指标平台引领时代，国产大模型与企业级部署的完美结合主要内容：11月21日，跬智信息（Kyligence）圆满召开了线上数智论坛暨产品发布会，升级智能一站式指标平台KyligenceZen及AI数智助理KyligenceCopilot的一系列企业级能力，包括正式支持智谱AI、百川智能等在内的多款国产大模型、
超爱玩大模型·2024-01-22 20:55

地图 - 实现有多条定位，显示多条定位，并且使用一个圆形遮罩层将多条定位进行覆盖

首先，需要在你的index.html模板页面头部加载百度地图JavaScriptAPI代码，密钥可去百度地图开放平台官网申请然后，使用npm方式安装react组件库，然后通过es模块加载npminstallreact-bmapgl
小安吖~·2024-01-22 20:19

SAP UI5 数据绑定语法里的特殊符号，以及绝对绑定和相对绑定概念详解

初学者教程之一：HelloWorldSAPUI5初学者教程之二：SAPUI5的引导过程BootstrapSAPUI5初学者教程之三：开始接触第一个SAPUI5控件SAPUI5初学者教程之四：XML视图初探
JerryWang_汪子熙·2024-01-22 20:26

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

completeUnitOfWork1）概述各种不同类型组件的一个更新过程对应的是在执行performUnitOfWork里面的beginWork阶段它是去向下遍历一棵fiber树的一侧的子节点，然后遍历到叶子节点为止，以及return自己child的这种方式在performUnitOfWork里面，还有一个方法叫做completeUnitOfWork在completeUnitOfWork中会根据
Wang's Blog·2024-01-22 20:26

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

updateMemoComponent1）概述在react16.6之后，提供了一个新的API通过React.memo来创建一个具有类似于purecomponent特性的functioncomponent
Wang's Blog·2024-01-22 20:56

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

updateMode1)概述Mode组件是react提供给我们的原生组件一共有两个:ConcurrentMode和StrictMode对于这两个Mode的更新过程最终调用的都是updateMode的方法它们执行的过程非常的简单
Wang's Blog·2024-01-22 20:26

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

FunctionComponent1）概述FunctionComponent会引出调和子节点的过程调和子节点是一个统一的过程，和各类组件不同类型没有太大关系在ReactDOM.render第一次时，只有一个
Wang's Blog·2024-01-22 20:24

语文课堂模式初探 ――导、学、练、展、评

这一段时间一直在思考，语文课堂到底应该怎么上？陶行知先生说：“先生的责任不在教，而在教学，教学生学。”语文课堂是学生学习的课堂，是育人的主渠道。在这样的课堂上，学生是学习的主体，是学习的主人，每一位孩子都在这样的课堂上享受这自主的“闻知、说知、亲知”的学习过程，在一定学习任务的驱动下，在愉快的合作、互动学习的环境中，能自然、有序地学习、探究、体验、展示，使他们在活动中提升能力、发展思维、感悟道理、
王霞沈丘小语·2024-01-22 20:35

springboot干什么的_springboot初探---spring-boot-starter-web究竟干了啥

上一篇已经简单介绍了启动类的部分，这一篇主要讨论一下springboot引入的哪些依赖我们都知道想用springboot做一个web应用，首先要做的是引入相关依赖，两步操作：1、添加spring-boot-starter-parent2、引入spring-boot-starter-web至此所有关于web的依赖全部应用完毕以前我们在用spring的时候，还需要添加很多依赖，包括spring-web
钟聚湃·2024-01-22 18:59

vue3完整的登录页面,element-plus

Createimport{ref,reactive}from'vue';importtype{FromItemRules,FormInstance}from"element-plus"//donotusesamenamewithrefinterfaceIform
paul jeorgh·2024-01-22 17:28

vue3hooks的使用

vue3借鉴reacthooks开发出了CompositionAPI，所以也就意味着CompositionAPI也能进行自定义封装hooks。
paul jeorgh·2024-01-22 17:28

chrome浏览器Extension插件开发框架对比和介绍

想开发chrome浏览器插件的话，如果没有一个好的框架支持，那么你只能手写js和html实现了，这样做的话，可能效率没有那么高，所以github上就有一些牛人来定制化了这些操作，将react和vue等开发框架快速集成
1024小神·2024-01-22 17:56

如何使用react的hook实现复制粘贴操作？

第一步：新建hooks文件，并在其目录下创建一个钩子文件useClipboard.jsx（1）引入useCallback和useStateimport{useCallback,useState}from"react
开心点啦.·2024-01-22 17:28

客户端读取并显示XLXS文件

FrameworksandBundlers|SheetJSCommunityEdition第一步：安装第二步：内容的引入import*asXLSXfrom'xlsx'import{useState}from"react
开心点啦.·2024-01-22 17:28
上一页 38 39 40 41 42 43 44 45 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他