VUE前端框架的学习

Vue前端框架——单向数据绑定与双向数据绑定

▲单向数据绑定与双向数据绑定示意图在Vue中，单向数据绑定和双向数据绑定是由两个不同的指令来完成的，分别是v-bind指令（单向）和v-model指令（双向）。v-bind指令相较于v-model指令大多数情况下在程序中出现次数较为频繁，因为v-bind指令经常用在除表单元素之外的DOM元素中（表单元素中也能用，就是效果不好），而v-model指令只能用在表单元素中，所v-bind指令的应用面更广
奈码的航·2023-10-20 13:13

nginx Vue前端配置

1、打包文件使用npmrunbuild命令，将项目打出来（dist目录）2、将dist目录上传至服务器3、修改nginx.conf配置nginxvue配置upstserver{listen9090default_server;//修改端口root/home/www/dist;//修改入口文件location/{try_files$uri$uri//index.html;//解决单页面刷新404问题
qiaocccccc·2023-10-20 02:23

Spring4_day01.md

今天课程：Spring框架第一天Spring框架的学习路线1.Spring第一天：Spring的IOC容器之XML的方式，Spring框架与Web项目整合2.Spring第二天：Spring的IOC容器之注解的方式
qq_27299809·2023-10-19 10:44

Vue前端项目运行

环境：vscode、node.js、cnpm/yarnnpm安装起来太慢了、建议使用cnpm或yarn1.从码云上下载前台项目，使用vscode打开2.安装依赖（请提前自行安装cnmp或yarn）使用命令安装依赖cnpminstall3.运行项目使用命令启动npmrundev第一次运行可能出现报错情况，如出现，请安装如下全局依赖webpack-dev-serverwebpackwebpack-cl
The..Fuir·2023-10-19 08:18

【打包vue前端项目】

文章目录前言一、打包命令二、重新打包三、打包不成功可能存在问题：解决方案：四、其他问题前言实例项目是使用vue3+vite一、打包命令默认的打包命令一般为npmrunbuild但是还有其他命令如npmrunbuild:prodnpmrunbuild是一个用于构建项目的npm命令。它用于将项目中的源代码转换为生产环境中所需的代码，通常包括压缩代码、优化资源、处理依赖等步骤。npmrunbuild:p
Didicode·2023-10-19 08:17

爬虫系列之scrapy框架

对于框架的学习，重点是要学习其框架的特性、各个功能的用法即可。Scrapy一个开源和协作的框架，其最初是为了页面抓取(更确切来说,网络抓取)所设
weixin_40895135·2023-10-19 06:52

四: scrapy爬虫框架

对于框架的学习，重点是要学习其框架的特性、各个功能的用法即可。Scrapy一个开源和协作的框架，其最初是为了页面抓
weixin_34233618·2023-10-19 06:51

网站项目通过钉钉机器人向钉钉群发送信息

项目使用场景描述PC网站内填好的数据发送至钉钉群，以钉钉机器人卡片形式发送样例如图：开发思路首先我使用的是vue前端和egg.js后端(基于node.js)开发思路流程：网页内填写数据（表单或者其他都可以
葬空吟·2023-10-18 19:35

VUE前端判断是电脑端还是移动端

背景需求ruoyi框架，前后端分离。现在要在用户访问的时候根据不同的设备跳转到不同的登录页面。教程router/index.js修改src/router/index.js，在这里增加自己的要跳转的页面permission.js在白名单中添加自己的登录页面增加以下识别的代码letflag=navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|io
renkai721·2023-10-18 18:08

Vue前端开发规范及代码风格

Vue.js开发规范目录及说明版本v1.0日期2020-02-18本文档为前端vue开发规范规范目的命名规范结构化规范注释规范编码规范CSS规范规范目的为提高团队协作效率便于后台人员添加功能及前端后期优化维护输出高质量的代码及文档一、命名规范为了让大家书写可维护的代码，而不是一次性的代码让团队当中其他人看你的代码能一目了然普通变量命名规范命名方法：驼峰命名法命名规范：命名必须是跟需求的内容相关的词
赵迪Eddie·2023-10-18 17:55

基于Spring Boot+Vue的电影大剧院订票选座管理系统

二.主要技术技术名作用Springboot后端框架Vue前端框架MySQL数据库三功
计算机徐师兄·2023-10-18 14:18

vue前端实现打印功能并约束纸张大小---调用浏览器打印功能打印页面部分元素并固定纸张大小

需求是打印指定div实现小票打印功能。调用浏览器的自带打印功能只能实现打印可视区域，所以这里采用截图+新窗口打开打印去实现此需求。1.安装html2canvas库实现截图功能npminstallhtml2canvas--save2.在需要进行截图和打印的组件中，引入html2canvas库importhtml2canvasfrom'html2canvas';3.实现截图打印功能需要给打印元素添加i
橙色日落·2023-10-18 01:02

记录一下springboot+vue前后端分离实现的excel内容查询导出功能

文章目录前言一、引入apache.poi相关依赖二、vue通过事件点击发送get请求1.发送请求2.后端接收请求3.ExcelUtil工具类4.返回的格式三、vue前端使用blob处理文件流1.处理文件流并下载
maker011·2023-10-17 04:19

ant design vue table 高度自适应_很受欢迎的vue前端UI框架

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

axios post请求后台获取不到参数

axiospost请求后台获取不到参数是为什么在做vue前端+springboot后端项目数据传输的时候，频繁的出现了400badrequest的报错，上网一查，原因是前后端数据类型不匹配。
李佼·2023-10-16 21:34

vue+webapi文件上传与下载

vue+webapi文件上传话不多说直接上本人测试代码VUE前端请将电子书拖入或点击上传图书已上传//importSparkMD5from'spark-md5'importstorefrom"../..
叫我小范·2023-10-15 22:46

vue前端解决跨域【vue.config.js】

在vue.config.js文件中添加module.exports={devServer:{open:true,host:'localhost',port:8000,https:false,//以上的ip和端口是我们本机的;下面为需要跨域的proxy:{//配置跨域，proxy的意思就是代理下边的/api，也就是说如果在请求中是以/api开头的都需要进行代理。'/api':{target:'htt
以对_·2023-10-15 16:57

基于djang、vue、scrapy-redis、高德地图的豆瓣租房租房信息爬取、存储、可视化综合项目

2、django部分这里主要是处理数据的，将存好的数据有序的传递到vue前端，然
haeasringnar·2023-10-15 10:14

VUE前端公用组件封装提取、上传（npm）、使用

前端公用组件封装提取有两种方式：mixins和组件封装。Mixins：混入，是一种分发VUE组件中可复用功能的非常灵活的方式，混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。组件：VUE最强大的功能之一，组件可以扩展HTML元素、封装可重用的代码，在较高层面上，组件是自定义的元素，vue的编译器为它添加特殊功能，在有些情况下，组件也可以是原生HTML
ONEO阿喔哟·2023-10-15 03:21

VUE前端上传excel文件并解析

很多时候，可以选择把文件POST给后端，然后利用后端去解析excel拿到数据，这次来试试前端直接解析。这个前端解析过程，踩了几个坑，写个总结，记录一下。一、前置条件1、需要安装xlsx库npminstallxlsx2、上传使用el-upload组件二、实现过程HTML代码如下：选择文件数据上传【注意】只能上传xls/xlsx文件以上代码需要注意的地方：1、action，如果是上传到后端，则需要填写
dreamandxiaochouyu·2023-10-14 04:40

An exception was thrown while activating Service.Services.Common.PermissionService.

前端访问测试vue前端页面登
jekc868·2023-10-13 19:59

vue前端上传doc文件并读取文件内容

1.上传文件如iview中的：上传文件2.读取doc文件内容先安装mammoth.js插件:npmimammoth--save引用：import*asmammothfrom'mammoth'readFile(file){constreader=newFileReader()reader.readAsArrayBuffer(file)reader.onload=e=>{constdata=reade
mumushuiding·2023-10-13 17:15

vue前端js上传压缩包或excel文件，读取excel内容

一、纯前端解析压缩包①上传压缩包或.xlsx,.xls文件②压缩包解压、转换格式读取excel内容。需要下载插件：jszip、xlsxnpminstalljszip--savenpminstallxlsx--save完整代码如下：亲测可用上传文件import{ref}from'vue';import$from'jquery';importJSZipfrom'jszip';import{read,u
HanShao_·2023-10-13 17:40

完整教程：Java+Vue+Websocket实现OSS文件上传进度条功能

本教程将介绍如何使用Java后端和Vue前端实现文件上传进度条功能，借助阿里云的OSS服务进行文件上传。
热心码民阿振·2023-10-13 14:24

Spring框架的学习心得

Spring框架能解决的问题Spring框架是简单、高效的集成开发环境，能够帮助我们在复杂繁琐的工作中简单高效的完成项目开发Spring框架中的IoC容器能够实现对JAVABean的自动实例化以及JAVA类中属性的依赖注入Spring框架中的IoC容器能够解耦，降低类与类之间的耦合度；提升代码的灵活性、可扩展性和可维护性。Spring框架中还提供了方便我们实现额外功能的机制即AOP，能够在不改变J
AutoGrowUp·2023-10-13 10:03

ruoyi 若依 前端vue npm install 运行vue前端

首次导入，需要先执行npminstall#进入到前端模块目录下cdruoyi-ui#安装npminstall启动后端项目运行前端项目：运行成功后，会浏览器自动加载到前端首页（或者浏览器访问打印的两个地址）#运行npmrundev部署：
torpidcat·2023-10-12 18:19

Vue的学习笔记——three：Vue前端路由

Vue前端路由路由后端路由概念：根据不同的用户URL请求，返回不同的内容本质：URL请求地址与服务器资源之间的对应关系SPA（SinglePageAppliaction）后端渲染(存在性能问题)Ajax
默默花上开·2023-10-12 05:21

vue前端自定按钮控制上传el-up方法

首先element-ui中的上传组件是这样的数据结构:{action:“”//上传的连接filelist:'‘’//选种的文件集合}点击上传只能上传jpg/png文件，且不超过500kb点击按钮后就自动根据action的地址上传,实际上是element-ui自动发送了post请求给action连接,但是我想要通过自己手动上传文件(图片/excel)直接发送这个文件体upload(){this.re
蓝胖子不是胖子·2023-10-11 17:35

vue前端——文件类型输入框自动清空 实现及vue cannot set property ‘value‘ of null报错处理

页面：html代码：实现：一开始想法是在取消按键里绑定清空方法，仅设置了将上面两个箭头指向的v-model置为“”,但是报错，再次点击选取文件时，就无法选取同样的文件。错误原因在于，文件输入框作为一个dom，要将文件本身清空，不仅是将name置空。js代码：this.addModelName="";this.modelFileName="";改为：this.addModelName="";this
zoeezym·2023-10-10 15:06

vue前端项目——导航栏跳转 页面保留导航样式

在/router/index.js里配置父子导航栏，并在子导航栏增加导出index.vue//配置导航和页面路径constGoods=()=>import('@/pages/goods/')constGoodsList=()=>import('@/pages/goods/goodsList')constShopWindow=()=>import('@/pages/goods/shopWindow'
zoeezym·2023-10-10 15:06

[Vue前端] el-table滚动条不显示问题的解决

代码：.show_table{position:relative;width:100%;overflow:auto;}如截图，表格里内容超出表格大小，css中加了overflow:auto但没有出现滚动条。解决办法：把el-table标签里的height换到css样式中，滚动条正常显示。.show_table{position:relative;width:100%;height:500px;//
zoeezym·2023-10-10 15:06

Vue前端导入上传Excel

1.引入工具库npminstall-Sfile-saverxlsxnpminstall-Dscript-loader2.Element上传控件limitUpload=1限制只能上传1个文件accept为默认打开的可上传的文件格式:show-file-list="false"不展示列表action=""因为导入，不用写上传路径，只用功能就可以3.methodsleading(file,fileLis
Zxy_i·2023-10-10 04:08

vue前端直接使用element-ui的upload组件上传到阿里云OSS存储

因为公司的服务器比较拉吧，所以老大决定将数据文件等上传到阿里云服务器，通过ali-oss方式，这样的话读取文件也比较快（能看到这说明什么安装element-ui都会了，我就不详细介绍了，直接跳过）在执行下面操作之前，你要确定你的阿里云能看到上边这个页面这里主要是配置读写，只有设置成公共读写，才可以前端直接上传，不需要跟后端要什么token了一、安装npmi--saveali-oss（1）.在vue
Single-Thread·2023-10-10 04:41

vue第1天（vue插件推荐、vue指令）

1、插件推荐2、框架的学习方式学会看文档3.0源码，就会多一些新的知识点，只能看文档英文文档，点翻译，把翻译的结果写成博客看不懂没关系，看代码，去猜什么意思猜不出来怎么办，把代码直接粘贴过来运行一下大概也能知道是什么效果多敲代码不是多抄代码先多思考
Ly2_d1a9·2023-10-09 06:41

springboot+vue实现ChatGPT逐字输出打字效果

文章目录前言一、效果二、Springboot后端1.封装请求OpenAI接口的客户端2.对话处理3.对话请求接口二.Vue前端前言在调用OpenAIGPT接口时，如果不使用流式（stream:true）
程大白丶·2023-10-08 14:53

socket.io学习笔记（含简易demo代码）

目录安装导入使用事件触发事件广播rooms断点重连简易聊天室Demo安装nodejs后端:npminstallsocket.iovue前端:npmivue-socket.io-Snpmisocket.io-client-S
ArmadaDK·2023-10-08 12:24

Vue前端基础知识

0.那你能讲一讲MVVM吗？MVVM是Model-View-ViewModel缩写，也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型，View代表UI组件，ViewModel是View和Model层的桥梁，数据会绑定到viewModel层并自动将数据渲染到页面中，视图变化的时候会通知viewModel层更新数据。1.简单说一下Vue2.x响应式数据原理Vue
5e8294296ff4·2023-10-07 07:35

css透明度怎么设置？三种css图片透明度的设置方法

（推荐视频课程：HTML+CSS+JS+vue前端基础入门~htt
八重樱勿忘·2023-10-07 00:00

Vue前端项目中package.json文件的作用

概述：package.json是一个项目描述文件,是一个严格的json文件，里面记录了当前项目的信息。比如:项目名称、版本、作者、gitHub地址、当前项目依赖哪些第三方模块等。name//项目名称"name":"vue-admin-template",version//项目版本"version":"4.4.0",description//项目描述，description是一个字符串。它可以帮助人
神也畏惧小卢·2023-10-06 20:13

将数据从 Laravel 传送到 vue 的四种方式

这适用于Vue前端组件与Blade模板紧密耦合的两个应用程序，以及运行完全独立于Laravel后端的单页应用程序。这里有四
summerbluet·2023-10-05 03:50

Vue前端获取文件，后端Java获取文件后上传到FTP服务器上

详细获取不展示，只展示主要功能实现Vue前端上传文件控件：页面展示：vue前端界面代码：点击上传-->beforeAvatarUpload(file,item,fileList)":on-change=
编不出代码的女程序员·2023-10-05 03:31

Vue前端使用echarts（径向树状图）

Vue前端使用echarts错误Error:Initializefailed:invaliddom.解决方法：本来是通过id换成ref错误Errorinmountedhook:“TypeError:Cannotreadproperty
编不出代码的女程序员·2023-10-05 03:01

vue前端使用echart径向树形图修改样式

echart径向树形图官网示例：https://echarts.apache.org/examples/zh/editor.html?c=tree-radial官网示例：修改个性化示例：series里orient代表：orient:"LR",//竖向或水平TB代表竖向LR代表水平1、可缩放、可拖动在series里面添加：roam:true,//是否可拖动、缩放2、控制节点大小symbolSize：
编不出代码的女程序员·2023-10-05 03:01

WebSocket基础——WebSocket的基本概念 VS Http & SpringBoot整合WebSocket & vue前端代码和效果展示

本篇博客介绍WebSocket的基本概念，与http的区别和联系，然后介绍SpringBoot整合WebSocket，以及vue前端代码和效果展示。目录前言引出Web
Perley620·2023-10-03 12:45

《从零开始的Java世界》03面向对象(进阶)

学习者应该从学会如何使用，到知道其实现原理全方位式地学习，才能为以后框架的学习打下良好的基础。
是一只派大鑫·2023-10-03 12:30

vue前端国际化Vue I18n使用入门

1.安装yarnaddvue-i18n2.配置main.js文件importVueI18nfrom'vue-i18n'//引入VueI18nimport{cn}from'./static/lang/cn'//引入lang文件import{en}from'./static/lang/en'consti18n=newVueI18n({locale:'en',//设置语言messages:{cn:{..
随风飞2019·2023-10-03 00:06

error:03000086:digital envelope routines::initialization error

vue前端项目命令框输入npmrunserve报error:03000086:digitalenveloperoutines::initializationerror错误原因：node版本过高解决办法：
追丰少年·2023-10-02 12:00

Vue前端面试题--2021.11.29(非vue3)

前段时间总结的部分面试题，有需要的可以看下哈~~什么是构造函数用new关键字来调用的函数，称为构造函数。构造函数首字母一般大写functionPerson4(){this.gender='男';//return{gender:'中性'};}varp4=newPerson4();console.log(p4.gender);//'中性'什么是继承继承指的是一个对象可以共享父级对象的一些属性。什么是原
誰在花里胡哨·2023-10-02 10:55

TensorFlow学习1：使用官方模型进行图片分类

搭建项目配置一个vue前端环境作为界面使用Vite搭建V
无知的小菜鸡·2023-10-01 00:10

vue前端开发环境- elment plus/vit代理配置

一、npm安装1.老版本npm安装npm是前端js库的包管理工具，后续js的安装都可以依赖npm，大致可以理解成python的pip。npm依赖node.js,安装好node.js后，npm默认就安装好了，而安装指定版本node.js最为简单的方式是先安装nvm，nvm支持安装多个node.js版本，以及在node版本间切换在mac中安装nvm最简单的方式是：brewinstallnvm#其它nv
qq_41617659·2023-09-30 18:07
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他