Vue路由
单页应用程序(SPA)：通过路由系统把组件串联起来并且只有一个html页面的程序。 多页面应用程序(MPA)：整个应用程序中有多个html页面。 hash路由和history路由的区别 ...
分类 JavaScript 下的文章
Vue面试题总结(持续更新中)
Vue面试题总结(持续更新中) 题目参考链接 https://blog.csdn.net/weixin_45257157/article/details/106215158 由于已经有很多...
Vue通信
什么是通信 通信是组件或模块之间的数据交互，多重通信就形成了数据流，数据流管理的优劣决定了产品能否上线，数据流（通信）越混乱，代码越难维护。 在Vue中常见的通信方式 父子组件通...
highcharts图表及报表展示、导出数据
@ 目录 前言 一、使用highcharts前后端交互展示图表，及使用报表导出 二、实现思路 1.图表可以选择echarts、highcharts，我们这里选择highchar...
Vue初探
MVVM模型
M：模型(Model) ：对应 data 中的数据
V：视图(View) ：模板（理解为html页面)
VM：视图模型(ViewModel) ： Vue 实例对象
...
基于SqlSugar的开发框架循序渐进介绍（12）-- 拆分页面模块内容为组件，实现分而治之的处理
在早期的随笔就介绍过，把常规页面的内容拆分为几个不同的组件，如普通的页面，包括列表查询、详细资料查看、新增资料、编辑资料、导入资料等页面场景，这些内容相对比较独立，而有一定的代码量，本篇随笔介绍...
路由传参的方式
传参方式可划分为 params 传参和 query 传参，而 params 传参又可分为在url 中显示参数和不显示参数两种方式，这就是vue路由传参的三种方式。 ...
记录--vue中使用vue-video-player实现直播推流播放m3u8
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1、安装 vue-video-player npm install vue-video-player --sa...
【Vue+JS】数组存放的多个对象在网页中以列表的形式显示
视频链接（P1-P2）： 尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通 Vue是什么？ 介绍 原生JS实现（ 命令式编码 ） 就一个命名一个命令严格执行 <...
Webpack学习系列 - Webpack5 怎么集成Babel ？
程序员优雅哥简介：十年程序员，呆过央企外企私企，做过前端后端架构。分享vue、Java等前后端技术和架构。本文摘要：主要通过实操讲解运用Webpack 5 如何集成 Babel Babel...
在Webpack 5 中如何进行 CSS 常用配置？
本文摘要：主要通过实操讲解运用Webpack 5 CSS常用配置的方法步骤 前文已谈到可以通过配置 css-loader 和 style-loader ，使 webpack5 具有处...
pinia 入门及使用
自上月从上海结束工作回来 在家闲来无事 想写点东西打发时间 也顺便学习学习新的技术。偶然发现了 pinia 据说比vuex好用些 所以便搭了个demo尝试着用了下 感觉确实不错，于是...
记录--Vue中使用websocket的正确姿势
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1：首先谈谈websocket是什么？ WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSoc...
ElementUI嵌套页面及关联增删查改实现
@ 目录 前言 一、ElementUI如何在原有页面添加另外一个页面并实现关联增删查改？ 二、实现步骤 1.ElementUI代码 2.思路：很简单 1.1 首先通过el-ro...
three.js实现太阳系
前言 刚开始使用three.js时会不太熟悉，想写一些项目增加理解，网上翻了好多文章，不是画立方体就是画三角形，最后偶然看到这个网站，十分炫酷。我们也许没那么牛逼，但我们可以整个简略版的太阳系...
Vxe-table 高亮当前行
需求 1 ：设置初始高亮 子组件： 父组件 需求 2 ：高亮行的变化，需要把数据传递到兄弟组件中 解决办法： EventBus 参考链接： http://t.csd...
Vue3系列2--项目目录介绍及运行项目
1 Vite项目目录 用Vscode打开创建的项目，看到下面的目录结构： 通过运行 npm install 初始化项目后生成两个初始化文件：node_...
一文搞定Vue2组件通信
vue 组件通信方式
父组件将自己的状态分享给子组件使用； 方法：父组件通过子标签传递数据，子组件通过 props 接收
子组件改变父组件的状态; 方法：父组件在子标签上通过...
Vue官方学习笔记
视频地址：https://learning.dcloud.io/#/?vid=0 开发工具：XbuilderX 官方教程：https://cn.vuejs.org/...
VUE实现Web端多人语音视频聊天
1 多人语音聊天功能介绍 本文展示了如何使用 ZEGO Express SDK 构造多人音视频通话场景，即实现多对多实时音视频聊天互动。用户可在房间内与其余用户进行实时音视频通话，互相推拉流。...
vue中如何在自定义组件上使用v-model和.sync
自定义事件 tips
推荐始终使用 kebab-case 的事件名。（v-on会将事件名自动转换为小写，避免匹配不到）
changeData ×
change-data √...
qrcode根据本地数据生成二维码第一次显示跨页面后显示异常
最近写二维码的时候，突然想起之前项目遇到过的一个问题，网上也没有这方面解答，想到大家今后可能也会遇到这类问题，在此记录下来，希望对你们有所帮助，大佬们不喜勿喷，qrcode配合画布canvas本...
通过点击一个按钮控制elementui选择框的展开和关闭
通过elementui的源码可以找到控制选择框展开与关闭的一个方法 toggleMenu ，这里面还有一个自定义指令 v-clickoutside （该指令是为了点击外部元素能够关闭...
记录--5个知识点，让 Vue3 开发更加丝滑
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 最近鼓捣了一下 Vue3 + Vite2，遇到了不少问题，整理了5个可以提高开发效率的小知识，让你在 Vue...
WebRTC实现简单音视频通话功能
1 WebRTC音视频通话功能简介 本文介绍如何基于WebRTC快速实现一个简单的实时音视频通话。 在开始之前，您可以先了解一些实时音视频推拉流相关的基础概念：
流：一组按指定编码格式...