草庐IT

vue前端

全部标签

前端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

基于SpringBoot+Vue+uniapp微信小程序的订餐系统的详细设计和实现

文章目录前言详细视频演示具体实现截图技术栈后端框架SpringBoot前端框架Vue持久层框架MyBaitsPlus系统测试系统测试目的系统功能测试系统测试结论为什么选择我自己的网站自己的小程序(小蔡coding)代码参考数据库参考源码获取前言💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师、全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌💗👇🏻精彩专栏推荐订阅👇🏻2023-2024年最值得选的微信小程序毕业设计选题大全:100个热门选题推荐✅2023-2024年最值得选的Java毕业设

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

页面是男/女后端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

Vue 3 的 setup 语法糖到底是什么东西?

前言我们每天写vue3项目的时候都会使用setup语法糖,但是你有没有思考过下面几个问题。setup语法糖经过编译后是什么样子的?为什么在setup顶层定义的变量可以在template中可以直接使用?为什么import一个组件后就可以直接使用,无需使用components 选项来显式注册组件?vue文件如何渲染到浏览器上要回答上面的问题,我们先来了解一下从一个vue文件到渲染到浏览器这一过程经历了什么?我们的vue代码一般都是写在后缀名为vue的文件上,显然浏览器是不认识vue文件的,浏览器只认识html、css、jss等文件。所以第一步就是通过webpack或者vite将一个vue文件编译为

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