Vue.js

elementUI中的 el-table 实现虚拟滚动

解决该问题主要是用虚拟滚动的思路。引发页面卡顿的原因主要是由于数据量太大导致渲染的 dom 较多，然后页面就卡顿了。使用了 elementUI 中的 el-table 组件，不使用分页，当表格数据过多时导致页面卡顿；下面使用 element 中的 el-table 实现一下虚拟滚动来解决这个问...
2023-03-02 17:02 阅读数 99

Vue template 解析生成真实dom过程

vue的模版编译过程主要如下：template -> ast -> render函数 -> 虚拟DOM -> 真实DOM读取模板：Vue 会读取 HTML 模板并将其转换为字符串。解析模板：Vue 使用编译器将字符串模板转换为抽象语法树（AST），其中包含模板中的每个元素和它们的属性。生成 r...
2023-02-27 11:15 阅读数 88

在Vue3这样子写页面更快更高效

Vue3这样子写页面更快更高效
2023-02-24 14:50 阅读数 59

vue实现动态生成表格

需求：选择会计科目的时候，会查出来对应的动态表格项，在切换进行选择不同的会计科目时，动态对应展示对应的动态表格项，且该动态表格实现下拉框选择不同的数据。eg1：选择第一行会计科目，接口查出来有两个动态表格项eg2：选择第二行会计科目，接口查出来有三个动态表格项html代码：<templa...
2023-02-23 09:45 阅读数 167

Vue+node.js医院预约挂号信息管理系统vscode

远程预约挂号系统在原有的门诊挂号功能的基础上，增加了确定预约时间、预约专家、查询病症等等功能[2]，不仅方便了病人就诊，也大大提高了医院的服务质量以及医院秩序。本系统总体采用 架实现，从实际应用的项目出发，结合以往设计项目的经验，按照MVC设计模式分层设计系统的功能。随着信息技术的不断发展，网...
2023-02-15 11:48 阅读数 72

Vue中实现 将数组转换为树形结构的两种方法

第一种:递归实现数组转为树形结构第一步:// 递归: 封装一个函数:将列表list数据转换成数据树形数据=>递归// 遍历树形 有一个重点 要先找一个头function transListDataToTreeData(list, root) { const arr = [] // 1...
2023-02-15 11:06 阅读数 87

面试官-你真的懂computed原理？(源码解读)

要理解 computed 的工作原理，只需要理解下面4个特性- 特性1：computed默认不执行(因为 lazy 的原因，在新建watcher实例的时候，会将 watcher.value 赋值为 undefined，而不会立马进行计算。- 特性2：取值的时候，computed里面的方法会被执行。
2023-02-13 15:37 阅读数 76

放弃 console.log 吧，用 Debugger 你能读懂各种源码

这篇文章讲了为什么要用调试工具，如何读懂复杂代码。console.log 的弊端太多了，大对象打印不全，会超过 terminal 缓冲区，对象属性不能展开等等，不建议大家用。就算要打印也可以用 LogPoint。用 Debugger 可以看到调用栈，也就是代码的执行路径，每个栈帧的作用域，可以...
2023-02-02 22:00 阅读数 56

2023最新前端面试题5（持续更新）

Vue74、vue 生命周期74.1、什么是 Vue 生命周期?Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据编译模板、挂载 Dom一渲染、更新一渲染、卸载等一系列过程，我们称这是 Vue的生命周期74.2、Vue 生命周期的作用是什么?它的生命周期中有多个事件钩子...
2023-01-31 09:00 阅读数 33

vue3 手撕日历控件

vue3 日历
2023-01-30 20:35 阅读数 142
技术
今日推荐
ioDraw Mac客户端安装教程
阅读数 32
下载桌面版
GitHub
百度网盘（提取码：draw）
Gitee
云服务器优惠
阿里云优惠券
腾讯云优惠券
华为云优惠券
站点信息
问题反馈
邮箱：[email protected]
QQ群：766591547
关注微信
©2020-2024 ioDraw All rights reserved, Privacy Policy