vue前端实用方法第24页

docker Compose 部署springboot+vue前端端分离项目

温馨提示：如果有自己的服务器最好不过了，这样部署网项目就可以上线了。没有的话，只能使用localhost本机访问啦，记得替换ngixn中的ip地址、域名为localhost。(一)准备工作一、安装1、安装Docker并配置阿里云仓库加速①环境查看，选择对应的docker的安装版本：

一乐乐·2022-08-01 09:00

vue前端项目优化方式

压缩js和css之类的。显然这些都是必须做的，而且已经根本不是主要的性能优化的关键点。一、gzip压缩web前端项目，静态资源基本都放在cdn上，gzip的压缩是非常必要的，它直接改变了js文件的大小，减少两到三倍。nginx的gzip配置非常简单，在你对应的域名底下，添加下面的配置，重启服务即可。gzip_comp_level的值大于2的时候并不明显，建议设置在1或者2之间。#开启gzipgzi

进阶__前端·2022-07-29 12:59

【系统设计与实现】智慧教室在线监考系统，实时视频推理(vue前端+java管理后台+cpp深度学习算法后台)

目录智慧教室在线监考系统(github仓库点击这里)架构功能考生人脸信息上传考生点名作弊检测服务器管理安装和启动说明数据服务(需要docker)mysqlredisminio流媒体服务器前端管理系统(smart_classroom_admin)算法服务(smart_classroom_algo)依赖和环境变量添加workspace和权重文件编译&安装参考项目系统开发算法智慧教室在线监考系统(git

虹夭·2022-07-29 07:24

Vue前端神策数据埋点

集成JSSDK全埋点1、从npm获取sdknpminstallsa-sdk-javascript2、utils新建sensors.js文件夹，Vue全局挂载importsensorsfrom'sa-sdk-javascript';sensors.init({//神策系统配置server_url:'http://sademo.datasink.sensorsdata.cn/sa?project=Vi

Boriska1996·2022-07-28 10:07

vue前端

vue是什么？vue一套用于构建用户界面的渐进式javascript框架vue是谁开发的？尤玉溪vue的特点1.采用组件化模式，提高代码复用率且让代码更好维护2.声明式代码，让编码人员无需直接操作DOM，提高开发效率3.使用虚拟DOM+优秀的diff算法，尽量复用DOM节点。学习vue之前要掌握的javascript基础知识？es6语法规范，ES6模块化，包管理器，原型，原型链，数组常用方法，ax

程程呀是小白·2022-07-28 08:16

Vue前端js循环遍历数组八种方法总结最新

前五种常用，第三种个人觉得常用最多，自己复制代码打印试试vararr=[1,2,3,4,5,6];//第一种for循环遍历varnewArr=[];for(vari=0;i{newArr.push(arr[item])console.log(newArr)})//第三种Object.keys()遍历//(个人推荐比较好用：枚举方法)(返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含S

MFG_666·2022-07-27 15:47

nodejs基于Vue前端的超市库存管理系统

本系统nodejs超市库存管理系统是根据超市的特点集进、销、存于一体，结合现今流行的网络技术，应用nodejs与MYSQL数据库想结合的方式，为超市量身定做的销售管理软件。在设计过程中最大限度满足用户的要求，因此，该系统具有较强的实用性和针对性。本系统具有界面友好，操作简单，可维护性强等特点越来越多的学生喜欢把前端Vue+nodejs技术组合当做自己的毕业设计项目.其实是非常新颖的毕设了。在众多毕

qq_840612233·2022-07-22 11:46

手把手教你使用vue-cli4搭建vue前端项目

1.环境搭建使用vue-cli脚手架创建vue前端项目首先需要搭建软件环境，这里需要安装node.js、配置npm镜像cnpm、安装vue-cli。

loveycgg·2022-07-22 10:59

vue前端如何获取django后端数据

轮播图前端获取数据scripttemplateajax和axios有什么区别呢？在我们构建好后端api，也就相当于把让前端获取的数据准备好了。这个时候需要前端使用axios请求向后端api请求数据。其实这个过程很简单啊，为什么第一次做的时候就做的这么吃力呢？？？script首先我们在想要获得数据的vue组件里的script部分编写获取数据、处理数据的方法，然后将数据返回。返回的数据可以在templ

Wanncye·2022-07-16 17:12

使用vue ajax 获取后端数据 session值不一致

欢迎关注我的公众号:零零糖，让一个贫穷的程序员不靠打代码也能吃饭~今天在调试vue前端请求后端数据的时候，两个ajax请求，获取后端两个接口同一个session值不一致。

chenYoper-陈永鹏·2022-07-16 17:09

spring security + jwt + vue前端笔记

springsecurity+jwt+vue前端笔记社长4月前⋅25583阅读一个springsecurity+jwt+vue的前后端分离项目！综合运用！

我有一颗坚定不移的心0.0·2022-07-15 13:51

vue前端传空值、空字符串的问题及解决

目录vue前端传空值及空字符串问题vue空值报错问题vue前端传空值及空字符串问题在与后端调试接口时，经常接口里的参数会有空值，如果每次都要后端写判断，代码容易冗余。

·2022-07-14 12:03

排名前10的vue前端UI框架值得你掌握

最近在逛各大网站，论坛，SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，小编自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的公司项目。学习的过程之中发现继最热的React组件库和Angular组件库之后，这里有很多个流行和实用的Vue.js组件库完善你的下一个用Vue.JS编写UI界面的应用程序。Vue.js是一套构建用

Jason–json·2022-07-12 17:26

k8s查看pod日志的几种实用方法汇总

目录通过kubectl通过rancherrancher2.5rancher2.6总结通过kubectlkubectllogs[-f][-p](POD|TYPE/NAME)[-cCONTAINER]参数简写默认值说明containerc打印指定容器的日志all-containersfalse获取pod中所有容器的日志。selectorl通过标签筛选pod，支持‘=’、‘==’和‘!=’。例如-lke

·2022-07-12 13:09

Vue前端框架

Web应用分类：1.传统Web页面2.单页应用1.传统Web页面1.H5（不等同于HTML5）一般称之为H5页面（营销页面）即：在传统的平面海报中增加交互体验和数据存储，用于营销推广和数据信息收集等2.传统技术特点：.单击某个链接，按钮或提交表单后，页面整体刷新3.传统技术缺点：1.每次页面整体刷新，都要导致浏览器重新加载对应的内容2.加载内容繁多，传统页面的css/js多达上百个，每次打开页面都

举目沧桑·2022-07-09 20:28

VUE前端框架

目录vue概述MVVM框架入门案例创建HTML文件,并引入vue.js练习Vue的基础语法–1,运算符&函数–2,解析类型丰富的data–3,data的三种写法二,Vue的指令–1,概述–2,v-model&v-cloak-3,v-if&v-show&v-for–4,v-on&v-bind三,Vue组件Component–1,概述–2,全局组件–3,局部组件四,Vue的Ajax–1,Ajax的概述

挪威@森林·2022-07-09 20:27

Vue前端页面跳转，登录成功跳转页面

在以往不用框架的时候，我通常是通过href，或者重定向进行跳转。对于vue，他有专门的router路由进行跳转。所以第一步，我们要像python一样,在npm中安装并且在项目中引用他思路：用户点击登录后，跳转到Index.vue界面我的默认页面是SignIn.vue，是登录页面SignIn.vueIndex.vue我刚刚干了什么（可以跳过）？这个页面我还没有画，我先画个原型图（等我2分钟）代码写完

我要用代码向我喜欢的女孩表白·2022-07-08 09:32

Vue项目性能优化实战总结，7个实用方法

你知道你的项目的首次加载时间需要多久吗？你有给自己的项目做过性能优化吗？据统计53%的用户不会等待超过3秒就会关闭掉网页，所以对于项目的性能优化尤为的重要。闲话少说，今天我们来详细了解如何优化Vue项目的性能。分析项目bundle大小打包后的文件大小直接影响我们访问的加载速度，所以我们要知道哪些打包文件存在性能问题。查看bundle大小主要有两种方法report使用webpack-bundle-a

小帅的编程笔记·2022-07-07 07:35

Vue前端整合Element Ui的教程详解

目录Vue前端整合ElementUi1.安装ElementUi组件库2.测试ElementUi是否整合成功Vue前端整合ElementUi本节内容服务于SpringBoot+Vue搭建JavaWeb增删改查项目

·2022-07-06 14:22

vue前端如何向后端传递参数

目录前端向后端传递参数get方法传参post方法传参vue前后端传参问题前端向后端传递参数get方法传参get方法传参，我们只需要把要传递的参数拼接到要发送的路径地址后面。实例前端：exportdefault{ data(){ return{ name:"david",//要传递的值1 age:20,//要传递的值2 } }, methods:{ //在method里面定义一个向后端传

·2022-07-01 19:45

vue前端优雅展示后端十万条数据面试点剖析

目录前置工作后端搭建前端页面直接渲染setTimeout分页渲染requestAnimationFrame文档碎片+requestAnimationFrame懒加载虚拟列表前置工作如果后端真的返回给前端10万条数据，咱们前端要怎么优雅地展示出来呢？（哈哈假设后端真的能传10万条数据到前端）先把前置工作给做好，后面才能进行测试后端搭建新建一个server.js文件，简单起个服务，并返回给前端10w条

·2022-07-01 19:13

vue前端页面数据加载添加loading效果的实现

loading配置1再src/componennts/Spinner下面建立一个index.vue2再utils下面tools.js3再utils下面建议一个request.js封装的axios请求4修改app.vue

·2022-07-01 13:12

Vue实现前端页面缓存的过程

目录Vue前端页面缓存1.使用情景2.keep-alive基本认识3.keep-alive实现路由页面缓存vue页面缓存问题1.路由设置2.页面路由嵌套设置3.从指定页面返回使用缓存数据Vue前端页面缓存

·2022-07-01 13:39

spring boot+vue实现JSAPI微信支付的完整步骤

目录微信支付微信支付前的准备后台开发vue前端总结微信支付最近公司要在微信公众号上做一个活动预报名，活动的门票等需要在微信中支付。

·2022-06-27 16:51

css浮动(float)及清除浮动的几种实用方法

CSS浮动是现在网页布局中使用最频繁的效果之一,而浮动可以帮我们解决很多问题,那么就让我们一起来看一看如何使用浮动.一.css浮动(float)(1)html文档流自窗体自上而下分成一行一行，并在每行中按从左到右的顺序排放元素。(2)网页中大部分对象默认是占用文档流，也有一些对象是不占文档流的，比如表单中隐藏域。当然我们也可以让占用文档流的元素转换成不占文档流，这就要用到CSS中属性positio

weixin_30894583·2022-06-22 14:35

vue前端开发那些事（1）

如上图所示，用vue开发一个小型网站所涉及到的知识点。这只是前端部分已经这么多了。接下来我分解开来说。1、Node当我们开发vue项目的时候，首先要安装Node.js,那么我们即使当时不理解为什么，但是项目完成后，应该抽个空，理解下。有两个问题：a、什么是Node？b、Node能做什么？c、它与Vue项目有什么关系？Node是一个服务器端框架，它所使用的语言是前端非常流行的JavaScript，它

weixin_34198797·2022-06-20 14:15

前端教程Vue全家桶：Vue2.0+Vue3.0

黑马程序员vue前端基础教程-4个小时带

是一只萨摩耶·2022-06-15 07:28

前后端分离

一、vue前端框架npm是node.js的一个工具，当装完node.js这个前端平台，即可使用。

AdaTina·2022-06-13 11:11

docker基础（三）-制作镜像部署vue前端项目

一，区分镜像和容器docker中镜像和容器的区别：1、镜像是包含了各种环境或者服务的一个模板，而容器是镜像的一个实例；2、镜像是不能运行的，是静态的，而容器是可以运行的，是动态的。二，镜像部署一个vue项目npminit@vitejs/app创建一个新的项目然后安装依赖npminstall再运行npmrunbuild打出dist文件1，docker获取nginx镜像dockerpullnginx完

笑道三千·2022-06-13 07:01

es6入门到五连绝世之三杀（triple kill ）

示例1.4、同时处理多个Promise二、循环遍历2.1、for，of遍历简介2.2、for，of遍历示例三、Array数组方法3.1、Array.from()...of()浅析3.2、Array其他实用方法四

自古圣贤皆寂寞·2022-06-11 12:28

Vue前端路由

路由概念SPA(单页面应用程序)中，前端路由（router）就是对应关系。（Hash地址与组件间对应关系）工作方式：用户点击页面上的路由链接导致URL地址栏中Hash值发生变化前端路由监听到Hash地址变化前端路由把当前Hash地址对应组件渲染到浏览器中vue-router基本用法vue-router是vue.js官方的路由解决方案。管理SPA项目中组件切换官方地址：VueRouter①安装vue

BC菜鸟·2022-06-09 17:39

Vue基础——Vue前端路由

目标：能够说出路由的概念能够说出Vue-router的基本使用步骤能够说出Vue-router的嵌套路由用法能够说出Vue-router动态路由匹配用法能够说出Vue-router命名路由用法能够说出Vue-router编程式导航用法能够基于路由的方式实现业务功能目录：路由的基本概念与原理vue-router的基本使用vue-router嵌套路由vue-router动态路由匹配vue-router

Micheal_yang0319·2022-06-09 17:08

Vue前端路由hash与history差异深入了解

目录前言简单介绍VueRouterVueRouter实现原理Hash简述特点设置history简述设置特点生产环境问题及解决开发环境-historyApiFallback总结前言没了解这两种路由前，不管是vue还是react在项目创建时难免会进行路由之间选择，在hash和history难免会纠结一番,或者是直接稀里糊涂用了默认带#的hash路由，看完这篇分享,保准让你之后不会在为选择哪中路由犯难,

·2022-06-09 10:08

Vue前端项目自适应布局的简单方法

目录一、单位尺寸二、基于rem实现自适应布局附：html5页面的rem布局适配方法总结一、单位尺寸px%vw、vh:窗口em:针对父元素的font-sizerem：“rootem”的缩写，是一个相对长度单位；rem单位作用于非根元素时，相对于根元素（html）字体大小，rem单位作用于根元素字体大小时，相对于其出初始字体大小。说明：谷歌浏览器，字体的默认大小是16px;如果父元素item1的fon

·2022-06-08 19:04

三个做法让孩子爱上自主学习！

本课学习重点培养孩子的成长型思维的三个实用方法：1.关注孩子学习的过程，而不只是结果。常用“我看到……”这个句式，描述孩子学习的一些细节，而不是去评价学习结果。2.跟孩子强调努力，而不是天赋。

真巧oh·2022-06-08 14:22

vue前端人机验证vue-puzzle-vcode插件的的使用教程

vue前端人机验证vue-puzzle-vcode插件的使用教程下载地址github:https://github.com/javaLuo/vue-puzzle-vcodeVue纯前端的拼图人机验证、右滑拼图验证我知道有第

Jay_Chou345·2022-06-06 07:01

【PyTorch学习（一）】学习pytorch中tensor的使用总结

还提供了许多用于有效序列化tensor和任意类型的实用程序，以及其他有用的实用方法。Tensor(张量）类似于NumPy的ndarray，但tensor可以在GPU上使用来加速计算。

Daylight..·2022-06-05 07:26

获取用户代理（User-Agent）的三种实用方法

我们在写爬虫程序爬取网站时，通常会需要构建用户代理UA（User-Agent）。下面介绍常见的三种获取UA的方法：1.可以直接在浏览器的数据包的请求头中获取用户代理2.可以设置用户代理列表，从中随机抽取用户代理#二、构建代理池，可随机获取UA#参考网址：https://blog.csdn.net/alicelmx/article/details/84073750importrandomua_lis

Lvcx·2022-06-01 16:07

Django+Vue+Nginx+Https域名代理访问

Django+Vue使用Nginx实现Https域名的安全访问前端VUE前端访问自身域名:https://demo.com，后序使用Nginx代理至后端直接访问后端https:api会无证书认证：NO_SSL_Authentication_INVALID

蚢·2022-06-01 14:00

vue前端测试开发watch监听data的数据变化

目录watch监听data的数据变化新问题解决1.先把姓名的值，也加到options里2.在监听里增加for循环和判断watch监听data的数据变化上一篇里提到了用elementUI的select实现了个远程搜索的功能，最终效果是这样的。但是继续开发的时候，又遇到了一个新的问题，跟上面的功能有关。先看下远程搜索的操作，与data里的数据关系。当输入“张”进行搜索，看到的下拉列表里展示的结果都是存

·2022-05-31 19:15

Vue+Django项目实战——学习目录

restfulapi开发流程DjangoRestFramework的功能实现和核心源码分析Sentry完成线上系统的错误日志的监控和告警第三方登录和支付宝支付的集成本地调试远程服务器代码的技巧1.2.系统构成vue

Pandora_417·2022-05-31 18:01

广州蓝景技术分享--基于Docker的Vue前端自动化部署

前言：今天我们广州蓝景实训部，和大家做一下技术分享，基于Docker的Vue前端自动化部署Docker的诞生毫无疑问，DocKer成了近些年来最火热，甚至最具颠覆性的技术之一。

雪梨是我·2022-05-31 18:28

es6新增对象的实用方法总结

目录一、属性的简写二、属性名表达式三、super关键字四、扩展运算符的应用五、属性的遍历六、对象新增的方法Object.is()Object.assign()Object.getOwnPropertyDescriptors()Object.setPrototypeOf()Object.getPrototypeOf()Object.keys()Object.values()Object.entrie

·2022-05-30 20:02

Spring Boot和Vue前后端分离项目架构的全过程

目录SpringBoot+Vue前后端分离项目架构1.SpringBoot后端项目2.Vue前端项目总结SpringBoot+Vue前后端分离项目架构项目流程：1.SpringBoot后端项目1、新建一个

·2022-05-26 14:52

vue前端重构computed及watch组件通信等实用技巧整理

目录基于springboot+vue的测试平台开发一、常规知识点1.mounted与created2.计算属性computed3.监视属性watch二、组件通信相关1.父组件给子组件传递2.子组件给父组件传值3.任意组件之间传值4.vuex基于springboot+vue的测试平台开发继续更新当前项目进度的前端重构已经完成了，在重构之余也对一些交互做了优化等。在本次的重构过程中感觉还是有不少收获，

·2022-05-26 14:50

多款顶级好用的 Vue 表单设计器测评推荐，可拖拽生成表单

本文完整版：《多款顶级好用的Vue表单设计器测评推荐，可拖拽生成表单》Vue前端开发中，表单组件是排在前三的高频使用的组件，如何快速构建表单，节省力气，避免重复造轮子呢，选择一款适合自己的前端表单设计器就非常重要了

·2022-05-23 17:48

基于Vue前端UI框架比较

Vue3相对于vue2的优缺点优点:性能提升，主要体现在打包体积（减少了40%左右），渲染速度（快了55%），更新速度（100%）及内存使用（减少了50%）几方面。由于增加了compositionapi，更加支持Ts，使得代码相对于Vue2更利于维护。缺点：就目前来说用户数量和社区活跃度没有vue2高，有一定的学习成本（包括学习ts）各个UI框架的比较根据目前市场常用的框架进行初步筛选，入选了4款

weixin_44481459·2022-05-16 14:24

Vue3学习笔记-masaikk

代码位于myvue:vue前端学习(gitee.com)的vue3分支。

马赛克医院·2022-05-13 12:08

jenkins+docker+nginx+nodejs持续集成部署vue前端项目

目录前提：思路：步骤：配置nodejs工具git代码文件目录如下Dockerfile的文件内容nginx.conf主配置文件的内容最近比较闲，尝试了一下docker部署业务测试环境的前端vue项目，作此记录这里我的环境是Jenkins+docker+harbor+nginx部署，但是由于此项目以节点形式加入jenkins,构建和部署都在一台，所以没有用到harbor,但是生产环境可能部署和构建不在

·2022-05-11 11:45

Vue前端项目打包，并部署Vue项目到Linux云服务器上

一.vue前端项目打包使用vscode开发项目在config目录下的prod.env.js文件当中配置我们后端服务器的IP地址和端口号，因为这是在实际的部署当中所以必须要在生成环境下进行项目的部署。

来瓶小白干Oo·2022-05-10 05:18

推荐频道

vue前端实用方法