Vue前端

Vue前端规范【二】

在大多数项目中，这些规则被发现可以提高可读性和/或开发人员体验。如果你违反了它们，你的代码仍然会运行，但违规应该是罕见的，而且有充分的理由。组件文件每当构建系统可用于连接文件时，每个组件都应位于其自己的文件中。这有助于您在需要编辑组件或查看如何使用组件时更快地找到组件。//坏app.component('TodoList',{//...})app.component('TodoItem',{//.
怂怂敲代码·2024-01-23 15:30

解决vue 2.6通过花生壳ddsn（内网穿透）实时开发报错Invalid Host header和websocket

其他版本未测试起因这两天在维护一个基于高德显示多个目标（门店）位置的项目，由于高德要求定位必须使用https服务，遂在本地无法获取到定位坐标信息，于是就想着通过内网穿透的方式临时搭一个测试站进行实时更新开发，于是就有了今天遇到的问题，那就是在本地运行vue
爱折腾的小码农·2024-01-23 14:21

vue前端部分代码学习(4.1)

//卡片组件当前系统共有{{total}}个项目//标签span，标签被用来组合文档中的行内元素。total是项目个数//el-input输入框，v-model绑定一个变量，这个变量相当于原生input框的value，@input是input框中的值变化时触发的函数pageList在下面是一个方法。创建新项目//@click="handleAdd('addForm')，下面会有调用click函数叫
潦草大叔·2024-01-23 02:49

Vue框架入门：成为前端忍者的速成课

欢迎加入Vue的世界，这里不是忍者村，但今天我们将快速学习如何成为一个Vue前端忍者。Vue不仅轻量级、易学，而且强大灵活，正如忍者的飞镖一样精准有效！
_rtf·2024-01-22 16:11

大数据毕业设计：python高校微博舆情分析可视化系统 NLP情感分析 可视化 Flask框架 爬虫（源码）✅

1、项目介绍技术栈：Flask框架、vue前端框架、Echarts可视化、requests爬虫、snownlp自然语言情绪值分析、hanlp
q_3548885153·2024-01-21 23:22

vue前端水印

创建watermark.js文件letwatermark={}letsetWatermark=(str)=>{letid='1.23452384164.123412415'if(document.getElementById(id)!==null){document.body.removeChild(document.getElementById(id))}letcan=document.crea
51409fc99cdc·2024-01-21 17:13

vue前端实现导出,文字居中可修改样式哦(宽高等)如此简单~~

1.安装依赖npminstall--savexlsxfile-savernpminstall--savexlsx-style2.哪个页面使用哪个页面引入importFileSaverfrom"file-saver";importXLSX2from"xlsx";importXLSXfrom"xlsx-style";3.效果图（可以实现多表头，也可以实现单行表头）4.页面表格需要有id（element
南玖i·2024-01-21 12:28

[GN] 后端接口已经写好 初次布局前端需要的操作（例）

文章目录使用vue-cli脚手架初始化前端工程化配置引入Vue前端组件库--arco前后端联调引入Md编辑器组件使用vue-cli脚手架初始化使用·安装脚手架工具：npminstall-g@vue/cli
GGood_Name·2024-01-20 08:25

vue2 使用pdf.js 实现pdf预览，并可复制文本

在ruoyi的vue前端项目中用到，参考了网上不少文章，因为大部分没给具体的pdf.js版本，导致运行过程中报各种api错误，经过尝试以下版本可用，故记录一下：安装依赖:npminstallpdfjs-dist
fmi110·2024-01-20 02:59

vue前端面试题

1.vue与react的选择React是库Vue是一个完整得框架都能快速运行，都是轻量级前端框架都有一个组件式系统架构都使用virtualDOM都可以放进一个HTML文件中或成为更复杂的Webpack设置模块都有独立但通用的路由器和状态管理库React把组件定义为类Vue把组件定义为对象2.vue特点轻量级，相对于其他框架，vue学习成本低，简单易上手。组件化，保留了react框架的优点，实现了封
逸尘·2024-01-19 15:26

【前端发版】vue前端发版 步骤

1、提交代码代码合并通过之后到deb分支2、gitcheckout切换到dev分支上运行起来看看自己刚刚提交的代码有没有错误3、拉取最新代码gitpull3、yarnrunbuild4、打包好的文件叫dist重新命名为服务器里替换包名5、登录文件传输开始替换替换的过程中首先删除备份然后把原本正在运行的名字替换成为备份之后把本地重新命名好的替换上去6、删除文件中的dist文件
小美元·2024-01-18 18:46

Vue前端规范【一】

基本规范这些规则有助于防止错误，因此请不惜一切代价学习并遵守这些规则。例外可能存在，但应该非常罕见，并且只能由具有JavaScript和Vue专业知识的人进行。使用多词组件名称用户组件名称应始终为多字，但root除外App组件。这可以防止与现有和将来的HTML元素发生冲突，因为所有HTML元素都是一个单词。//坏//好使用详细的道具定义在提交的代码中，prop定义应始终尽可能详细，至少指定类型。/
怂怂敲代码·2024-01-17 22:57

在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新

文章目录一、需求背景二、token刷新的方案1、根据过期时间重新获取2、定时刷新token接口3、使用了RefreshToken三、关于RefreshToken四、RefreshToken的优点五、RefreshToken的工作原理六、RefreshToken的使用流程七、RefreshToken的实现步骤1、登录成功后保存AccessToken，RefreshToken2、正常请求业务接口的时候
邹荣乐·2024-01-17 15:16

前端每次发版提示用户

vue前端现在每次发版本想提示用户刷新页面，主要思路如下public中创建JSON文件，设置版本号为数字1//version.json{"version":1}编写node脚本，每次发版本，运行脚本将版本号自增
pspxuan·2024-01-17 14:44

Element ui+vue前端框架组件主题美化后台管理系统模板html

Elementui版本号：2.15.12vue版本号：2.7.14echarts版本号：5.4.0模板作者uimaker浏览器兼容：在Chrome下开发制作，IE11没测试(需要在脚手架下进行，作者不会配置)模板是基于Elementui前端框架进行开发设计制作，由于作者不会vue也不会配置开发环境，JS也不熟练，模板只是对elementui框架的部分CSS样式进行了调整，模板主题配色是在官方主题（
uimaker·2024-01-17 07:32

超详细！4小时开发一个SpringBoot+vue前后端分离博客项目！！

前后端分离项目文章总体分为2大部分，Java后端接口和vue前端页面，比较长，因为不想分开发布，真正想你4小时学会，哈哈。
Dashesand·2024-01-16 22:45

vue前端开发自学,借助KeepAlive标签保持组件的存活

vue前端开发自学,借助KeepAlive标签保持组件的存活！如果不想让组件在切换的时候，被默认操作（卸载掉了）。他们需要使用这个这个表情哦。下面给大家看看代码情况。
yrldjsbk·2024-01-16 18:58

vue前端开发,如何正确安装node.js的开发脚手架,yarn

vue前端开发,如何正确安装node.js的开发脚手架,yarn!之所以要使用yarn,是因为，yarn作为一个node.js的脚手架，相比较于之前的传统的npm来说，有几个地方是改善的了。
yrldjsbk·2024-01-16 18:58

vue前端开发自学,使用yarn脚手架创建vue项目

vue前端开发自学,使用yarn脚手架创建vue项目！下面展示一下，如何在本机操作，使用yarn这款脚手架，创建一个vue项目。第一步，你需要先创建好，即将存档项目的文件夹。
yrldjsbk·2024-01-16 18:58

Vue+Koa2 搭建前后端分离项目

Vue+Koa2搭建前后端分离项目简单的一个Demo演示:Vue和Koa2在本地搭建前后端分离项目.重点:跨域当前环境:1,Vite搭建的Vue前端项目(也就是Vue3了).2,Koa2搭建的后端项目.
Leo_DLi·2024-01-15 12:53

vue前端开发自学,祖孙多层级组件嵌套关系数据传输

vue前端开发自学,祖孙多层级组件嵌套关系数据传输！官方提供了一个解决方案，就是，在根组件内使用provide,哪个子孙组件想调用这个数据，就可以inject接收就行了。
yrldjsbk·2024-01-13 18:13

vue前端开发自学,异步加载组件,提升用户端的客户体验度

vue前端开发自学,异步加载组件,提升用户端的客户体验度！现实项目开发时，组件的数量非常庞大，如果都是一口气加载完，对手机用户来说，体验度会很差。因此，非常有必要使用异步加载。
yrldjsbk·2024-01-13 16:31

vue前端开发自学基础,动态切换组件的显示

vue前端开发自学基础,动态切换组件的显示！这个是需要借助于，一个官方提供的标签，名字叫【Component】-[代码demo:]。下面看看代码详情。
yrldjsbk·2024-01-13 16:55

快速了解vue前端框架

什么是vue框架？什么是vue官方给出的概念：Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的前端框架。vue的特性vue框架的特性，主要体现在如下两方面：①数据驱动视图在使用了vue的页面中，vue会监听数据的变化，从而自动重新渲染页面的结构。好处：当页面数据发生变化时，页面会自动重新渲染！注意：数据驱动视图是单向的数据绑定②双向数据绑在填写表单时，双向数据绑定可以辅助开发者在
大月月.·2024-01-13 05:47

vue前端开发自学,插槽练习第二次,name属性的使用

vue前端开发自学,插槽练习第二次,name属性的使用!可以使用name属性，来自定义一个名字，这样，就可以在一个组件内同时出现多个插槽的内容了。
yrldjsbk·2024-01-13 05:56

vue前端开发自学,组件的生命周期函数介绍001

vue前端开发自学,组件的生命周期函数介绍001！今天介绍一下，组件自身的生命周期函数。又叫做，钩子函数。可以借助于这些钩子函数，实现很多我们预想的效果。比如，在组件渲染之前，就做一些特殊的操作等等。
yrldjsbk·2024-01-13 05:56

vue前端开发自学,插槽练习,同时渲染父子组件的数据信息

vue前端开发自学,插槽练习,同时渲染父子组件的数据信息！如果想在slot插槽出口里面，同时渲染出来，来自父组件的数据，和子组件自身的数据呢。又有点绕口了。vue官方给的解决办法是。
yrldjsbk·2024-01-13 05:24

Vue前端项目用npm install 报错:code ELIFECYCLE errno 1 This is probably not a problem with npm. There is

问题在运行前端Vue项目的时候，先要用npminstall指令下载一下我们开发中所使用的的依赖，出现报错，总之如下图所示：codeELIFECYCLEerrno1Thisisprobablynotaproblemwithnpm.Thereislikelyadditionallogging…解决常见解决方式：rm-rfnode_modules#删除前端项目中的node_modules文件rmpack
无名之辈W·2024-01-12 16:41

vue前端开发自学,透传属性的练习demo

-->-->//importComponentEventfrom"./components/ComponentEvent.vue"//importMainfrom"./components/Main.vue"//importComAfrom"./components/ComA.vue"importAttrComponentfrom"./components/AttrComponent.vue"ex
yrldjsbk·2024-01-12 15:52

vue前端开发自学,插槽练习基础内容001

vue前端开发自学,插槽练习基础内容001！今天开始学习插槽的使用。借助于插槽，可以让整段完整的html内容，直接传递到目标位置。App标题内容importSlotBasefrom'.
yrldjsbk·2024-01-12 15:52

vue前端开发自学demo,父子组件之间传递数据demo2

vue前端开发自学demo,父子组件之间传递数据demo2!实际上，组件之间传递数据的，数据类型，是可以多种多样的，下面为大家展示几个常见的数据类型，比如数字类型，数组类型，对象类型。
yrldjsbk·2024-01-12 15:22

vue前端开发自学,父子组件之间的数据传递demo

vue前端开发自学,父子组件之间的数据传递demo!下面为大家展示的是，vue开发中常见的，父子级别关系的，数据传递案例。先给大家看一下，源码，然后讲解一下里面的注意事项。
yrldjsbk·2024-01-12 15:48

vue前端开发自学,子组件传递数据给父组件,使用$emit

vue前端开发自学,子组件传递数据给父组件,使用$emit父子组件之间互相传递数据的情况非常常见，下面为大家介绍的是，来自子组件，给父组件传递数据的情况。
yrldjsbk·2024-01-12 12:04

vue前端开发自学,父子组件传递数据,借助于Props实现子传父

vue前端开发自学,父子组件传递数据,借助于Props实现子传父！
yrldjsbk·2024-01-12 12:04

vue前端开发自学练习,Props数据传递-类型校验,默认值的设置！

vue前端开发自学练习,Props数据传递-类型校验,默认值的设置！
yrldjsbk·2024-01-12 12:59

node后端+vue前端实现接口请求时携带authorization验证

node后端+vue前端实现接口请求时携带authorization验证我们在写web项目时，后端写好接口，前端想要调用后端接口时，除了登录注册页面，所有的请求都需要携带authorization，这样是为了避免随意通过接口调取数据的现象发生
栀椩·2024-01-12 08:00

vue前端开发自学,组件事件配合v-model实现的动态传递数据

vue前端开发自学,组件事件配合v-model实现的动态传递数据！下面的案例代码是结合之前学的一些知识点，实现了简单的，父子组件之间动态传递数据的demo下面看看代码内容和执行效果。
yrldjsbk·2024-01-12 06:25

若依RuoYi-Vue管理系统-简介

ruoyi.vip(opensnewwindow)演示地址：http://vue.ruoyi.vip(opensnewwindow)代码下载：https://gitee.com/y_project/RuoYi-Vue
没脖子·2024-01-11 22:24

Vue前端最最最最基础笔记1——基础思路，调样式，localStorage

这里写自定义目录标题思路调样式引用localStorage欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML图表FLowchart流
weixin_47227105·2024-01-11 17:06

关于Vue前端接口对接的思考

关于Vue前端接口对接的思考目录概述需求：设计思路实现思路分析1.vue组件分类和获取数值的方式2.http通信方式分类如何对接3.vue组件分类和赋值方式，参考资料和推荐阅读Survivebydayanddevelopbynight.talkforimportbiz
执于代码·2024-01-11 14:55

vue前端导出文件（以TXT文件为例）、前端上传文件

Vue前端导出文件:后端传回前端的是文件流//导出TXTexportTxt:function(row){letparams={"token":sessionStorage.getItem('token'
月亮说它今夜不亮·2024-01-11 10:07

spring boot + mybatis + websocket + js实战

项目技术：springboot+mybatis+websocket+js需求背景：当添加一个女孩时，页面的socket收到消息，打印最新的所有女生list，这样可以进一步在react/vue前端框架下，
veminhe·2024-01-11 07:49

centos安装mysql 5.7版本

MySQL：一个流行的关系型数据库Tomcat：一个常用的JavaWeb应用服务器，可以部署javawar包项目和vue前端项目Nginx：高性能的、轻量级的Web服务和反向代理服务Redis：提供高效的内存缓存服务
EelBarb·2024-01-10 08:00

DataGear 制作基于Vue前端框架渲染的数据可视化看板

DataGear在4.3.0版本新增了dg-dashboard-code特性，并在4.4.0版本进行了改进和增强，结合看板API，可以很方便地制作完全由Vue、React等前端框架渲染的数据可视化看板。本文基于Vue2、ElementUI前端框架的、、、、等布局组件定义整个看板页面，并异步加载由Vue的v-for语法构建的图表元素。首先，新建空白看板，填写名称后，先保存。在编写看板页面之前，需要先
DataGear·2024-01-10 02:49

大数据毕业设计：图书推荐系统+可视化+Django框架 图书管理系统 （附源码+论文）✅

1、项目介绍后端：Python语言、Django框架、Echarts可视化、MySQL数据库前端：vue前端框架htmlcssjsjuery
vx_biyesheji0001·2024-01-09 22:18

vue3+TS 项目layout布局设置（夹杂了登录功能的代码）

目录一.目录结构二.页面内容填写1.src/components/slideVerify.vue前端生成验证码2.src/layout/index.vue（新增页面）布局的入口文件3.src/layout
程序猿online·2024-01-09 19:46

vue前端获取/切换麦克风，播放采集音频和采集音量大小

vue获取/切换麦克风且播放采集音频和音量大小一、前言二、案列图示三、代码1、获取麦克风列表2、用户在麦克风列表里面选择一个麦克风3、选取了麦克风以后使用当前麦克风录音4、获取采集的音频音量大小四、全部代码一、前言使用时确保你有如下依赖且版本为Vue2，终端里面运行npminstallelement-uinpminstallrecordrtcnpminstallsasssass-loader二、案
Oamnij·2024-01-09 01:18

vue工程：前端DES加密、后端解密

一、背景说明在一些特殊的业务场景中，前端的输入内容需要加密后传到服务器，由服务器解密后再进行下一步操作，这过程中就涉及到了加密、解密的过程，下面以vue前端工程为例，进行DES加密、解密。
Zh.快乐的程序猿·2024-01-08 19:23

vue前端展示【1】

文章目录页面效果：代码：首页发现音乐库{{singer_name}}{{singer_introduction}}{{play_icon_name}}console.log(row)">import{VideoPlay,VideoPause,Star,MoreFilled}from'@element-plus/icons-vue'import{ref}from'vue'constplay_icon
Bigcrab__·2024-01-08 15:31

vue前端表单常用的邮箱、电话、身份证、url、Ip等正则式多语言版校验

utils工具类中创建verify.js常用表單校驗//正则校验的正则表达式，这里注意正则表达式中的‘\’要使用‘\\’转义constpatterns={"name":"^[a-zA-Z_][0-9a-zA-Z_]{0,}$","phone":"^(13[0-9]|14[5|7]|15[0|1|2|3|4|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\\d{8}$","tel
SuperYiY·2024-01-07 21:15
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他