typescript elements useref react
ElectronReactAdmin跨平台管理系统|electron27+react18后台模板EXE
基于electron27+react18+arco电脑端后台管理程序EXE实例ElectronRAdmin。 electron27-react18-admin 基于跨平台技术Electron集成Vite.js构建桌面端React18后台管理系统应用解决方案。支持dark/light主题、中英文/繁体 ......
使用react-native-drawer，跟着官网配置仍报错，Error: [Reanimated] `valueUnpacker` is not a worklet, js engine: hermes
在使用react-native-drawer组件时，编译项目报错 试了许多的方法，最后通过在一篇博客中找到解决方法https://blog.csdn.net/lxyoucan/article/details/121851577 因为在使用react-native-drawer时也需要使用react- ......
springboot+vue2+element学生信息管理系统
效果： .vue <template> <div> <el-container style="height: 700px; border: 1px solid #eee"> <el-header style="font-size: 40px; background-color: rgb(238, 2 ......
React学习一：环境搭建、JSX基础、事件绑定、组件使用、样式控制
一、概念 React由Meta公司研发，是一个用于构建Web和原生交互界面的库。 react中文文档地址：https://zh-hans.react.dev/learn React的优势 相较传统基于DOM开发的优势：组件化的开发方式；不错的性能 相较于其他前端框架的优势：丰富的生态；跨平台支持 二 ......
TypeScript入门到精通——TypeScript类型系统基础——接口
接口 类似于对象类型字面量，接口类型也能够表示任意的对象类型。不同的是，接口类型能够给对象类型命名以及定义类型参数。接口类型无法表示原始类型，如 boolean 类型等。 接口声明只存在于编译阶段，在编译后生成的 JavaScript 代码中不包含任何接口代码。 一、接口声明 通过接口声明能够定义一 ......
Vue2 element-table 动态添加一行
Vue2 element-table 动态添加一行 <template> <div class="app-container"> <!-- 表格 --> <el-table :data="tableData" :height="fullHeight" border> <el-table-column ......
react-query和SWR总结
react-query和SWR都是用来控制请求的库，是用来解决缓存，loading、error状态控制，乐观修改，报错重试等问题的，和axios不在一个层面 SWR是Next.js团队的 react-query是@tanStack的，先已更名 @tanStack/query，支持 React, So ......
基于Electron27+Vite4+React18搭建桌面端项目|electron多开窗口实践
前段时间有分享一篇electron25+vite4搭建跨桌面端vue3应用实践。今天带来最新捣鼓的electron27+react18创建跨端程序、electron多开窗体(模拟QQ登录窗口切换主窗口)、自定义无边框窗口拖拽导航栏的一些知识分享。 electron团队更新迭代比较快，目前稳定版本已经 ......
给react native 添加transform translateY动画报错：Transform with key of "translateY" must be a number:{translateY“:0}
初学react native，想实现一个相机扫描功能时，报错，报错描述如标题 这是我的主要逻辑代码 const fadeAnim = useRef(new Animated.Value(0)).current; const move = () => { fadeAnim.setValue(0); A ......
2023-10-24 react+ts 遍历双重对象嵌套数组
useEffect(() => { if (value) { const arr = value; for (const k in arr) { console.log(k, arr[k]); arr[k].key = arr[k].id; arr[k].title = arr[k].name; f ......
继续学习webpack+react路由+页面刷新404+nginx部署404+webpack魔法注释
继续学习 webpack 继续我们上一次的操作之后，我们已经可以实现从零到亿自定义运行打包一个 webpack 项目了，接下来我们继续更深层级接触他 我们上次使用的自动清理打包文件的插件在我们 webpack5.*之后呢，可以直接进行配置不需要引入插件，只需要在 wenpack.pro.config ......
vue + element ui 树形半选传父级id给后台，回显实现
1. vue2 ： 需要关联父子级： Html部分 check-strictly="false" <el-tree :data="dataTree" highlight-current show-checkbox :check-strictly="false" node-key="id" :prop ......
react native的新架构
Starting from version 0.68, React Native provides the New Architecture, which offers developers new capabilities for building highly performant and re ......
关于 React 性能优化和数栈产品中的实践
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：的卢 引入 在日常开发过程中，我们会使用很多性能优化的 API，比如像使用 memo、useMemo优化组件或者值，再比如使用 shouldComponent ......
2023-10-24 Too many re-renders. React limits the number of renders to prevent an infinite loop. ==》组件在渲染过程中执行了任务导致状态更新，从而触发了无限循环
React报错： Too many re-renders. React limits the number of renders to prevent an infinite loop. 重新渲染过多。React限制渲染次数，以防止出现无限循环。 解决方案：查看你最近写的代码，比如我写了一个函数组件 ......
vue实现用Element Table 展现数据T图
vue实现用Element Table 展现数据T图，废话不多少，直接上干货 <template> <div> <el-table :data="resultTable" style="width: 100%"> <el-table-column prop="id" label="日期" width ......
TypeScript入门到精通——TypeScript类型系统基础——对象类型
对象类型 在 JavaScript 中存在这样一种说法，那就是 "一切皆为对象"。有这种说法是因为 JavaScript 中绝大多数值都可以使用对象来表示。例如：函数、数组和对象字面量本质上都是对象。对于原始数据类型、如 String 类型，JavaScript 也提供了相应的构造函数来创建能够表示 ......
Kth Largest Element in a Stream
study/java Design a class to find the kth largest element in a stream. Note that it is the kth largest element in the sorted order, not the kth distin ......
React技术栈支援Vue项目，你需要提前了解的
写在前面 react整体是函数式的思想，把组件设计成纯组件，状态和逻辑通过参数传入，而vue的思想是响应式的，也就是基于是数据可变的，通过对每一个属性建立Watcher来监听， 当属性变化的时候，响应式的更新对应的虚拟dom react的思路通过js来生成html， 所以设计了jsx，还有通过js来 ......
vue-element-admin 项目中，获取当前左侧菜单栏的Id
找到 store/modules/permission.js(需要后端在返回的菜单中，添加Id)： const permission = { state: { routes: [], addRoutes: [] }, mutations: { SET_ROUTES: (state, routes) ......
vue3 和 element-plus 实现指定单元格编辑
思路 1.获取到指定单元格的位置 2.通过状态来判断 是否展示编辑 步骤 1.定义变量去确定行和列 let tableRowEditId = ref(null), // 控制可编辑的每一行 let tableColumnEditIndex = ref(null), //控制可编辑的每一列 2.在el ......
vue element 常用正则
在vue项目中使用element的时候，经常会用到的一些正则验证。 export default { textChecked: { pattern: /^[\u4e00-\u9fa5a-zA-Z0-9]{0,50}$/, message: '最多可输入50位字符，仅支持数字、英文大小写、中文', t ......
Element-UI的table实现分页多选功能
在el-table中添加:row-key="getRowKeys" <el-table ref="form" :model="form" :row-key="getRowKeys" @selection-change="handleChange" > </el-table> getRowKeys(r ......
Element语法
什么是Element语法呢？ 我的理解是Element语法是是一种可以加快你开发速度的一种具有语义化的工具。 下面，我会详细的介绍如何使用Element的语法。 先从几个简单点的开始练习吧 快速生成HTML骨架的是：！回车或者Tab键。 ......
React18 新特性一览
升级： React 18 相较于之前的React 版本来说 主要有以下几个方面的升级： 1 增加了一些新的API 2 底层逻辑的优化 3 React Current Mode 并发模式的实现 4 同时需要注意的是React 18 不支持IE浏览器。 5 新增了一部分hooks以及服务端渲染的API ......
Vue.js框架：vue3版本引入使用element-ui
一、引入element-plus element-ui只支持vue2，vue3需要引入element-plus进行使用，两个分别对应vue2和3两个版本，各自独立，无法跨级兼容。 地址：https://element-plus.gitee.io/ 在vue3项目终端里使用以下命令引入该依赖： npm ......
React框架的基本运行原理与组件定义方式
React框架的基本运行原理 React的本质是内部维护了一套虚拟DOM树，这个虚拟DOM树就是一棵js对象树，它和真实DOM树是一致的，一一对应的。 当某一个组件的state发生修改时，就会生成一个新的虚拟DOM，让它和旧的虚拟DOM通过Diff算法进行对比，生成一组差异对象。 然后变量差异对象， ......
React学习笔记14-dangerousSetinnerHtml指令
1.使用场景 dangerouslySetInnerHTML指令能将字符串当做html解析 相当于vue中的v-html指令 一般我们用来渲染富文本返回的html文本 2.使用方法 {this.state.tolist.map((item,index)=>{ return ( <span dange ......