logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

使用xlsx.full.min.js去导出Table的数据并下载

前端不使用接口导出数据转化成xlsx格式

#javascript#前端#json
vue-虚拟列表

前端业务会涉及到数据量很大的且无法用分页进行加载的列表,我们一般叫做长列表,完整的渲染长列表基本上很难达到业务的上的要求,非完整渲染长列表一般分为两种:1.懒渲染:这个就是常见的无线滚动的,每次只渲染一部分(比如10条),等剩余部分滚到可见区域,就再渲染一部分。2.可视区域渲染:只渲染可见部分,不可见部分不渲染。

文章图片
#vue.js#前端#javascript
vue-虚拟列表

前端业务会涉及到数据量很大的且无法用分页进行加载的列表,我们一般叫做长列表,完整的渲染长列表基本上很难达到业务的上的要求,非完整渲染长列表一般分为两种:1.懒渲染:这个就是常见的无线滚动的,每次只渲染一部分(比如10条),等剩余部分滚到可见区域,就再渲染一部分。2.可视区域渲染:只渲染可见部分,不可见部分不渲染。

文章图片
#vue.js#前端#javascript
vue-虚拟列表

前端业务会涉及到数据量很大的且无法用分页进行加载的列表,我们一般叫做长列表,完整的渲染长列表基本上很难达到业务的上的要求,非完整渲染长列表一般分为两种:1.懒渲染:这个就是常见的无线滚动的,每次只渲染一部分(比如10条),等剩余部分滚到可见区域,就再渲染一部分。2.可视区域渲染:只渲染可见部分,不可见部分不渲染。

文章图片
#vue.js#前端#javascript
Vue3 Vite+Mock数据+axios二次分装

有了Mock,前后端人员只需要定义好接口文档就可以开始并行工作,互不影响,只在最后的联调阶段往来密切;后端与后端之间如果有接口耦合,也同样能被Mock解决;测试过程中如果遇到依赖接口没有准备好,同样可以借助Mock;不会出现一个团队等待另一个团队的情况。这样的话,开发自测阶段就可以及早开展,从而发现缺陷的时机也提前了,有利于整个产品质量以及进度的保证。...

文章图片
#前端
Vue3+Vite+Scss+axios立即入门

为什么选 ViteVite 并不是基于 Webpack 的,它有自己的开发服务器,利用浏览器中的原生 ES 模块。这种架构使得 Vite 比 Webpack 的开发服务器快了好几个数量级。Vite 采用 Rollup 进行构建,速度也更快。Vite 目前还处于测试阶段,看来 Vite 项目的目的并不是像 Vue CLI 那样的一体化工具,而是专注于提供一个快速的开发服务器和基本的构建工具。Vite

文章图片
#scss#前端
Vue常见的轮播图

很多页面里,项目里,轮播图几乎是无处不在,今天我们就来说说轮播图的两种写法第一种的原理在轮播图数组list中,定义一个变量listIndex = 0表示第一张图片,默认渲染第一张图片即list[listIndex],然后获取每张图片的下标。点击切换图片时把当前图片的下标赋值给listIndex即可实现图片切换显示。展示代码<template><div class="home"&g

#vue.js#javascript#前端
到底了