前端学习日记Vue

element实现动态路由+面包屑

在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。

软件技术NINI·2024-09-16 10:57

Long类型前后端数据不一致

响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript

igotyback·2024-09-16 10:56

DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理

STU学生网页设计·2024-09-16 10:20

【加密社】Solidity 中的事件机制及其应用

它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。

加密社·2024-09-16 09:50

关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript

二挡起步·2024-09-16 09:19

HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动

Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：

二挡起步·2024-09-16 09:18

node.js学习

node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular

小猿L·2024-09-16 09:46

vue3中el-table中点击图片放大时，被表格覆盖

问题：vue3中el-table中点击图片放大时，被表格覆盖。解决方法：el-image添加preview-teleported

叫我小鹏呀·2024-09-16 06:59

vue项目element-ui的table表格单元格合并

一、合并效果二全部代码exportdefault{name:'CellMerge',data(){return{tableData:[{id:'1',name:'王小虎',amount1:'165',amount2:'3.2',amount3:10},{id:'1',name:'王小虎',amount1:'162',amount2:'4.43',amount3:12},{id:'1',name:'

酋长哈哈·2024-09-16 06:59

Vue中table合并单元格用法

地名结果人名性别{{item.name}}已完成未完成{{item.groups[0].name}}{{item.groups[0].sex}}{{item.groups[son].name}}{{item.groups[son].sex}}exportdefault{data(){return{list:[{name:'地名1',result:'1',groups:[{name:'张三',sex

weixin_30613343·2024-09-16 06:27

springboot+vue项目实战一-创建SpringBoot简单项目

但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一

苹果酱0567·2024-09-16 06:56

Vue( ElementUI入门、vue-cli安装)

一.ElementUI入门目录：1.ElementUI入门1.1ElementUI简介1.2Vue+ElementUI安装1.3开发示例2.搭建nodejs环境2.1nodejs介绍2.2npm是什么2.3nodejs

m0_l5z·2024-09-16 06:23

博客网站制作教程

首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│

2401_85194651·2024-09-16 05:21

vue+el-table 可输入表格使用上下键进行input框切换

使用上下键进行完工数量这一列的切换-->//键盘触发事件show(ev,index){letnewIndex;letinputAll=document.querySelectorAll('.table_inputinput');//向上=38if(ev.keyCode==38){if(index==0){//如果是第一行,回到最后一个newIndex=inputAll.length-1}elsei

以对_·2024-09-16 05:51

vue + Element UI table动态合并单元格

一、功能需求1、根据名称相同的合并工作阶段和主要任务合并这两列，但主要任务内容一样，但要考虑主要任务一样，但工作阶段不一样的情况。（枞向合并）2、落实情况里的定量内容和定性内容值一样则合并。（横向合并）二、功能实现exportdefault{data(){return{tableData:[{name:'a',address:'1',age:'1',six:'2'},{name:'a',addre

我家媳妇儿萌哒哒·2024-09-16 05:50

vue 创建项目报错：command failed: npm install --loglevel error

稳下心来~vuecli3创建项目我的node版本是node14.15.0，（永远不要尝试最新版本）node各种版本下载地址：以往的版本|Node.js(nodejs.org)vue/[email protected]

那鱼、会飞·2024-09-16 05:19

计算机毕业设计PHP仓储综合管理系统（源码+程序+VUE+lw+部署）

欢迎交流项目运行环境配置：phpStudy+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。

java毕设程序源码王哥·2024-09-16 05:46

最简单将静态网页挂载到服务器上(不用nginx)

最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd

全能全知者·2024-09-16 05:46

补充元象二面

防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。

Redstone Monstrosity·2024-09-16 05:46

微信小程序开发注意事项

微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。

jun778895·2024-09-16 04:43

字节二面

1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。

Redstone Monstrosity·2024-09-16 04:08

vue render 函数详解 (配参数详解)

vuerender函数详解(配参数详解)在Vue3中，`render`函数被用来代替Vue2中的模板语法。它接收一个h函数（或者是`createElement`函数的别名），并且返回一个虚拟DOM。

你的眼睛會笑·2024-09-16 03:06

前端代码上传文件

/config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL

余生逆风飞翔·2024-09-16 03:33

VUE3 + xterm + nestjs实现web远程终端或连接开启SSH登录的路由器和交换机。

可远程连接系统终端或开启SSH登录的路由器和交换机。相关资料：xtermjs/xterm.js:Aterminalfortheweb(github.com)后端实现(NestJS)：1、安装依赖：npminstallnode-ssh@nestjs/websockets@nestjs/platform-socket.io2、我们将创建一个名为RemoteControlModule的NestJS模块，

焚木灵·2024-09-16 03:01

详解“c:/work/src/components/a/b.vue“‘ has no default export报错原因

前情提要在一个vue文件中需要引入定义的b.vue文件，但是提示b文件没有默认导出，对于vue2文件来说有exportdefault，在中，所有定义的变量、函数和组件都会自动被视为默认导出的组件内容。

hw_happy·2024-09-16 02:30

uniapp实现动态标记效果详细步骤【前端开发】

第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。

2401_85123349·2024-09-16 02:28

Vue 项目运行时，报错 Error: Cannot find module ‘node:path‘

node-v是否显示nodenpm-v报错Error:Cannotfindmodule‘node:path'是因为node版本和npm版本不匹配安装相对应的版本node版本10.16.0对应npm版本[email protected]执行该命令即可匹配版本官网https://nodejs.org/en/about/previous-releases

周bro·2024-09-16 01:23

vue2实现复制,粘贴功能

一、需求说明在项目中点击按钮复制某行文本是很常见的应用场景，在Vue项目中实现复制功能需要借助vue-clipboard2插件。

周bro·2024-09-16 01:23

360前端星计划-动画可以这么玩

动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能

马小蜗·2024-09-16 01:54

【vite 自动配置路由】

本文将介绍vite构建的vue3项目如何编写一个自动配置路由的脚本。

CODER-V·2024-09-16 01:20

Vue + Express实现一个表单提交

最近在折腾一个cms系统，用的vue+express，但是就一个表单提交就弄了好久，记录一下。

九旬大爷的梦·2024-09-16 01:10

Vue3 vant组件库自动导入

实现：完整使用vant组件库文档安装：#Vue3项目，安装最新版Vantnpmivant#通过yarn安装yarnaddvant#通过pnpm安装pnpmaddvant【一】按需引入：https://vant-contrib.gitee.io

不叫虎子·2024-09-16 01:48

vant-element-ts一起使用存在的问题

由于vant-ui与element-ui部分组件存在冲突，导致在vue-typescript中出现错误:Subsequentpropertydeclarationsmusthavethesametype.Property

flynn_·2024-09-16 00:47

前端知识点

下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage

ZhangTao_zata·2024-09-16 00:14

第三十一节:Vue路由:前端路由vs后端路由的了解

1.认识前端路由和后端路由前端路由相对于后端路由而言的,在理解前端路由之前先对于路由有一个基本的了解路由:简而言之,就是把信息从原地址传输到目的地的活动对于我们来说路由就是:根据不同的url地址展示不同的页面内容

曹老师·2024-09-16 00:48

华雁智科前端面试题

1.var变量的提升题目：vara=1functionfun(){console.log(b)varb=2}fun()console.log(a)正确输出结果：undefined、1答错了，给一个大嘴巴子，错误答案输出结果为：2,1此题主要考察var定义的变量，作用域提升的问题，相当于varaa=1functionfun(){varbconsole.log(b)b=2}fun()console.l

因为奋斗超太帅啦·2024-09-16 00:13

如何建设数据中台（五）——数据汇集—打破企业数据孤岛

线上数据采集主要载体分为互联网和移动互联网两种，对应有系统平台、网页、H5、小程序、App等，可以采用前端或后端埋点方式采集数据。线下数据采集主要是通过硬件来采集，例如：WiFi

weixin_47088026·2024-09-16 00:42

基于JavaWeb开发的Java+SpringMvc+vue+element实现上海汽车博物馆平台

基于JavaWeb开发的Java+SpringMvc+vue+element实现上海汽车博物馆平台作者主页网顺技术团队欢迎点赞收藏⭐留言文末获取源码联系方式查看下方微信号获取联系方式承接各种定制系统精彩系列推荐精彩专栏推荐订阅不然下次找不到哟

网顺技术团队·2024-09-15 23:39

分布式锁和spring事务管理

由于可能有多个用户同时标记一个地点，每个用户在前端点击想去按钮之后，后台接收到请求，从数据

暴躁的鱼·2024-09-15 23:38

前端CSS面试常见题

边界塌陷盒模型有两种：W3C盒模型和IE盒模型，区别在于宽度是否包含边框定义：同时给兄弟/父子盒模型设置上下边距，理论上边距值是两者之和，实际上不是注意：浮动和定位不会产生边界塌陷；只有块级元素垂直方向才会产生margin合并margin计算方案margin同为正负：取绝对值大的值一正一负：求和父子元素边界塌陷解决父元素可以通过调整padding处理；设置overflowhidden，触发BFC子

剑亦未配妥·2024-09-15 23:07

【JS】前端文件读取FileReader操作总结

前端文件读取FileReader操作总结FileReader是JavaScript中的一个WebAPI，它允许web应用程序异步读取用户计算机上的文件（或原始数据缓冲区）的内容，例如读取文件以获取其内容

程序员-张师傅·2024-09-15 22:34

【前端】vue 报错:The template root requires exactly one element

【前端】vue报错:Thetemplaterootrequiresexactlyoneelement在Vue.js中，当你遇到错误“Thetemplaterootrequiresexactlyoneelement

程序员-张师傅·2024-09-15 22:33

从单体到微服务：FastAPI ‘挂载’子应用程序的转变

通过“挂载”子应用程序，我们可以为不同的功能区域（如前端接口、管理员接口和用户中心）创建独立的应用程序，并将它们整合到一个主应用程序中。本文将详细介绍如何在FastAPI中使用“挂载”子应用程序的方

黑金IT·2024-09-15 21:36

创建一个完整的购物商城系统是一个复杂的项目，涉及前端（用户界面）、后端（服务器逻辑）、数据库等多个部分。由于篇幅限制，我无法在这里提供一个完整的系统代码，但我可以分别给出一些关键部分的示例代码，涵盖几

前端（HTML/CSS/JavaScript）grsyzp.cnHTML页面结构（index.html）html购物商城欢迎来到购物商城JavaScript（Ajax请求商品数据，app.js）javascriptdocument.addEventListener

uthRaman·2024-09-15 20:34

C# 开发教程-入门基础

C#类，封装，方法5.C#枚举、字符串6.C#面相对象，继承，封装，多态7.C#特性、属性、反射、索引器8.C#委托，事件，集合，泛型9.C#匿名方法10.C#多线程更多：JQuery开发教程入门基础Vue

天马3798·2024-09-15 20:04

了解 UNPKG：前端开发者的包管理利器

在现代前端开发中，JavaScript包管理和模块化是至关重要的，而npm则是最流行的JavaScript包管理器之一。

小于负无穷·2024-09-15 20:33

前端three.js的Sprite模拟下雪动画效果

一、效果如图所示：二、原理同下雨一样三、完整代码：index.jsimport*asTHREEfrom'three';import{OrbitControls}from'three/addons/controls/OrbitControls.js';importmodelfrom'./model.js';//模型对象//场景constscene=newTHREE.Scene();scene.add

qq_35430208·2024-09-15 20:02

若依后端正常启动但是uniapp移动端提示后端接口异常

pc端能用模拟器也能正常连接接口，手机端真机调试连不上接口解决：1.先看config.js的填自己的ip地址module.exports={//baseUrl:'https://vue.ruoyi.vip

大可大可抖·2024-09-15 20:02

好看的vue登录页面(附源代码背景图)

一、效果展示二、代码你好!欢迎回来登录忘记密码?注册exportdefault{name:"MedLogin",data(){return{confirm_disabled:false,loginForm:{no:'',password:''},rules:{no:[{required:true,message:'请输入账号',trigger:'blur'},{min:3,max:6,messag

小小薛定谔·2024-09-15 19:28

uniapp 获取各种小程序code

各种小程序在进入小程序是都需要去获取code才能拿到基础信息，自己记录一下用uniapp开发小程序是获取微信小程序、百度小程序、头条小程序、支付宝小程序的codeVue.prototype.

灵魂清零·2024-09-15 18:52

推荐频道