草庐IT

前端video-player

全部标签

前端Vue select 下拉框详解以及监听事件

目录简介使用详解演示示例:key="option.value":value="option.value"区别监听事件简介        在Vue中,下拉框通常通过元素与一系列的元素来创建。Vue的数据绑定和指令(如v-model和v-for)可以使创建动态下拉框变得非常简单和灵活。下面详细介绍如何在Vue中使用下拉框。使用详解下拉框的基本HTML结构是由元素包围一组元素构成。在Vue中,v-model指令用于创建双向数据绑定。将v-model绑定到元素上,可以轻松地获取或设置下拉框的选中值。使用v-for指令可以动态生成下拉框的选项。这对于选项数据来自数组或对象时特别有用。演示示例      

【碎片知识点】RSA加密,前端公钥加密,后端私钥解密

写这篇文章之前,搞掂这几行代码,付出了3天时间研究网上的文章全部都看了一遍,无数次AI写代码(AI写的基本上是全错的)踩坑无数,才得以总结出最实用的RSA加密与解密的使用踩的最大坑就是:前端拿到公钥加密得到的密文,给后端私钥解密,发现出现各种错误。开始正题,内容很短前端:Vue框架(JavaScript)后端:sprintboot(Java)工具类:hutool(就这一个够了)前端Vue获取公钥这里安装jsencrypt这个库进行RSA的加密获取公钥之后,直接套函数加密,简单的一批importaxiosfrom'axios'importJSEncryptfrom'jsencrypt';expo

前端和后端交互数据类型转换

页面是男/女后端pojo类以及数据库中是Integer0/1 怎么样很方便地转化?@Data@NoArgsConstructor@AllArgsConstructorpublicclassPersonimplementsSerializable{privatestaticfinallongserialVersionUID=4346092911489022673L;privateIntegerid;privateStringname;privateIntegerage;/***1男,0女*/privateIntegergender;@JsonDeserialize(using=GenderJso

处理解决运行前端脚手架工程报错: ‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。附带 Linux

目录一、场景介绍二、处理方式    1、 如果 package.json配置没有 vue-cli-server那么就安装它即可,注意安装完毕需重启编辑器启动项目,避免依赖添加不生效问题    2、如果package.json配置有 vue-cli-server或者安装了还是没好,可以看看node_modules工程模块是否存在,如果没有请安装。        3、如果上面两个条件都存在,却还是不行,那就是网络不稳定导致运行下载时包缺失,可以清掉 node_modules后再次安装,我有4种方式,可以根据需求来三,总结:以上任意步骤处理完,都最好重启编辑器后,重新启动项目一、场景介绍    相信

纯前端 导出Excel文件(包括导出用数组数据模拟文件数据和实际后端返回的文件数据)的 方法

        在纯前端导出文件的一种常见方法是通过生成下载链接来实现,可以使用Blob对象和URL.createObjectURL()方法来实现,因为现在工作中主要运用的前端框架是Angular,这篇文章将以angular为例进行阐述。一、示例代码1.首先,安装FileSaver库(https://github.com/eligrey/FileSaver.js/)来方便地处理文件下载:npminstallfile-saver--savenpminstallxlsx--savenpminstallxlsx-js-style--save2.在你的Angular组件中,导入必要的模块和依赖项:im

【前端】夯实基础 css/html/js 50个练手项目(持续更新)

文章目录前言Day1expanding-cardsDay2progress-stepsDay7SplitLandingPageDay9SoundBoardDay10DadJokes前言发现一个没有用前端框架的练手项目,很适合我这种纯后端开发夯实基础,内含50个miniproject,学习一下,做做笔记。项目地址:https://github.com/bradtraversy/50projects50daysDay1expanding-cards效果预览核心代码:body>divclass="container">divclass="panelactive">div>divclass="pane

Vue2 前端权限控制实战

在Vue2项目中,前端权限控制是保障应用安全性的重要环节。本文将介绍如何使用Vue2实现前端权限控制,包括页面路由权限控制和按钮级别的权限控制。一、页面路由权限控制页面路由权限控制主要是根据用户的角色或权限来决定其可以访问哪些页面。在Vue2中,我们可以结合VueRouter来实现这一功能。1.定义路由和权限首先,在VueRouter中定义所有的路由,并为每个路由配置一个meta字段,用于标注该路由所需的权限。importVuefrom'vue';importRouterfrom'vue-router';Vue.use(Router);constrouter=newRouter({routes

2024前端高频面试题之HTML&CSS篇

『前言』:近期刷面试题时候,总觉得应该梳理出一份清晰且相对全面的前端面试题供自己复习和巩固,其特点是每道题的答案我都会查阅百度百科、官方、查阅多篇博客加上自己的见解进行总结归纳,所以如果有不对的地方,希望可以提出来我会及时改正。内容共分为:html、css、js、ES6、ts、vue、小程序、git、网络请求相关,本篇内容是HTML&CSS文章目录1,面试题之HTML篇1,!DOCTYPE(文档类型)的作用2,HTMLmetaviewport属性3,对HTML语义化的理解?语义元素有哪些?语义化的优点4,HTML中title、alt属性的区别5,src、href、url之间的区别6,scrip

低代码开发会是前端程序员的下一个春天吗?

最近前端的大环境不太行,之前身处在前端的自己薪资也越来越无望了,隐隐约约感觉前端做不下去了,2024前端找不到工作要转行吗?但是别担心啊老铁们,前端技术精微渊深,除了基础的HTML、CSS和JavaScript技术外,还涉及前端框架、UI库、自动化构建工具、代码管理工具等等。这些技术并没有死,反而生态圈愈发健壮。看新闻的过程中,发现越来越多的巨头公司融入低代码生态建设,低代码“朋友圈”正在不断壮大。各大互联网厂商已经完成或开始启动低代码搭建,开发人才变得紧缺。多家互联网公司也发布了低代码开发工程师的岗位,开启了抢人大战。低代码开发是干嘛的?低代码开发平台可以加速和简化从小型部门到大型复杂任务的

【SVD生成视频+可本地部署】ComfyUI使用(二)——使用Stable Video Diffusion生成视频 (2023.11开源)

SVD官方主页:Huggingface||Stability.ai||论文地址huggingface在线运行demo:https://huggingface.co/spaces/multimodalart/stable-video-diffusionSVD开源代码:Github(含其他项目)||Huggingface在Comfyui使用:ComfyUI国内下载|SVD模型下载||官网下载(Github)文章目录一、SVD是什么,能做什么?(图片到视频)1.1模型的缺点(不能干的事情)?二、在comfyui中使用(约15G`显存`)2.1Stable-XL生成图片再生成视频(Text2Img2V