Vue前端第12页

Vue前端css定义全局变量样式并使用

MFG_666·2023-04-15 04:23

Vue前端AES加解密使用步骤

在工程中安装crypto-js插件：npminstall--savecrypto-js2.在vue项目中，创建接口js，比如crypto-aes.js；importCryptoJSfrom'crypto-js'//默认的KEY与iv，如果使用默认，需要保证后台也一并使用下面2个常量值。constKEY=CryptoJS.enc.Utf8.parse('xxxxxxxx');constIV=Cryp

灿儿哈察苏·2023-04-14 10:01

Vue前端JavaScript实现PDF预览与图片预览

Vue前端JavaScript实现PDF预览与图片预览说明PDF.JS代码实现预览测试embed与iframe标签````浏览器预览说明图片预览：使用Blob创建一个指向类型化数组的URLPDF预览：1

CodeDevMaster·2023-04-13 22:26

vue前端加密及nodejs后端解密

加密前，密码以明文形式直接传给后端，谁都能看见密码:所以需要采用加密算法将密码加密后传给后端，再由后端解密，这里使用RSA加解密准备工作在这里先生成公钥私钥将公钥放在vue项目utils中的文件中vue项目下安装jsencryptnpminstalljsencrypt在需要的vue页面中(如登录页)引入公钥和jsencryptimportJsEncryptfrom"jsencrypt"import

我先润了·2023-04-13 17:20

Vue前端面试项目常见知识点

一、项目介绍技术栈+主要完成的功能模块+项目技术亮点和难度+解决方案二、Vite面试题：谈谈你对vite的理解，最好对比webpack说明webpack会先对整个项目文件进行打包，然后启动开发服务器，请求服务器时直接给予打包结果。而vite是直接启动开发服务器，请求哪个模块再对该模块进行实时编译。由于现代浏览器本身就支持ESModule，会自动向依赖的Module发出请求。vite充分利用这一点，

Luminary_aurora·2023-04-13 15:26

Nginx部署Vue前端项目

目录一、安装Nginx1、安装完成2、启动Nginx3、问题二、修改Nginx配置文件系统环境：MacPro—10.15.7版本Nginx版本：1.19.6一、安装Nginxbrewinstallnginx1、安装完成Nginx的配置文件目录：/usr/local/etc/nginxNginx的安装目录：/usr/local/Cellar/nginx2、启动Nginxbrewservicessta

he先森·2023-04-13 11:09

Redis解决跨域存取Session问题

目录前言一、遇到的情况二、解决问题2.1配置yml文件2.2启动Redis2.3代码编写三、效果演示总结前言vue3+SpringBoot做项目时，由于vue前端项目是在8080端口运行，而后端项目是在

·2023-04-13 09:40

换个角度使用Redis去解决跨域存取Session问题

文章目录系列文章目录前言一、遇到的情况二、解决问题2.1配置yml文件2.2启动Redis3.3代码编写三、效果演示总结前言vue3+SpringBoot做项目时，由于vue前端项目是在808

心态还需努力呀·2023-04-13 06:47

vue前端项目架构/结构

一、划分项目结构一些基本的原则：文件夹和文件夹内部文件的语义一致性相关的文件放在一起单一入口/出口无论你的模块文件夹内部有多乱，外部引用的时候，都是从一个入口文件引入，这样就很好的实现了隔离，如果后续有重构需求就知道发现这种方式的优点公共的文件应该以绝对路径的方式从根目录引用就近原则，紧耦合的文件应该放到一起，且应以相对路径引用公共指的是多个路由模块共用，如一些公共的组件，我们可以放在src/co

SunshineBoyLuXing·2023-04-13 04:47

vue前端校验合法IP地址和手机号码

第一种：用方法的形式写在外部，然后在校验规则中引用letvalidateIPAddress=(rule,value,callback)=>{if(value==null){returncallback(newError('IP地址不能为空'));}letregexp=/^((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]

狼魂豹速·2023-04-13 04:55

vue 前端文件上传报错：上传失败,原因: 413 Request Entity Too Large

vue前端文件上传报错：上传失败,原因:413RequestEntityTooLarge先上报错效果图：1.问题：在本地开发中无论上传小文件还是大文件都可以上传成功，但将代码发布到测试环境后，超过1mb

IT博客技术分享·2023-04-13 03:08

VUE前端项目环境搭建

背景：想要使用vue搭建一个前端项目，写个小网站练练手，因为没有前端经验，所以从网上找了一个vue得开源模板使用，经过一番挑选选中了字节公司花裤衩大佬开源得项目，地址如下：开源项目地址：GitHub-PanJiaChen/vue-admin-template:avue2.0minimaladmintemplatenode软件地址：Indexof/download/release/v16.20.0/

*任逍遥*·2023-04-12 21:26

vue前端接收后端传过来的带list集合的数据

目录1、前端接收响应结果2、后端组装响应结果前后端交互，如下的示例Json报文，前端采用vue进行接收.{rootId:'',nodes:[],lines:[]}1、前端接收响应结果//在vue的调用方法体内，调后端的接口，获取响应数据，复制给前端定义的Json对象，拿去做处理selectDemoResult(this.queryParams).then(rep=>{const__jsonData

市井榴芒·2023-04-12 15:52

Vue（四） Vue-CLI（脚手架）快速开发

Vue-CLI通过几个简单的命令，将可以快速帮助我们构建一套完整、规范的Vue前端项目。看似笨拙的命令行工具却极大简化了我们的开发。

阿阿阿安·2023-04-12 12:01

Python 高端课程培训，CMDB自动化运维培训！

5、改进登录，颁发token，设置超时时间6、vue前端验证登录2、用户管理模块（8个课时）：1、用户的分组管理2、权限区分细化3、用户角色与权限绑定。

只愛丫頭·2023-04-11 22:31

VUE前端实现“模糊搜索“（纯前端）

文章目录闲言一、整体思路二、具体步骤1.搜索内容的字符串->字符数组2.被查询对象增加匹配度属性3.检测匹配度，并记录到匹配度属性4.按照匹配度降序显示，不显示匹配度为零的对象总结闲言提示：可以跳过闲言，直接上干货，这里谈谈我的思路是如何诞生的。昨天我开发的内容轮到输入搜索，从UI上看：input输入框+button搜索按钮，就实现了。关键在于背后如何实现对数据的搜索功能，常见方法：搜索内容给到后

一级新生·2023-04-11 05:32

vue前端项目的结构分析

1.项目结构2.结构目录介绍2.1nuxt包里面放的一些nuxt的路由，组件和通用页面。2.api文件夹放的是远程请求后端交互2.3assets文件夹里面放的是样式，插件和图片。2.4components文件夹是微信组件。2.5layout文件夹放的是页尾页面。2.6middleware文件夹是空的略。2.7pages文件夹是页面的插值表达式都是使用异步方法在渲染页面之前获取到数据。{{item.

bst@微胖子·2023-04-10 14:32

VSCode搭建vue前端开发工程的配置文件-launch.json

说明：launch.json配置文件{//UseIntelliSensetolearnaboutpossibleattributes.//Hovertoviewdescriptionsofexistingattributes.//Formoreinformation,visit:https://go.microsoft.com/fwlink/?linkid=830387"version":"0.2

秦岭熊猫·2023-04-10 09:10

解决Vue前端多空格自动省略为一个空格问题

添加如下标签样式即可style="white-space:pre;"如果在table中不生效，可使用template、span

Coder_JdHo·2023-04-10 03:10

【Vue前端开发学习】第2章，Vue项目目录结构

文章目录前言一、新增router文件夹及其配置方法二、新增store文件夹及其配置方法三、index.html、App.vue、main.js三者之间的联系前言上一章节，通过Pycharm创建了一个新的Vue项目（vue-cli版本为@vue/cli4.5.11，vue版本为2.6.11），获得如下图所示的初始化Vue项目目录，为了保持结构一致、便于理解和构建管理，后续的学习和开发也将遵循Vu

野路子攻城狮·2023-04-09 02:26

SpringBoot + Vue 解决跨域问题

问题原因浏览器不能访问协议/host/port不同的其它域的服务器,要坚守同源策略保证安全性,解决方案:1.后端解决/2.前端代理访问方式一:后端解决Vue前端项目中直接发送axios请求,请求真实接口

goalWJW·2023-04-09 00:53

Vue 3 核心原理 -- reactivity 源码复写

标签（空格分隔）：vue前端前言首先自己实现了一遍reactive的两个api，对依赖变化的监测有了一定的了解，现在再看看源码是怎么写。为了更好理解，自己按着源码重新写一遍。

philoZhe·2023-04-08 04:59

vue前端部署到服务器

一.vue打包1.获得前端代码,在webstorm上打开在终端输入npmrunbuild2.打包完成后在原来的代码包中可以看到一个新的文件夹---dist3.将dist文件夹压缩上传到nginx的本地安装文件夹(注意不是download文件夹,而是usr/local)二.服务器上部署1.解压dist2.配置conf找到nginx文件夹下的conf文件夹,点击nginx.conf进行配置3.具体配置

脑袋凉凉·2023-04-07 21:02

blog前后端分离项目02：Vue前端页面开发

1、前言技术栈：vueelement-uiaxioshttp请求库markdown编辑器mavon-editormarkdown-itgithub-markdown-css2、项目演示3、环境准备安装Vue的环境，Vue官方文档1、Nodejs安装Node.js：http://nodejs.cn/download/安装就是无脑的下一步就好，安装在自己的环境目录下检查时候安装成功cmd下输入node

森小森_·2023-04-07 17:40

vue前端开发demo示例

vue前端开发demo示例目录vue前端开发demo示例系统结构js部分界面部分界面系统结构js部分代码如下（示例）：importrequestfrom'@/utils/request'exportfunctiongetAllInfo

制杖豆·2023-04-06 19:36

前后端分离多用户社区项目实战---前端01

Vue前端页面开发1、前言技术栈：VueVuexVueRouterAxiosBulmaBuefyLayuiVditorDarkReader2、项目演示3、环境搭建安装Vue的环境，Vue官方文档1、Nodejs

森小森_·2023-04-06 11:29

关于 Java前后端分离文件上传读取代码详解

环境：JDK1.8VUE前端Springboot小知识点：传输数据类型查看方法->F12查看Content-Type:multipart/form-data;代码：@ApiOperation(value

去你的粪·2023-04-06 02:03

Vue前端登录token信息验证功能实现

用户在首次访问网站时，应在登录页面填写账号密码，前端携带用户信息向服务器请求。1、服务器验证用户信息验证失败：给前端响应数据验证通过：对该用户创建token，并以响应数据返回给前端2、前端接受后端响应的数据错误信息：提示错误消息正确信息：页面进行跳转至首页，同时保存token（可以保存在cookie或localstorage）3、用户点击某功能模块的触发请求（比如某功能有权限设置或是是否需要tok

·2023-04-06 01:42

webpack之处理字体图标资源（附带音视频）

1.下载图标文件1.打开iconfont-阿里巴巴矢量图标库2.选择需要的图标，下载到本地（如不会下载，可以看vue前端项目引入iconfont阿里图标（fontclass）_fontclassvue引用

山上有晚星·2023-04-05 22:44

A05-Layout布局

‍个人主页：SilenceLamb本章内容：【Layout布局】Silence-Vuev1.0.0基于VUE前端快速开发框架vue-element-admin中大部分页面都是基于这个layout的除了个别页面如

Silence Lamb·2023-04-04 18:20

A07-vue-i18n国际化配置

‍个人主页：SilenceLamb本章内容：【vue-i18n国际化配置】Silence-Vuev1.0.0基于VUE前端快速开发框架一、创建工具类1.1【本地缓存】本地缓存|会话级缓存：src\utils

Silence Lamb·2023-04-04 18:20

A04-VUE基础样式构建

个人主页：SilenceLamb本章内容：【VUE基础样式构建】Silence-Vuev1.0.0基于VUE前端快速开发框架引入样式：src/styles/index.scss/*通用常量*/@import

Silence Lamb·2023-04-04 18:50

A06-批量注册组件

‍个人主页：SilenceLamb本章内容：【批量注册组件】Silence-Vuev1.0.0基于VUE前端快速开发框架一、批量注册组件1.1【批量注册组件】批量注册组件：src/components/

Silence Lamb·2023-04-04 18:02

若依VUE前端，实现TABLE页切换

实现效果图，在新增或修改页面添加table表头切换第一步新建pane.vue文件，代码如下{{item.label}}exportdefault{name:"tabs",props:{value:{type:[String,Number]}},data(){return{currentValue:this.value,navList:[]}},methods:{tabCls:function(it

L_大帅·2023-04-04 15:26

Vue前端框架大全

框架类Web名称Vue描述ElementUI2饿了么ElementPlus3饿了么AntDesign12蚂蚁金服AntDesign23蚂蚁金服AntDesign33蚂蚁金服ArcoDesign3字节跳动ViewUI2ViewUIPlus3AT-UI2H5名称Vue描述Vant22Vant33Vant43FrozenUIQQMintUIMandMobile滴滴Cube-UI滴滴VuxNut-UI京东

下雨天的·2023-04-04 00:31

Vue前端面试题总结（二十一）什么是跨域？详解

什么是跨域？跨域就是不是同源策略什么是同源策略就是？协议、域名、端口都相同才算是同源只要一个不是就是不算同源如何理解跨域理解跨域的概念：协议、域名、端口都相同才同域，否则都是跨域

外下羊.·2023-04-03 15:40

Vue前端面试题总结（二十二）如何解决跨域？详解

如何解决跨域？如何产生跨域产生跨域的情况有：不同协议，不同域名，不同端口以及域名和ip地址的访问都会产生跨域。跨域的解决方案Jsonpjsonp如何解决跨域主要是利用创建script标签后请求后端接口地址然后传递callback参数后端接收callback参数后端处理完参数返回callba函数的调用形式callba参数里面就是json优点：浏览器兼容性好缺点：只支持get请求方式代理通过前端代理在

外下羊.·2023-04-03 15:40

vue前端数据字典渲染数据

文章目录前言一、前端为什么会有数据字典二、展示效果代码展示源码地址总结前言提示：分享本次博客内容的缘由：前天一个小伙伴遇到前端数据字典渲染的问题，于是我就写了一个demo仅供参考，来到自己的博客记录一波。提示：以下是本篇文章正文内容，下面案例可供参考一、前端为什么会有数据字典示例：有时候我们的后端小伙伴可能不太想去处理数据格式，因为某些字段存在数据库字段里是以1，2,3这种格式，但是我们前端看到的

￥兔似锦·2023-04-03 15:17

DRF+VUE实现密码与验证码登录

#一、用户名+密码+jwt验证实现登录验证下面是VUE前端登录界面部分代码记住密码忘记密码登录没有账号立即注册//登录methods:{loginhander(){if(this.username=='

猿民·2023-04-02 10:19

使用Python+Django+drf+vue搭建测试平台---4搭建vue前端项目

使用Python+Django+drf+vue搭建测试平台—4搭建vue前端项目1.搭建vue前准备工作2.安装vue3.安装VisualStudioCode4.创建vue项目搭建vue前准备工作1、下载地址为

ThinkInTesting·2023-04-02 09:49

Vue前端框架 —— Vue 实例中 el 和 data 的两种写法

el与data的常见写法在Vue2.0中创建Vue实例时，通常情况下el与data这两个配置项都是按照一种固定的方式写的，像下面这样。//创建一个实例newVue({el:"#root",data:{name:"某某某"}})除了上面那一种常用写法之外，el与data都分别有另一种写法。el的另一种写法使用起来会更灵活，data的另一种写法在组件中使用较为频繁。el的第二种写法在原来代码的基础上将

奈码的航·2023-04-02 09:35

一文学会在Vue中使用Axios进行前后端通信

这篇文章从昨天开始准备，到现在逐渐成型，主要是针对于在前后端分离项目，在Vue前端使用Axios进行通信，相当于Ajax一样，下面就写了一个登录的例子，来进行演示，同时在登陆到主页后会有一个列表数据请求

阳光非宅猿·2023-04-02 08:58

vue前端页面自适应（此篇为应急方法，正统方法见此文章底部链接）

写于2019.11.12这是所有前端都无法回避的问题，上周项目原本是按设计图1920的尺寸写死的px，后来客户因为电脑是1600的分辨率，打开之后的样式出现了变形的情况。解决办法：1、引入一段js进行单位换算；2、将所有的px改成rem单位。步骤：一、在要进行自适应中写入下段代码(function(){functionsetRootFontSize(){letrem,rootWidth;letro

顺小星·2023-04-02 06:38

Spring Boot+Vue[前后端分离开发]

SpringBoot+Vue[前后端分离开发]SpringBoot+Vue(前后端分离开发)开发环境准备前端实现(Vue)创建Vue前端项目页面Login.vueRegister.vueChangePwd.vueSuccess.vue

喜羊羊sk·2023-04-01 21:01

【初级】个人分享Vue前端开发教程笔记

大家好，我是魔王哪吒，很高兴认识你~~哪吒人生信条：如果你所学的东西处于喜欢才会有强大的动力支撑。每天学习编程，让你离梦想更新一步，感谢不负每一份热爱编程的程序员，不论知识点多么奇葩，和我一起，让那一颗四处流荡的心定下来，一直走下去，加油，2021加油！不要害怕做梦，但是呢，也不要光做梦，要做一个实干家，而不是空谈家，求真力行。image前言如果这篇文章有帮助到你，给个❤️关注，❤️点赞，❤️鼓励

魔王哪吒·2023-03-31 16:51

Gitlab CI 自动部署vue前端项目

最近用到了gitlab自动部署项目，折腾了很久，踩了不少坑，这里记录一下。gitlab是现成的，部署程序的服务器上安装gitlab-runner，这个可以参考官网的安装文档。gitlab-runner安装完成后，需要注册gitlab仓库的runners，运行以下命令gitlab-runnerregister需要的url和token可以从git仓库的Settings-CI/DI中的runners找到

luq885·2023-03-31 12:51

vue前端截取并下载网页上所有echart

一、产品需求：页面上有可拖拽可移动的宫格布局，每个宫格都有echarts图，（即，每个宫格中，只有一个canvas），实现一键截图将宫格的文字、echarts图均截取并下载到本地,支持截取滚动条下方的内容image.png二、框架与插件：1、vue框架2、插件：html2canvas、echarts、vue-grid-layout使用html2canvas是为了将单个宫格中的所有元素都绘制到同一个

奋斗滴猩猩·2023-03-31 10:17

手把手教你如何搭建SpringBoot+Vue前后端分离

目录1什么是前后端分离2SpringBoot后端搭建2.1Mapper层2.2Service层2.3Controller层2.4配置类3Vue前端搭建3.1新建Vue_cli2.x项目3.2引入路由3.3

·2023-03-31 10:34

Vue前端项目【尚品汇】

Vue前端项目【尚品汇】1.说明2.对项目创建3.结构4.项目运行起来时，浏览器自动打开5.关闭ESLint校验功能5.路由分析6.路由元信息7.路由传参7.1路由的跳转方式7.2路由传参的写法附录1.

boy快快长大·2023-03-30 18:46

135个计算机毕业设计项目大全源码分享实战建议收藏（技术介绍）

项目名称主要技术2023招聘数据+多元爬虫+实时分析+预测推荐多元爬虫实时数据分析薪资预测+推荐Flask框架Echarts可视化大屏、vue前端、Beauti

源码之家·2023-03-30 01:22

推荐频道

Vue前端