草庐IT

轮播图前端

全部标签

鸿蒙(HarmonyOS)应用开发——简易版轮播图

简述轮播图在应用中,已经很常见的展现方式。像uniapp、iview,viewUI等前端组件框架,都提供了轮播图组件。那么在harmonyOS中,如果要实现轮播,我们是使用swiper组件swiper组件swiper组件是一种容器组件。它提供切换子组件显示的能力。属性名称类型默认值必填说明indexnumber0否当前在容器中显示的子组件的索引值。autoplaybooleanfalse否子组件是否自动播放,自动播放状态下,导航点不可操作5+。intervalnumber3000否使用自动播放时播放的时间间隔,单位为ms。indicatorbooleantrue否是否启用导航点指示器,默认tr

前端Excel导出实用方案(完整源码,可直接应用)

目录前言:技术选型:主要功能点:核心代码:完整代码:开发文档前言:在前后端分离开发为主流的时代,很多时候,excel导出已不再由后端主导,而是把导出的操作移交到了前端。本文在全局导出组件封装上,保持了高度的扩展性,无论大家用的是element组件库还是antdvue的组件库或者其他的组件库,都容易进行更换。技术选型:vue+antdvue+sheetjs前端导出excel导出,需借助第三方插件,目前两款导出最为主流。一款是sheetjs,优点支持多种excel格式,但是官方文档全是英文SheetJSCommunityEdition|SheetJSCommunityEdition一款是excel

Ant Design Vue TreeSelect 树选择 前端如何实现模糊搜索以及获取到当前节点信息和父节点的信息;

前言:写项目的时候,后台返回了个树形结构的数据,要求前端保存的时候,传给后台选取的子节点和父节点的信息;1.因为后台返回的数据比较多,渲染之后用户不太容易选择,因此就用了AntDesign的模糊搜索的方法;2.AntDesign的树选择,只提供了获取选取当前节点的信息,如何获取当前节点的父节点的信息3.如何渲染后台返回的树结构的数据记录一下代码;html部分渲染后端数据;//res是后台返回的数据;data.treeData=res.map((t)=>{return{pId:Number(t.typeLevel)-1,value:t.typeCode,title:t.typeName,isLe

前端vue echart自定义图表(柱形图 折线图 饼图 树形结构图 关系图谱 )

前端组件化开发:使用ECharts快速实现自定义图表摘要:随着前端开发技术的发展,组件化开发已成为提高开发效率和降低维护成本的有效手段。本文将介绍如何使用ECharts库进行前端组件化开发,快速实现自定义的图表,包括柱形图、折线图、饼图、树形结构图和关系图谱等。通过结合业务特性的模块拆分策略、模块间的交互方式和构建系统等,可以实现灵活的组件组合和扩展,提高开发效率和降低维护成本。一、引言在前端开发中,图表的展示对于数据的可视化具有重要意义。传统的开发方式将图表与整个应用绑定在一起,导致修改或增加新图表变得非常困难。组件化开发可以将图表解耦为独立的组件,单独进行开发和维护,使得开发效率和维护成本

前端——html拖拽原理

文章目录⭐前言⭐draggable属性💖api💖单向拖动示例💖双向拖动示例⭐总结⭐结束⭐前言大家好,我是yma16,本文分享关于前端——html拖拽原理。vue3系列相关文章:vue3+fastapi实现选择目录所有文件自定义上传到服务器前端vue2、vue3去掉url路由“#”号——nginx配置csdn新星计划vue3+ts+antd赛道——利用inscode搭建vue3(ts)+antd前端模板认识vite_vue3初始化项目到打包python_selenuim获取csdn新星赛道选手所在城市用echarts地图显示让大模型分析csdn文章质量——提取csdn博客评论在文心一言分析评论区

使用宝塔面板部署前端项目到服务器

目录文章目录前言一、第一步:创建文件夹二、第二步:部署前端项目三、第三步:打开防火墙文章目录前言第一步:创建文件夹第二步:部署前端项目第三步:打开防火墙总结前言在此之前,我们已经创建了宝塔面板账号、拥有了一台服务器。现在,我们想让我们的前端能够像阿里巴巴、淘宝等网站那样被别人访问,那么我们应该在宝塔面板上面怎样做呢?一、第一步:创建文件夹1、打开我们的宝塔面板后,我们会看到左侧有一列目录,点击里面的文件。2、点击在根目录下名叫www的文件夹3、点击里面叫wwwroot的文件夹4、在里面随便创建一个文件夹准备放入我们的前端代码5、放入我们的前端代码二、第二步:部署前端项目1、在宝塔面板的左侧有个

在人工智能时代,前端该何去何从

一、为什么会出现“前端已死”的言论①技术的快速发展:随着技术的不断进步,新的开发工具和框架不断涌现,使得前端开发的技术栈不断变化。一些人可能认为,随着技术的快速发展,前端开发已经变得不再重要②低代码和人工智能的冲击:低代码和人工智能技术的发展,使得一些原本需要前端开发人员完成的工作可以由机器自动完成。这可能导致一些人认为,前端开发人员的工作被取代 ③市场需求的变化:随着互联网的发展,前端开发的需求也在不断变化。一些人可能认为,随着市场需求的变化,前端开发已经不再是一个热门的职业方向 二、我如何看待“前端已死”我认为“前端已死”这个观点是片面的,不能简单地以一个口号来定义整个前端开发领域的前景。

springboot-结合前端实现网页跳转

springboot-前后端实现网页跳转(不含get、post请求)总结前端篇编写首页后端篇创建springboot项目配置maven创建controller类运行spring启动类总结1、前端代码写好放在springboot的static目录下2、controller类使用GetMapping获取网址链接,然后返回具体的前端html代码前端篇前端常用技术包含bootstrap、vue和react,今天基于html+css,主要为了说明springboot如何实现前后端跳转编写首页首页包含两个a标签,分别跳转到a.html和b.html,编译器使用VScode,首页index.html的bod

前端下载后端文件流,文件可以下载,但是打不开,显示“文件已损坏”的问题分析与解决方案

目录场景还原相关代码开发者工具-网络请求记录问题排查定位改bug总结场景还原我在前端使用axios接收后端xlsx表格文件流并下载,xlsx文件能够下载成功,但是打开却显示文件无法打开相关代码请求API封装:Content–Type以及responseType经核对均没有问题exportfunctiondownloadStudent(courseId,data){returnrequest({url:`/curriculum/course/download/${courseId}`,method:'POST',data,headers:{'Content-Type':"application/

【前端】前端单元测试、覆盖率测试工具Vitest入门指南

前言单元测试的重要性不言而喻,可以很大程度的减少一些bug的产生。在前端项目中,有很多用于单元测试的工具,如最常见的Jest。但对于由vite构建的前端项目而言,使用vite配套的vitest会更加方便、舒适。官方文档是最好的入门方式,这篇文章记录在入门过程中可能遇到的一些问题,方便想了解的人更快速的上手。本文暂时只介绍单元测试和覆盖率测试的使用方法。安装与配置安装方法npmnpminstall-Dvitestyarnyarnadd-Dvitest基础配置在package.json文件中,添加以下代码:{"scripts":{"test":"vitest"}}测试Vitest是否能正常工作按照