前端-VUE 第52页

手写一个Vue的简单双向绑定实例！

一.首先说明一下Vue的双向绑定原理是什么！

一浅小屋和你·2024-02-20 08:24

vite 和 webpack 的区别

Vite和Webpack是两种不同的前端构建工具，它们在设计理念、构建原理和使用方式上有一些显著的区别：构建原理：Vite：Vite基于现代浏览器原生ES模块的导入机制，利用ES模块的特性，将每个模块作为一个个独立的请求处理

我有一棵树·2024-02-20 07:56

【Vue3】路由传参的几种方式

letstr="田本初"2.接收与使用//接收import{useRoute}from"vue-router"constroute=useRoute

田本初·2024-02-20 07:25

WEBPACK和ROLLUP构建前端工具库

vue-cli，基于webpack，vue-cli脚手架工具可以快速初始化一个vue应用，它也可以初始化一个构建库。

ejinxian·2024-02-20 07:52

新窗口打开vue项目中的静态pdf文件，并做权限控制

问题：公司系统做安全测试，其中一个问题是没有登录的情况下，直接访问“项目地址/operate.pdf”此地址，会展示pdf文件。描述：点击系统内的一个按钮会打开新窗口展示系统操作手册（operate.pdf）文件，以下为原本的代码，原来将pdf文件放在public文件夹下（“项目地址/operate.pdf”就是访问的public文件夹下的pdf文件）解决：删除public文件夹下的pdf文件，将

包子脸呀·2024-02-20 07:51

Webpack和Rollup区别、使用场景、如何选择

Webpack和Rollup都是前端构建工具，但它们的设计理念、侧重点和适用场景有所不同：Webpack设计理念与功能：Webpack是一个全能型的模块打包工具，不仅支持JavaScript模块的打包，

陨石猎人·2024-02-20 07:18

vue项目中下载静态资源里的pdf文件

1.把文件放在项目目录src/assets文件下2.在项目是用a标签下载以上项目运行会报错Failedtocompile../src/assets/download.pdf1:0Moduleparsefailed:Unexpectedtoken(1:0)Youmayneedanappropriateloadertohandlethisfiletype,currentlynoloadersareco

加油小吃货·2024-02-20 07:46

Cache-Control浏览器缓存

测试站点数据https://a.aaa.comhttps://b.bbb.com分析判断是否是前端问题通过观察，后退时仍然向服务器发送了请求，调用了config接口，可以排除判断是不是前端本地存储未更新通过观察

时光之里·2024-02-20 07:05

浅谈Java和JavaScript区别与联系

JavaScript最初是Netscape公司的脚本语言，主要用于web浏览器中的客户端脚本，实现前端页面的

Zzexi·2024-02-20 07:33

【删除数组用delete和Vue.delete有什么区别】

删除数组用delete和Vue.delete有什么区别？在JavaScript中，delete和Vue.js中的Vue.delete是两个完全不同的概念，它们在删除数组元素时的作用和效果也有所不同。

Zzexi·2024-02-20 07:32

本地vue项目的本地调试，同一个局域网下如何让其他人也可以访问我的本地项目

本地vue项目的本地调试，如何让其他人也可以访问我的本地项目（同一个局域网下）要让其他人在同一个局域网下访问你的本地Vue项目，你可以通过以下步骤进行设置：启动Vue项目：首先，确保你的Vue项目已经启动并且在本地运行

Zzexi·2024-02-20 07:02

Elasticsearch查询报错 Result window is too large

一现象：es数据分页查询前端提示系统异常，后端报错日志二根本原因：默认情况下，Elasticsearch限制了from+size参数的组合不能超过10,000条记录，用于防止查询大数据集时对系统资源的过度消耗三解决办法

wit_cx·2024-02-20 07:00

Error: error:0308010C:digital envelope routines::unsupported

vue项目，npmrundev的时候出现：Error:error:0308010C:digitalenveloperoutines::unsupported这个是node的版本问题。

探索者丶·2024-02-20 07:57

应用管理中心架构的设计与实现

1.架构概述-介绍应用管理中心的整体架构，包括前端界面、后端服务、数据库存储等组件，并解释它们之间的交互关系。

007php007·2024-02-20 07:21

基于SpringBoot+Dubbo构建的电商平台-微服务架构、商城、电商、微服务、高并发、kafka、Elasticsearc+源代码+文档说明

文章目录项目用到的技术前端使用的技术后端使用的技术项目模块说明项目搭建方式项目开发进度源码下载地址项目基于springboot2.1.6.RELEASE+Dubbo2.7.3来构建微服务。

ldxxxxll·2024-02-20 07:44

vue3 生命周期

2.如何监听组件的不同时刻vue框架为组件内置了不同时刻的生命周期函数，生命周期函数会伴随着组件的运行而自动调用。

咸鱼不咸_123·2024-02-20 07:02

振宇老师专栏：你不得不承认，这护肤的五大禁区，只会让皮肤衰老得更快

二、用撕拉面膜撕拉面膜的作用就是清洁，可以有效地带走皮肤表层和毛孔前端的垃圾，但每次撕下都会扯到皮肤，

振宇_677c·2024-02-20 07:50

Element UI组件的安装及使用

ElementUI是一个基于Vue的桌面端组件库，由饿了么团队开发。它提供了许多封装好的组件，方便开发者快速开发页面。

数字化信息化智能化解决方案·2024-02-20 07:03

Python招聘信息爬虫+数据分析+可视化系统+薪资预测+岗位推荐（大数据项目）计算机毕业设计源码下载

、开发技术pycharm、MySQL数据库/sqlite3数据库、Python3.x版本、Flask框架、Scrapy框架、词云、echartsanconda3、chrome_driver1、开发框架前端

计算机毕业设计指导·2024-02-20 06:39

js图片url反转file文件 vue

场景由于项目需求，需要将图片url转成文件格式上传到服务器参考博客：图片url转file封装jstransferFile.jsfunctionsetInitImg(url,callback){letimg=url;//这里是淘宝上随便找的一张图片let_=thisletimgResgetBase64(img,(dataURL)=>{imgRes=dataURLtoFile(dataURL,img)

一路向北qaq·2024-02-20 06:54

Vue3 学习笔记（Day1）

「写在前面」本文为尚硅谷禹神Vue3教程的学习笔记。本着自己学习、分享他人的态度，分享学习笔记，希望能对大家有所帮助。

Tiger Z·2024-02-20 06:22

如何交接一个前端项目

一.在非交接状态下，需要做好的事情必要的代码注释必要的文档梳理readme即可，记录重要的信息方便自己查阅、方便新的伙伴快速了解项目二.交接readme2.1项目相关的网址项目git地址不同环境的访问权限（或者对应的测试账号/密码）接口文档地址，如yapi项目发版权限，如devops具体权限需求文档list原型文档listbug管理地址，如jira地址性能监测网站埋点数据统计网站oss存储地址ng

coding苏·2024-02-20 06:22

unplugin-vue-components解决命名冲突

我们在vue项目中通常会利用unplugin-vue-components插件进行自定义组件的自动引入注：如果不知道怎么配置unplugin-vue-components插件，欢迎看我整理的这篇：vue3

菜鸟茜·2024-02-20 06:21

vue解决缩小浏览器后倒计时不准确的问题

使用webworker首先安装一下worker-loadernpmi-Dworker-loader其次在vue.config.js里配置一下worker-loadermodule.exports=defineConfig

啊森森啊·2024-02-20 06:21

前端开发常用技巧（update...）

前端开发常用技巧JS1、JavaScript删除子节点的方法2、JS动态生成div并添加点击事件CSS1、文本溢出处理2、使用伪类添加下划线3、使用伪类添加下划线下划线居中4、输入框默认字体颜色5、CSS

一只程序猿小白·2024-02-20 06:19

vue封装el-table表格组件

先上效果图：本文包含了具名插槽、作用域插槽、jsx语法三种：Render.vue（很重要，必须有）:exportdefault{name:"FreeRender",functional:true,props

_处女座程序员的日常·2024-02-20 06:19

VUE3 中导入Visio 图形

微软的Visio是一个功能强大的图形设计工具，它能够绘制流程图，P&ID，UML类图等工程设计中常用的图形。它要比其它图形设计软件要简单许多。以后我的博文中将更多地使用VISO来绘制图形。之前我一直使用的是corelDraw。Visio已经在工程设计中得到广泛的应用。本博客讨论如何将Visio设计的SVG导入webHMI。目的与方法我的目标是使用Visio绘制石化行业的工艺和仪表流程图（P&ID）

姚家湾·2024-02-20 06:43

缓存使用常见思路及问题

没有则走数据库查询一次，将查询到的数据放入redis并给个过期时间，然后将数据返回给前端。对于数据变更来说，直接更新或删除数据库，然后调下redis的删除接口。这样下次请求发现没数据则会从新加载数据。

自律给你自由·2024-02-20 06:43

vue学习笔记

通常，使用VueCLI（Vue的命令行工具）来创建Vue.js项目会自动生成package.json文件。如果你没有使用VueCLI或者其他类似工具，那么可能需要手动创建这个文件。

北京理工大学软件工程·2024-02-20 06:42

前端面试题集合

跨域跨域：首先同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源,jsonp，iframe标签的src属性，前端nginx配置反向代理，nodejs中间件代理跨域或者设置

至尊丨楷君·2024-02-20 06:06

dayjs实现前端消息通知日期格式显示——仿微信消息时间

背景：在做一个消息通知类的需求，在PC端实现消息接收界面，日期显示参考微信聊天界面消息时间提示。具体规则如下：当天：显示时分昨天：显示‘昨天+时分’本周：显示“周几+时分”本周之前：显示“年月日”安装dayjsdayjs()是一个轻量级的JavaScript日期库，用于解析、验证、操作和显示日期和时间。它提供了类似于Moment.js的API，但具有更小的体积和更好的性能。关于时间的复杂处理，建议

三月的一天·2024-02-20 06:31

前端页面点击刷新-触发vue生命周期加载最新数据

需求背景：layout布局，页面头部通过定时器获取后端消息的伪消息通知功能，在点击消息时获取所有消息总数并且刷新页面，以便触发vue的生命周期重新获取所有消息，消息展示在content中。

三月的一天·2024-02-20 06:01

javaScript实现客户端直连华为云OBS实现文件上传、断点续传、断网重传

写在前面：在做这个调研时我遇到的需求是前端直接对接华为云平台实现文件上传功能。

三月的一天·2024-02-20 06:00

pc端vue封装高德地图实现定位 PlaceSearch搜索

首先安装@amap/amap-jsapi-loader官网教程mapContainer.vueimport{onMounted,onUnmounted,getCurrentInstance,ref,inject

KAGHQ·2024-02-20 06:24

idea全局查找字符（查找中文字符）

1.全局查找（输入需要查找的字符后用全局查找）：shift+ctrl+f2.idea中前端页面标题可能使用unicode编码，使用在线工具转换后查找

ziziju·2024-02-20 06:48

深入理解HTTP协议之POST方法——ajax实例

吴俊杰性别：男邮箱：[email protected]文章类型：原创博客：http://www.cnblogs.com/voiphudong/一、说明http协议其实是一个相对比较简单的应用层协议，这么多年来无数前端爱好者前仆后继的在学习和研究它

weixin_30570101·2024-02-20 06:06

Java 后端需要掌握的前端三大件的主要知识十分简洁版本

文章目录1Html1.1基础标签-用来搭建简单的原型界面使用1.2图片音频视频标签1.3超链接1.4关于资源路径1.5列表标签1.6表格标签1.7表单form1.7.1form标签属性1.7.2from标签中type属性不同的取值可以向后端传递的不同内容1.8注意区分列表标签表格标签表单标签2Css2.1Css导入的三种方式2.2选择器2.2.1概念2.2.2选择器分类3JavaScript1、J

CodeDoraemon·2024-02-20 05:26

【前端】tab切换网络加载慢时数据出错？

我们在做tab切换时，有时数据加载的比较慢，或者网络环境不好时，数据返回时仍处于pending状态，再次点击tab切换时，由于第一次点击时数据加载慢，又点击其他tab或返回第一个tab时数据会把第二次tab的数据也push到data里面就比如做一个这样的快速切换错误展示怎么样解决呢？其实方法有很多，你可以使用缓存组件或取消pending状态的请求，还有请求时可以做请求标识。由于我的需求样式差不多且

杨先森不是先生·2024-02-20 05:26

smart-backend-standard-guide前端代码规范

前端JS项目开发规范规范的目的是为了编写高质量的代码，让你的团队成员每天得心情都是愉悦的，大家在一起是快乐的。

ʚ梅梅ɞ·2024-02-20 05:56

尚医通 (十五) --------- 平台管理前端搭建

目录一、管理前端平台搭建二、医院设置管理1.项目开发流程2.分页查询3.删除4.axios响应拦截器5.批量删除6.锁定与取消锁定7.添加医院设置8.显示医院设置9.更新医院设置10.组件重用问题一、管理前端平台搭建

在森林中麋了鹿·2024-02-20 05:55

基于Vue-element-admin实现动态路由

阅读目录Vue实现动态路由简单的角色路由设置复杂的路由权限设置（后端动态返回路由数据）1.Vue实现动态路由通常我们在vue项目中都是前端配置好路由的，但在一些项目中我们可能会遇到权限控制，这样我们就涉及到动态路由的设置了动态路由设置一般有两种

荣~博客·2024-02-20 05:25

js-前端存储之sessionStorage

1.使用场景sessionStorage是WebStorageAPI提供的一种客户端存储机制，用于在浏览器中保存会话级别（session-level）的数据。与localStorage不同，sessionStorage中存储的数据在用户关闭标签页或浏览器窗口时会被清除。2.使用方法使用sessionStorage对象来存储键值对数据，并在当前会话期间访问这些数据。以下是一些常见的sessionSt

哟哟耶耶·2024-02-20 05:24

探索 Electron Egg：构建跨平台桌面应用的理想选择

ElectronEgg作为一个结合了Electron和Vue.js的框架，为开发者提供了一个简单而强大的工具，使他们能够快速构建出优秀的桌面应用。

琴剑飘零西复东·2024-02-20 05:53

js-后端返回参数前端动态切换组件样式

1.js枚举//枚举-js//对应的icon显示EnumUtil.Type={COMMON:1,BUY:2,PRODUCE:3}2.动态公共样式组件importEnumUtilfrom"../js/EnumUtil.js";exportdefault{name:"TaskIcon",props:{//状态值变化statues:{type:Number,default:null,},},method

哟哟耶耶·2024-02-20 05:23

vue2.0 引入font-awesome

第一步：安装依赖npminstallfont-awesome--save第二步：然后在main.js引入font-awesome/css/font-awesome.min.css即可import'font-awesome/css/font-awesome.min.css'

LI_4058·2024-02-20 05:09

jq 图片懒加载 + Vue-Lazyload

jq原生图片懒加载Document//先调用，保证可视区域的图片显示lazy();functionlazy(){varimgS=Array.from($('img'));//获取页面img元素数组//console.log(imgS)varimgL=$('img').length;//获取页面img元素数量//console.log(imgL)varseeHeight=$(window).heig

阿金要当大魔王~~·2024-02-20 05:16

前端后端传值

1、后端一个或多个参数2、后端的注解不同3、前端传递的Content-Type应该对应的是什么转载于:https://www.cnblogs.com/cuiqq/p/11010042.html

weixin_34309543·2024-02-20 05:15

ajax前端向后端传值问题

文章目录ajax前端向后端传值问题一、前端传值到后端详细步骤二、后端接收值的详细步骤ajax前端向后端传值问题ajax传值就是将你所要传递的值转换成json格式的字符串，从而传到后台。

牛客进阶者·2024-02-20 05:15

ElementUI +++ Echarts面试题&答案汇总

官网地址：http://element-cn.eleme.io/#/zh-CNElementUI是一套基于VUE2.0的桌面端组件库，ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面

阿金要当大魔王~~·2024-02-20 05:15

前端向后端传值为null

后端需要添加@RequestBody注解，前端不能使用"params:"进行传参。具体格式，请参照下图：前端：后端：

yanhongwen1024·2024-02-20 05:13

推荐频道

前端-VUE