vue渲染慢

8种Vue中数据更新了但页面没有更新的情况

文章目录1、Vue无法检测实例被创建时不存在于data中的属性2、Vue无法检测‘对象属性’的添加或移除3、Vue不能检测利用数组索引直接修改一个数组项4、Vue不能监测直接修改数组长度的变化5、在异步更新执行之前操作
cypking·2025-03-07 11:08

HarmonyOS：如何实现自定义的Tabs,TabContent内部实现如何动态配置

前言：最近做开发任务的时候，想把Tabs自定义了，并且动态配置TabContent里面的内容，不是写死一样的，这个问题困扰了很长时间，试过**@BuilderParam**（类似于vue的插槽）传组件方式的
zzialx·2025-03-07 09:06

【Qt】Qt Widgets和QML（Qt Quick）开发界面的区别

1.QtWidgetsvs.QML总体对比对比项QtWidgetsQML(QtQuick)语言C++(带QtUI库)QML+JavaScript(底层C++)渲染方式传统窗口系统控件（原生或模拟）基于OpenGL
￡އއ昔年·2025-03-07 08:52

[数据结构] [C++ STL] vector使用详解

而vector正好弥补了这个缺陷，它的特征是相当于可分配拓展的数组（动态数组），它的随机访问快，在中间插入和删除慢，但在末端插入和删除快。
高亚奇·2025-03-07 07:50

前端React篇之哪些方法会触发 React 重新渲染？重新渲染 render 会做些什么？

目录哪些方法会触发React重新渲染？重新渲染render会做些什么？
m0_74823705·2025-03-07 07:50

React基础之useState

useState是一个ReactHook(函数)，它允许我们向组件添加一个状态变量，从而控制组件的渲染效果import{useState}from"react"//使用useState实现计数器按钮functionApp
青红光硫化黑·2025-03-07 07:49

React 基础教程

目录React基础教程一、React简介二、安装和设置三、创建第一个React组件（一）函数式组件（二）类组件四、渲染组件五、组件的属性和状态（一）属性（Props）（二）状态（State）六、组件的生命周期方法七
阿贾克斯的黎明·2025-03-07 07:19

React基础教程（06）：条件渲染

1条件渲染使用条件渲染，结合TodoList案例，进行完善，实现以下功能：当列表中的数据为空的时候，现实提示信息暂无待办事项当列表中存在数据的时候，提示信息消失这里介绍三种实现方式。
叁拾舞·2025-03-07 07:18

动画 + 大白话讲清楚React渲染原理

前言相信很多人跟我之前一样，看到源码两个字觉得触不可及，觉得离自己还很遥远，是需要非常多年的工作经验的大佬才能触及到的领域。就在去年我改变了这个想法，当时被react的几个生命周期执行顺序弄的睡不着觉，为什么有些时候生命周期的执行事与愿违？又为什么数组中必须要加上key属性？为啥在render中不能写setState等等问题…在一系列的问题中，我终于还是打开了那份久违的源码，并且Ctrl+F慢慢探
梅花十三儿·2025-03-07 07:46

在VSCode中遇到Vetur插件与其他插件冲突时，

1.检查冲突插件-常见冲突场景：-Vetur与VueLanguageFeatures(Volar)：两者功能重叠，建议禁用Vetur，改用官方推荐的Volar。
安琪CiCi·2025-03-07 07:16

大白话react第十五章React 应用性能优化深度实践

大白话react第十五章React应用性能优化深度实践1.React服务端渲染（SSR）的深入运用白话解释：之前咱们做的网页大多是在浏览器里把页面一点点搭建起来，这得花点时间。
IT木昜·2025-03-07 07:45

Vue2中使用全局事件总线

个人理解通过一个参数去实现任意组件间通信的一个方法这个参数需要被所有VueComponents看见仅仅可以在Vue2中使用,因Vue3中已经废弃了prototype第一步：实现全局事件总线在main.js
Aricanv·2025-03-07 07:13

全局事件总线（GlobalEventBus）

全局事件总线（GlobalEventBus）使用步骤：1.main.js定义“全局事件总线”2.在A组件想接收数据3.在B组件想发送数据1.main.js定义“全局事件总线”//创建vmnewVue({
一只小林·2025-03-07 06:11

前端基础之全局事件总线

用于实现任意组件中的通信，我们可以将数据放入到Vue原型中，这样就能实现vc与vm都能访问该数据我们需要一个能使用去使用$on或是$emit这里方法的东西，vc与vm都能调用这个方法，但是vm与vm最终在创建时都需要去寻找
青红光硫化黑·2025-03-07 06:04

自己的网页加一个搜索框，调用deepseek的API

一切源于一个学习黑马程序员视频的突发奇想在网页悬浮一个搜索按钮，点击可以实现调用deepseek文本模型回答你的问题前端实现前端使用vue实现的首先是整体页面：AIWidget.vue搜索{{item}
Lkkkkkkkcy·2025-03-07 06:34

vue3的福音框架arco.design

1.简介1.1.概述Vue3框架Arco.design是一个基于Vue3的开源设计系统，它提供了一系列的UI组件和工具，可以帮助开发者快速构建高质量的Web应用。
丁爸·2025-03-07 06:03

vue3与react、 react hooks

一、Vue3新特性：setup、ref、reactive、computed、watch、watchEffect函数、生命周期钩子、自定义hooks函数、toRef和toRefs、shallowReactive
caihuayuan5·2025-03-07 05:23

arco design vue 表格Table自定义筛选

arcodesignvue表格Table筛选,默认是这样的{title:'审核状态',dataIndex:'applicationStatus',slotName:'applicationStatus'
全栈小董·2025-03-07 04:50

vue3封装一个快速查询表格数据的hook，高亮搜索关键字，减少重复代码，提高产出速度

因为项目中需要很多查询页面，重复写查询逻辑费时费力，每个查询页面的基本逻辑都是：定义查询参数=>调用接口发送参数=>拿到参数赋值给表格或其他组件回显=>配置分页组件实现分页这么一个过程，所以就封装了一个hook只需要传进来查询参数（无需传分页参数），接口就可以完成上方所有逻辑，还能高亮搜索匹配关键字，如果hook的处理数据逻辑不适用接口返回参数，还可以传递一个自定义处理参数的函数我使用的antdV
旅行中的伊蕾娜·2025-03-07 04:20

【工作·学习记录】html页面转为pdf

实现步骤将页面转为图片形式并传输首先引入html2canvas.jshtml2canvas(document.body,{//截图对象//此处可配置详细参数onrendered:function(canvas){//渲染完成回调
沉默不多话·2025-03-07 04:48

pythonvue自动化_Vue项目的自动化测试

Vue项目的自动化测试说到自动化测试，许多开发团队都是听说过、尝试过，但最后都止步于尝试，不能将TDD(测试驱动开发)、BDD(行为驱动开发)的完整流程贯彻到项目中。
weixin_39617669·2025-03-07 04:18

UserWarning: Glyph 21435 (\N{CJK UNIFIED IDEOGRAPH-53BB}) missing from font(s) DejaVu Sans.

原因是：matplotlib使用的默认字体DejaVuSans不支持中文字符，因此在渲染带有中文的图表时会出现警告。
刘瑞瑞rr·2025-03-07 03:35

框架基本知识总结 Day15

前后端大整合1.新建一个文件夹，在终端中打开输入vuecreate项目名（前提是安装了vue脚手架）2.安装路由npmaddvue-router，新建一个router文件夹，router相关都会在这里配置
小斌的Debug日记·2025-03-07 01:47

React生态、Vue生态与跨框架前端解决方案

主要负责应用如何工作：应用架构：路由系统、页面结构渲染策略：服务端渲染(SSR)、静态生成(SSG)、客户端渲染性能优化：代码分割、图片优化、字体优化开发体验：热模块替换、TypeScript支持部署：
Coder LM Wang·2025-03-07 00:38

基于SpringBoot的电影售票系统

基于SpringBoot和Vue的电影售票系统，正是为了迎合这一趋势而设计的。该系统不仅为用户提供了便捷、高效的购票渠道，还为影院管理者提供了强大的后台管理功能。
Computer程序设计·2025-03-07 00:07

vue3导入excel并解析excel数据渲染到表格中，纯前端实现。

需求用户将已有的excel上传到系统，并将excel数据同步到页面的表格中进行二次编辑，由于excel数据不是最终数据，只是批量的一个初始模板，后端不需要存储，所以该功能由前端独立完成。吐槽系统中文件上传下载预览三部曲走了一遍，万万没想到还要自己实现同步数据。实际反手各种资料开始查阅，终于找到了可以完美实现该需求的方法，来记录下我的实现方案。希望对有需要的小伙伴有帮助。注意以下为正文（重要内容），
m0_74825526·2025-03-06 23:56

vue3+vite项目打包后css样式丢失

问题：原因：默认情况下启用了CSS代码分割，CSS样式会被提取到单独的CSS文件中，会导致一些样式丢失的情况。通过将cssCodeSplit设置为false，可以禁用CSS代码分割，这样CSS样式将会内联到JavaScript中，而不是被提取到单独的CSS文件中。这种方式可以解决一些样式丢失的问题，因为样式将直接包含在构建后的JavaScript文件中，而不会受到代码分割的影响。解决方法：在vit
Angus-zoe·2025-03-06 23:56

vue3动态路由+页面刷新丢失路由+再次加载路由

1、保存路由信息在登录的时候从后端获取路由信息保存到全局pinia或者是vuex，我用的是pinia建议在保存的时候对路由信息数组做好处理2、在router.ts中引入pinia保存的路由信息：注意不要使用
Angus-zoe·2025-03-06 23:25

mac电脑运行速度变慢的十种解决方法

mac电脑和普通Windows电脑一样，如果使用不当或时间久了系统也会变得卡慢，非常烦恼就是这样的问题，动不动就卡死。mac电脑运行速度变慢有什么原因？可以采取什么方法来加快运行速度？
鱼儿吃西瓜·2025-03-06 22:47

python pandas 加速循环_Pandas DataFrame遍历加速/性能优化

Python无法利用任何内置函数，而且速度非常慢。在我们的示
weixin_39653622·2025-03-06 21:07

《基于WebGPU的下一代科学可视化——告别WebGL性能桎梏》

引言：科学可视化的算力革命当WebGL在2011年首次亮相时，它开启了浏览器端3D渲染的新纪元。然而面对当今十亿级粒子模拟、实时物理仿真和深度学习可视化需求，WebGL的架构瓶颈日益凸显。
Eqwaak00·2025-03-06 20:31

Zustand selector 发生 infinate loops的原因以及解决

Zustandselector发生infinateloops做zustandtutorialproject的时候，使用选择器方法引入store，出现Maximumupdatedepthexceeded,也就是组件一直重新渲染
夫琅禾费米线·2025-03-06 20:31

vue中Axios的封装和API接口的管理(待根据实际项目front进行分析)

一、axios的封装在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。
yinxiangzhongqing·2025-03-06 19:54

io学习-----＞文件io

思维导图：一.文件io的概念文件IO：指程序和文件系统之间的数据交互特点：1.不存在缓冲区，访问速度慢2.不可以移植，依赖于操作系统3.可以访问不同的文件类型(软连接，块设备等)4.文件IO属于系统调用
\＆会飞的鱼_·2025-03-06 19:51

（一）React 基础

专栏持续更新中~~目录目录一、React介绍1.1什么是React1.2React的特点1.3ReactVSVueVSAngular1.基本概述2.语法和核心概念对比2.1组件语法2.1.1React组件
小刀肉0812·2025-03-06 19:19

【计算机网络入门】TCP拥塞控制

3.慢开始算法+拥塞避免算法4.快重传事件->快恢复算法5.总结1.TCP拥塞控制和TCP流量控制的区别TCP流量控制是控制端对端的数据发送量。是局部的概念。
屁股割了还要学·2025-03-06 17:34

Vue打印组件

Vue打印组件vue-print-nb是一个用于Vue.js的轻量级打印插件，它允许你轻松地将页面或特定元素转换为可打印格式，并提供了额外的功能如预览和生成PDF。
_AndyLau·2025-03-06 15:15

Stable Diffusion模型Pony系列模型深度解析

其训练数据特别侧重于人物结构、动态姿势和风格化渲染，尤其在处理复杂肢体动作（如手部细节）方面表现出色‌。训练策略：采用混合精度训练（fp16/bf16）和分层权重调整技术
Liudef06·2025-03-06 15:44

构建一个支持精度、范围和负数的-Vue-数字输入框

分析并实现一个支持精度、范围和负数控制的数字输入框。背景在很多业务中，我们经常需要使用数字输入框，通常这些输入框会涉及到数字校验，比如限制输入范围、设置小数精度、是否允许负数等。每次写表单时，都需要重复定义这些校验规则，这不仅繁琐，而且无法满足灵活配置的需求。因此，我想到了能否将这些功能抽象成一个通用的、可复用的组件，避免每次都写重复的逻辑。思路直接限制输入，处理好输入的内容，就可以避免复杂的校验
xChive·2025-03-06 15:42

Java版工程行业管理系统源码-专业的工程管理软件- 工程项目各模块及其功能点清单

这款工程项目管理软件采用了Vue、Uniapp、Layui等前沿技术框架，构建了一个覆盖项目全生命周期的综合管理平台。从项目策划决策、规划设计，到施工建设、竣工交付，再到总结评估和运维运营
m0_72864708·2025-03-06 14:34

Get这个秘籍，告别鸿蒙原生应用页面滑动白块/白屏困扰

针对这一痛点，华为近期分别推出了针对鸿蒙原生应用ArkUI页面及Web页面的滑动白块与白屏问题的解决方案，通过创新技术手段解决不同技术栈下的性能瓶颈，为开发者提供更流畅的页面渲染体验，有效提升鸿蒙应用的页面滑动流畅度
·2025-03-06 14:25

Get这个秘籍，告别鸿蒙原生应用页面滑动白块/白屏困扰

针对这一痛点，华为近期分别推出了针对鸿蒙原生应用ArkUI页面及Web页面的滑动白块与白屏问题的解决方案，通过创新技术手段解决不同技术栈下的性能瓶颈，为开发者提供更流畅的页面渲染体验，有效提升鸿蒙应用的页面滑动流畅度
·2025-03-06 14:23

使用 vxe-table 实现复选框分页跨页勾选

实现复选框分页跨页勾选官网：https://vxetable.cn当使用数据分页与复选框多页勾选时，可以通过checkbox-config.reserve启用获取已选import{ref,reactive}from'vue'import
·2025-03-06 14:21

vue vxe-table 实现财务记账凭证

实现在线实时编辑的记账凭证、自动合计金额等官网：https://vxetable.cn/新增保存财务主管：小徐记账：张三出纳：李四审核：老六import{ref,reactive,nextTick}from'vue'import
·2025-03-06 13:20

vxe-table v4.8+ 实现行拖动排序，列拖动排序

VxeUIvuevxe-tablev4.8+实现行拖动排序，列拖动排序安装[email protected]@4.8.1main.js//...importVxeUIfrom'vxe-pc-ui'import'vxe-pc-ui
·2025-03-06 13:20

vxe-table 复杂渲染虚拟滚动白屏的官方解决方案

官网文档：https://vxetable.cn使用v4.7+与3.9+大幅提升虚拟滚动渲染性能，虚拟滚动白屏是由于单元格的渲染比较复杂，耗时比较久，渲染跟不上导致滚动期间可能会出现空白。
·2025-03-06 13:49

vxe-grid table 配置分组表头

官网文档：https://vxetable.cnvxe-gridcolumns配置分组表头非常简单，支持需配置好children，就会自动渲染子列代码exportdefault{data(){constgridOptions
·2025-03-06 13:19

基于Spring Boot+vue的厨艺交流平台系统设计与实现

大家好，今天要和大家聊的是一款基于SpringBoot的“厨艺交流平台”系统的设计与实现。项目源码以及部署相关事宜请联系我，文末附上联系方式。项目简介基于SpringBoot的“厨艺交流平台”系统设计与实现的主要使用者分为管理员、普通用户和游客。没有授权的用户无法使用本系统功能，包括个人中心、食材分类管理、用户管理、菜品分类管理、菜谱信息管理、食材信息管理、商品分类管理、商品信息管理、美食日志管理
程序媛小果·2025-03-06 13:58

VUE + Jquery 集成的一个简易数学公式编辑器

前端数学公式自定义编辑界面可自定义未知数、运算符号、函数自己写的一个数学公式简单编辑器，本想找开源，无奈找不到。如果有开源，请发我一份，参考参考。在此感谢。静态1、简单公式：例如x+y将公式中的变量（x,y）以及运算符(+,-)放在一个数组中，遍历这个这个数组组成一个html字符串，然后显示在页面。数组定义为：type定义是值还是运算符valueDatas:[{type:'value',domTy
今天也想MK代码·2025-03-06 13:23

解决elementUI table表格的渲染位置错乱，相邻表头正常，但数据错乱或排序错误等问题，解决表格提示语无法复制的问题

大家好，在使用elementUI表格时，有时会出现一些意料之外的问题，比如数据排序正常但表格显示、排序错乱等。在网上搜索后一般有2种解决方法：1.给表格每一项的el-table-column添加唯一的id用于区分。2.给表格每一项的el-table-column添加唯一的key用于区分。{{scope.row.name||"—"}}{{scope.row.number||0}}{returna.p
shalDream·2025-03-06 13:52
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他