vue基础知识

【面试题系列Vue05】跟其他人不太一样的 Vue生命周期总结

数据绑定Vue文本插值在Vue中，最基础的模板语法是数据绑定，例如：{{data}}这里绑定了一个msg的变量，开发者在Vue实例data中绑定该变量：newVue({data:{data:"测试文本"
周三有雨·2024-08-31 09:28

【面试题系列Vue04】Vue.js中 $nextTick 原理及作用

这通常在你修改了一些数据，并且想要等待Vue完成DOM的重新渲染后，才执行依赖于新DOM的操作时使用。
周三有雨·2024-08-31 09:58

Vue 面试题 单页应用和多页应用的区别

一、定义1.单页面应用单页面应用又称SPA(SinglePageApplication)指的是使用单个HTML完成多个页面切换和功能的应用。这些应用只有一个html文件作为入口，一开始只需加载一次js，css等相关资源。使用js完成页面的布局和渲染。页面展示和功能是根据路由完成的。单页面应用跳转，就是切换相关组件，仅刷新局部资源。优点：用户体验好前后端分离页面效果会比较炫酷（比如切换页面内容时的转
莫道一龙·2024-08-31 09:55

【面试题系列Vue06】Vue 单页应用与多页应用的区别

单页应用单页应用这个概念，是随着前几年AngularJS、React、Ember等这些框架的出现而出现的。第一节内容里，我们在页面渲染中讲了页面的局部刷新，而单页应用则是使用了页面的局部刷新的能力，在切换页面的时候刷新页面内容，从而获取更好的体验。SPA与MPA单页应用（SinglePageWebApplication，SPA）和多页应用（MultiPageApplication，MPA）的区别可
周三有雨·2024-08-31 08:54

vue遍历表单加规则校验

添加指标删除型号主要代码:prop=“guOrderProductList.${i}.productModel”:rules=“[{required:true,message:‘产品型号不能为空’,trigger:‘blur’}]”>
33455432·2024-08-31 08:54

Vue3项目中页面滚动加载更多的原生操作

效果:数据未回来就是加载中,加载数据完成后就会显示没有更多的数据了步骤一,定义无限下拉的商品组件:xtx-infinite-loading.vue使用了vueuse中的useIntersectionObserve
是要开心的婷婷呀~·2024-08-31 08:53

v-masonry踩坑 数据不重绘问题

在一堆数据中数据发生改变但是页面没有发生重绘（nextTick）描述场景我的小组里边有很多数据但是当我退出小组回来之后瀑布流出现空白情况请看图通过查看文档发现$redrawVueMasonry可以实现重绘于是各种调用不生效
黎明寄波澜*·2024-08-31 08:53

Vue jquery.masonry 滑动自动加载 瀑布流

虽然masonry.pkgd.min.js最新版本是4.2.0,但是本文章中采用的是V2.1.04，这里面已经集成了imagesloaded，所以不需要引入2次div代码为{{x.title}}</
fanruitian·2024-08-31 08:23

Vue使用el-cascader 实现多级下拉菜单

代码：默认click触发子菜单hover触发子菜单exportdefault{data(){return{options:[],father:[{id:1,pid:'0',name:'安徽省',code:'340000',level:1},{id:13,pid:'0',name:'河北省',code:'350000',level:1}],children:[{code:"340800",id:13
孟宪磊mxl·2024-08-31 08:21

Element Plus& Ant Design(react) 表格的分页封装

一、ElementPlus封装代码：import{onMounted,reactive,ref,toRaw}from'vue'import{ElTable}from'element-plus'importmomentfrom'moment'interfaceUser
孟宪磊mxl·2024-08-31 08:21

vue3+vant4父组件点击提交并校验子组件form表单

先看效果代码如下父组件校验表单import{ref}from'vue';importChildFormfrom'.
再希·2024-08-31 08:51

JavaWeb——前端工程化

2.前端工程化实现技术栈:ES6+Nodejs+npm+Vite+VUE3+Router+Pinia+Axios+Element-plusECMAScript6:VUE3中大量使用ES6语法;Nodejs
A_Tai2333333·2024-08-31 08:21

vue+moment转化日期格式为年月日时分秒！最简洁版

文章目录概要整体架构流程所用组件技术细节小结概要全局实行格式化日期，让你告别冗余处理时间代码整体架构流程使用moment插件实现官网：https://momentjs.cn/所用组件vue2moment
暴富的Tdy·2024-08-31 08:50

Vue的状态管理——Vuex3&4&Pinia

Vue3中Vuex的使用_vue3vuex-CSDN博客VueX详解_组合式vuex-CSDN博客15分钟学会PiniaVuex3和4详解Vuex3Vuex3是Vue.js2.x版本的状态管理库，它提供了一种集中式存储和管理组件状态的方式
GISer_Jinger·2024-08-31 08:49

Vue组件开发系列之Model遮罩层组件

组件源码：https://github.com/AntJavascript/widgetUI/tree/master/model20181030_111804.gif组件结构：代码分析：props参数：props:{opacity:{//组件透明度type:Number,default:()=>{return0.3;}},zIndex:{//组件层级type:Number|String,defau
vue爱好者·2024-08-31 08:05

常用正则表达式集合

最近使用powerautomate制作自动化工作流，一些内容的采集需要使用到正则表达式相对更为便捷，遥想二十年前第一次学习正则表达式的情形，短短三页纸的基础知识，学的人头晕眼花，一些看起来奇奇怪怪的字符串就能干很多行代码才能干成事的
炽天使328·2024-08-31 08:48

Vue + Spring Boot + SQL Server + Python 部署到 Windows 服务器

将Vue+SpringBoot+SQLServer+Python部署到Windows服务器上的具体步骤如下：1.准备服务器远程连接到服务器：使用远程桌面连接（RDP）登录到Windows服务器。
Desire..·2024-08-31 07:44

Vue搭建前端监控，采集用户行为的 N 种姿势

Vue搭建前端监控，采集用户行为的N种姿势最近我在3A平台购买了服务器。在一个产品中，用户最基本的行为就是切换页面。用户使用了哪些功能，也能从切换页面中体现出来。
奋斗的工程师·2024-08-31 06:39

vue3背景下，el-input嵌套在弹出框中，自动聚焦“失效”？如何实现自动聚焦

情景：在一个弹出框中，有一个el-input输入框，想要实现当弹出框出现时，input会自动聚焦。使用input的原生属性autofocus去自动获取焦点失效；使用ref获取el-input元素也显示undefined！！！..............先说结论：使用定时器！！//script标签部分内容constdialogFormVisible=ref(false)//获取到input框cons
Now？！·2024-08-31 06:39

vue 父组件样式影响子组件

vue父组件样式影响子组件，父组件样式如下：.wrap{color:white}子组件的根组件也使用了.wrap选择器：//直接子组件...奇怪的是子组件的文字也变成了白色。
老灯儿·2024-08-31 06:38

VUE子组件传递父组件

背景：子组件传递父组件，是指子组件页面中相关事件操作触发需要在父组件处理才能完成，需要在子组件页面中把这个事件传递给父组件页面中，父组件接收到子组件的事件后就可以完成数据处理了。知识点1.在子组件页面中使用emits声明好要传递的事件和事件会用到的参数2.在父组件页面中，在子组件的标签上，接收组件传递过来的函数实战例子父组件结果：{{count}}importChildfrom"./Child";
凌涑·2024-08-31 06:38

vue3项目导入ansi_up报错

前言也是最近在研究项目里滚动输出log的功能时了解到这个插件的。简介ansi_up是一个轻量级JavaScript库，专为将含有ANSI颜色转义码的文本转换成HTML而设计。无论在浏览器还是Node.js环境中，它都能无缝运行。这个模块以单个ES6JavaScript文件的形式提供，无任何依赖，并且自2011年起已在生产环境稳定使用。安装npmiansi_up在页面中导入import{AnsiUp
夏与冰·2024-08-31 06:08

vue3项目使用EventSource实现流式输出例如滚动日志

前言之前接触的通信方式主要是HTTP请求和WebSocket，这次有机会了解到EventSource，记录一下。简介EventSource是一个浏览器端用于接收服务器推送事件（Server-SentEvents,SSE）的JSAPI。与WebSocket不同，SSE是单向的（服务器到客户端），适用于更新频率不高的实时通知、消息推送等场景。基本用法创建连接consteventSource=newEv
夏与冰·2024-08-31 06:08

前端监控之白屏异常

比如渲染函数报错、Vue或React路由页面没有内容、网页加载很慢很慢以至规定的时间范围内一直没内容。  监控白屏异常能发现一些遗漏的bug并及时修复。
github_35780652·2024-08-31 06:07

腾讯二面：现在要你实现一个埋点监控SDK，你会怎么设计？

在react、vue的错误边界中要怎么处理？什么是埋点监控SDK举个例子，公司开发上线了一个网站，但开发人员不可能预测，用户实际使用时会发生什么：用户
前端私教年年·2024-08-31 06:06

vue3+vite+ts+pinia新建项目（略详细版）

1、新建项目npmcreatevite@latest2、安装依赖yarnaddvue-routeryarnadd-D@types/nodevite-plugin-pagessasssass-loader3
chu_geng·2024-08-31 06:06

vue3+ts报错：找不到模块“./App.vue”或其相应的类型声明

原因是typescript只能理解.ts文件，不能理解.vue文件第一步在src下新建文件env.d.tsdeclaremodule'*.vue'{importtype{DefineComponent}
前端小顾·2024-08-31 06:05

前端速通面经八股系列(六）—— Vue(下)

接上ueueVue下篇四、路由1.Vue-Router的懒加载如何实现2.路由的hash和history模式的区别1.hash模式2.history模式3.两种模式对比3.如何获取页面的hash变化4.
真的很上进·2024-08-31 06:34

vue3+ts项目新建后找不到模块vue或类型{}上不存在属性

在tsconfig.json文件中增加一行代码：让ts识别vue文件"include":["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue
夏与冰·2024-08-31 06:34

MySQL高级课程：索引设计与性能优化的最佳实践

一、索引的基础知识1.1
勤劳兔码农·2024-08-31 04:25

解决npm run dev无法被同局域网访问的问题

解决npmrundev无法被同局域网访问的问题解决npmrundev无法被同局域网访问的问题引言问题分析解决方案1.使用0.0.0.0作为监听地址a.对于基于Node.js的服务器：b.对于VueCLI
道长不会写代码·2024-08-31 03:17

Redis基础知识学习笔记（一）

文章目录Redis简介Redis简介REmoteDIctionaryServer(Redis)是一个由SalvatoreSanfilippo写的key-value存储系统，是跨平台的非关系型数据库,其是一个开源的使用ANSIC语言编写、遵守BSD协议、支持网络、可基于内存、分布式、可选持久性的键值对(Key-Value)存储数据库，并提供多种语言的API。Redis通常被称为数据结构服务器，因为值
晚睡早起₍˄·͈༝·͈˄*₎◞ ̑̑·2024-08-31 03:17

2024最新最全的React面试题

1.react和vue的区别？(1)设计理念:React:更倾向于函数式编程思想，推崇组件的不可变性和单向数据流。Vue:结合了响应式编程和模板系统，致力于简化开发过程。
二丫骑士qq·2024-08-31 03:17

那些旧时光，那个人

“受业”，传授基础知识与基本技能。“解惑”，学生通过主动学习提出他们的疑惑，老师有效地解决知识的困惑。
沐刀·2024-08-31 03:35

PC版微信多开工具解决方案

本文默认读者有Python基础知识，能自行阅读理解代码含义。并提供打包后的EXE文件下载。原创首发CSDN文章，转载请注明来源。
noah__zhao·2024-08-31 02:36

element-ui 日期选择器用value-format 带上“HH:mm:ss”的时候报错

constapp=newVue({el:'#app',data(){return{settleDO}},methods:{
niceLiuSir·2024-08-31 01:31

变形金刚英文句法高中版课程目录

目录第一模块霍去病梦想Ihaveadream*冠词语法逻辑新解第二模块爱到分离仍是爱*英文句法方程式（基础知识和技能）第三模块大黄蜂地球囧体验*英文句法之句式变化第一节见证分手（陈述句）第二节霸道总裁的暖男安慰
唐毓烽变形金刚英文句法·2024-08-31 00:19

都2023了还不会Vue3？一篇笔记带你快速入门

Vue3简介Vue3是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。
Evan-Sky·2024-08-30 23:18

Vue 3 中的 defineAsyncComponent()

import{defineAsyncComponent}from'vue';constAsyncComponent=defineAsyncComponent({loader:()=>import('.
程序员Ocean·2024-08-30 23:17

让理科生沉默，让文科生落泪的题

此文的精华之处在于考你计算机基础知识的同时，顺便考了你其他属文方面的知识，以及各种知识间的相通性。让你用计算机的思想去看待世界，看待万物。
abcdefghijk0987·2024-08-30 22:45

2019-03-21

SPA:单页应用https://baike.baidu.com/item/SPA/175363131.场景（1）中后台管理系统（2）H5前端开发（3）跨端APP开发2.技术栈（1）SpringBootvue-cliIDEnpmElementUI
蜜思1013·2024-08-30 22:08

Web前端

网页开发学习内容:htmlcssJavaScript两个框架:VUE.jsElementUIUI->userinterface用户界面html(HyperTextMarkupLanguage):超文本标记语言文本
2301_78085386·2024-08-30 22:13

Chapter 06 axios使用指南

欢迎大家订阅【Vue2+Vue3】入门到实践专栏，开启你的Vue学习之旅！
Heaven645·2024-08-30 22:42

Vue中怎么根据Token来进行跳转页面和axios请求拦截

首先我们来说一下怎么拦截axios请求并添加head请求头首先我们找到main.js在main.js里面进行判断import{getToken}from'@/utils/auth'//封装的缓存文件axios.interceptors.request.use(config=>{lettoken=getToken();if(token){//判断是否存在token，如果存在的话，则每个httphea
上海老宅男·2024-08-30 21:09

vue响应式原理实现

varinput=document.querySelector('#input')varshowText=document.querySelector('#showText')varobj={}Object.defineProperty(obj,'something',{get:function(){console.log('get')},set:function(val){showText.in
尤小小·2024-08-30 21:34

【vue3|第27期】Vue Router 中的 Meta 属性：灵活控制与增强你的应用

我们一起成长；如果有不对的地方，还望各位大佬不吝赐教，谢谢^-^1.01365=37.7834；0.99365=0.02551.02365=1377.4083；0.98365=0.0006说在最前面：本文vue3
Commas.KM·2024-08-30 21:07

Vue3+Vite 导航与内容div都填了背景，打包的时候，发现直接报错(Rollup failed to resolve import “resource/img/xx.jpg“)的解决

1、先上个打包时报错的图：2、上个一开始的代码：-->上面的代码，在测试的时候，一切都正常的，但是在打包的时候，直接通不过。3、我们来通过定义import解决这个问题：constwordImg=ref('resource/img/word.jpg');说明：也就是我们用ref来包裹一下就可以了，当然这个里的src记住前面加一个：冒号。4、然后我们发现style中的图片打包时，没有报错，但是上传完成
花花鱼·2024-08-30 21:36

前端播放RTSP视频流，使用FLV请求RTSP视频流播放（Vue项目，在Vue中使用插件flv.js请求RTSP视频流播放）

这里来记录一下详细介绍：在Vue中使用flv.js插件播放RTSP视频流
北城笑笑·2024-08-30 20:34

vue实现组件拖拽

效果预览QQ录屏20231016140810组件drag.vueexportdefault{name:"Draggable",props:{list:{type:Array,default:()=>[]
ズ少年瘾·2024-08-30 20:04

【跟苏霍姆林斯基学做教师】4.把基础知识保持在学生的记忆里

学生到了初中和高中就出现学业落后、成绩不良的现象，这主要是因为在小学的时候没有把知识的“地基”打好，没有把基础知识牢固地保持在记忆里，达到牢记终身的程度。
北方一棵松·2024-08-30 20:32
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他