Vue3使用插槽时的父子组件传值
Vue3使用插槽时的父子组件传值 用法见官方文档深入组件章节,插槽部分: 参考文档:插槽-作用域插槽-插槽prop 作用域插槽 有时让插槽内容能够访问子组件中才有的数据是很有用的。 需求:插槽内容能够访问子组件中才有的数据 实现 子组件 TodoList.vue <template> <div v- ...
行业测试数据
行业测试数据-案例分享 一 总体介绍 “人类正从IT时代走向DT时代” 1.数据测试指的是检查局部数据结构时为了保证临时存储在模块内的数据在程序执行过程中完整、正确的过程。2.工程师开发完成后,常常需要制造大批量的伪数据,来测试数据中台的开发效果。例如在数仓开发中,会遇到需要在已构建的数仓模型(各种 ...
vue3中iview框架初始值赋值问题
问题: 今天有个小伙伴说我们前端有个页面异常奇怪,没有显示数据。 开发小伙伴进行查询之后(非专业前端),明明进行了绑定,页面死活无法渲染,归属于灵异事件了,对于这种灵异事件,我总会想着记录一下 我查看问题的时候,我一度怀疑是这个vue双向绑定有问题,逐渐开始怀疑人生 我的操作是进入系统,赋予一个空数 ...
js同步http请求并加缓存的实现
缓存实现 背景:有时候接口返回的数据短期内是不会改变的,可以对http接口返回的数据加缓存,即减少了后端请求,又加快了前端性能,真是一举两得! 实现原理:用js的Object对象即可实现缓存,{} 表示一个js对象,对象属性名是唯一的可以作为缓存key,属性值就是缓存value 例如: //定义缓存 ...
element-ui tree 异步树实现勾选自动展开、指定展开、指定勾选
背景 项目中用到了vue的element-ui框架,用到了el-tree组件。由于数据量很大,使用了数据懒加载模式,即异步树。异步树采用复选框进行结点选择的时候,没法自动展开,官方文档找了半天也没有找到好的办法! 找不到相关的配置,或者方法可以使用。 经过调试与阅读elment-ui源码才发现有现成 ...
vue大型电商项目尚品汇(后台篇)day04
昨天太晚就没来得及更新,今天是spu管理界面,这个界面一共有三个界面需要切换,完成了两个界面,而且今天的难度在于最后两个章节,富有一定的逻辑性,当然中间也有很多需要注意的,比如ElementUI的照片墙需要添加list属性而且值为你的数据并且必须是一个数组必须有name、url属性 一.spu管理 ...
vue大型电商项目尚品汇(后台篇)day05
今天继续是对后台管理部分的一个操作,但是快要结束了,今天结束,明天会进入一个从Vue以来,另外一个名声显著的东西了,一只耳闻从未见识,而且十分的炫酷 他就是 数据可视化Echarts,迫不及待了解了 11.销售属性添加 当我们点击添加就,应该把添加的放到table里面来,table里面每一行数据是一 ...
vue性能优化方法
路由懒加载:有效拆分App尺寸,访问时才异步加载 keep-alive组件缓存:避免重复创建组件实例,且能保留缓存组件状态 使用v-show复用DOM:避免重复创建组件 v-for遍历避免同时使用v-if 长列表性能优化:如果是大数据长列表,可采用虚拟滚动(不会将所有内容渲染,只是把可是区域渲染), ...
thymeleaf实现前后端数据交换
1.前端传数据后端接收: 用户在登录界面输入用户名和密码传给后端controller,由后端判断是否正确! 在html界面中要传递的数据name命名,通过表单的提交按钮会传递给响应的controller,在controller将需要的name接收! <input type="text" name=" ...
分享一些关于联调时处理数据结构的一些方法
在我们进行前后端联调时,往往会出现后端给到的数据在前端不能直接做渲染的情况 这个时候就需要处理后端返回的数据,转换数据结构前端再做渲染操作 当然如果和后端关系好~也可以让后端改成你想要的样子 以下简单介绍遇到过的情况和相应的处理 觉得有用的话也可以自行封装成工具类 后端返回线性结构数据,需根据rol ...
web 前端 基础HTML知识点
web系统架构体系 B/S(Browser/Server):浏览器实现 优点: 规范、使用方便、本身实现成本低 容易升级、便于维护 缺点: 没有网络,无法使用 保存数据量有限,和服务器交互频率高、耗费流量 安全性差一点 C/S(Client/Server):客户端实现 优点: 可以在无网络环境下使用 ...
微信小程序使用echarts/数据刷新重新渲染/图层遮挡问题
1、微信小程序使用echarts,首先下载echarts并导入小程序项目中,因小程序后期上线对文件大小有要求,所以建议进行定制下载导入可减少文件大小占比,也可以下载以前旧版本文件比较小的应付使用 下载echarts: https://echarts.apache.org/zh/download.ht ...