写法vue2 vue js
jeecg2-VUE-全局替换字体（鸿蒙、、、）
 ``` html,body { font-family:-apple-system, BlinkMacSystemF ......
Vue事件总线
下面是一个使用 Vue 事件总线实现两个组件间通信的完整例子： 假设我们有两个组件 A 和 B，需要在它们之间进行通信。具体来说，当组件 A 中的按钮被点击时，需要向组件 B 发送一个事件，使得组件 B 中的数据被更新。 ###创建 EventBus 首先，在 Vue 应用中创建一个 EventBu ......
js static静态类方法
static 类方法是在类本身上定义的。 > 静态方法调用直接在类上进行，不能在类的实例上调用。 ``` class Car { constructor(name) { this.name = name; } static hello() { return "Hello!!"; } } let my ......
前端Vue自定义签到积分获取弹框抽取红包弹框 自定义弹框内容 弹框顶部logo
#### 前端Vue[自定义签到积分获取弹框抽取红包弹框 自定义弹框内容 弹框顶部logo](https://ext.dcloud.net.cn/plugin?id=13204)， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id= ......
前端Vue自定义滚动卡片，可以用于商品海报生成
#### 前端Vue自定义滚动卡片，可以用于商品海报生成， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13189 #### 实现代码如下： # cc-scroolCard #### 使用方法 ```使用方法 ``` #### ......
前端Vue自定义精美tabs，可设置下划线图标 热门标题
#### 前端Vue自定义精美tabs，可设置下划线图标 热门标题， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13186 #### 效果图如下：  组件代码 ```vue ``` 使用代码 ```vue ``` ......
前端 js 获取 baseurl
如果部署一个网站到网络 需要知道对应的ip ，这个时候 前端的baseurl 需要动态调整 ，一般是在public 里面写个config.js ，部署的时候改这个config.js 里面的内容 有一种偷懒的方式就是用户是知道你的ip 的，这个时候可以用 `window.location.host` ......
js节流函数与防抖函数
防抖函数和节流函数都是为了解决JavaScript中频繁触发事件而导致的性能问题，但它们的实现方式和使用场景有所不同。 一、防抖函数 防抖函数的作用是在事件触发后一定时间内没有再次触发该事件时，才执行处理方法。简单来说，就是在最后一个事件被触发后，还要等待一段时间，如果这段时间内没有再次触发事件，才 ......
Vue2.x 基本认识三：Vuex
认识 Vuex 概念（重要） 专门在 Vue 中实现集中式状态（数据）管理的一个 Vue 插件，对 Vue 应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，适用于任意组件间通信。 题外话 前面学过组件间通信的方式有： props：适用于父传子、子传父，兄弟组件之间不行。 ......
flv.js视频流出错，断流处理
flv.js视频流出错，断流处理 可乐加冰515 2023年02月20日 17:45 · 阅读 274 场景：前端使用flv.js播放视频流 Bug表现： 视频流播放两分钟左右video标签出现暂停按钮，控制台flv.js报错：Failed to execute 'appendBuffer' on ......
JS（数组）
一 数组的概念 问：之前学习的数据类型，只能存储一个值。如果我们想存储班级中所有学生的姓名，那么该如何存储呢？答：可以使用数组(Array)。数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。问：什么是数组呢？答：数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类 ......
vue3 手写组合API
# 3. 手写组合API ## 1) shallowReactive 与 reactive ```js const reactiveHandler = { get (target, key) { if (key '_is_reactive') return true return Reflect.g ......
springboot+vue基于Web的社区医院管理服务系统，附源码+数据库+论文+PPT，适合课程设计、毕业设计
**1、项目介绍** 在Internet高速发展的今天，我们生活的各个领域都涉及到计算机的应用，其中包括社区医院管理服务系统的网络应用，在外国线上管理系统已经是很普遍的方式，不过国内的管理系统可能还处于起步阶段。社区医院管理服务系统具有社区医院信息管理功能的选择。社区医院管理服务系统采用java技术 ......
单例模式的N种写法
1. 饿汉式 优点：写法简单，线程安全 缺陷：占用内存高，对象还没有被使用已经被创建出来了。 2. 懒汉式 优点：写法简单，对象使用时才被创建。 缺陷：线程不安全。 3. 加synchronized 优点：写法简单，对象使用时才被创建。 缺陷：接口性能下降明显。 4. 双重检查 优点：对象使用时才被 ......
使用flv.js直播不能自动播放的问题
使用flv.js直播不能自动播放的问题 问题 使用Flv.js做直播，最近发现进入页面后不能自动播放。 原因 查询了一下发现是因为Chrome autoplay policy的影响。 目前的解决方案 由于项目的视频不需要播放音频，所以直接给video标签加上muted属性，进入后可以自动播放。 ......
vue3 中设置 teleport 组件后设置样式不起作用？
在 vue3 的实际开发中，我们经常会用到 teleport 内置组件来将要展示的模态框传送到 body 等外层元素上挂载并展示，主要解决的一种常见场景为：当前模态框需要更高的层级，但是模态框本身外层元素的 z-index 层级比较低，会导致模态框被其他元素覆盖。 实际使用如下 <button @c ......
文件上传-js前端验证
先上传一个文件看看 这里有标识文件类型 方法一:禁用js前端验证使用工具禁用所有的 js 脚本 或者修改 onsubmit 参数 保证 return checkFile()函数返回值为true 第二种方法: 上传png文件 改为php后缀远程执行命令,回显成功 ......
vue 解决 post请求下载文件，下载的文件损坏打不开，结果乱码
axios.post('xxx', { responseType: 'blob' //指定返回数据的格式为blob }) .then(response => { console.log(response);//把response打出来，看下图 let url = window.URL.createO ......
JS（循环）
一 for循环 在程序中，一组被重复执行的语句被称之为循环体，能否继续重复执行，取决于循环的终止条件。由循环体及循环的终止条件组成的语句，被 称之为循环语句 1 语法结构 for循环主要用于把某些代码循环若干次，通常跟技术有关系。其语法结构如下 for(初始化变量;条件表达式;操作表达式）{ //循 ......
electron中调用node.js API
主进程在node.js环境中运行，等同于它拥有调用require模块和使用所有node.jsAPI的能力。但是在渲染器进程中，渲染器是无法直接访问require和其他node.jsAPI的，想要访问有以下两种方法： Preload脚本 预加载脚本运行在渲染器环境中，可以在BrowserWindow构 ......
elementplus vue 范围输入框
``` {{ t("Numberofgroups") }} {{ t("Numberofgroups") }} To ``` ``` :deep .line .el-input-group__prepend { border-top-left-radius: 0 !important; border ......
Vue中的Ajax请求和Slot插槽的技术探究
## Ajax请求 Ajax是一种异步的Web开发技术，用于在不刷新整个页面的情况下向服务器发送请求和接收响应。Vue提供了一种简单而强大的方法来处理Ajax请求。以下是在Vue中进行Ajax请求的基本步骤： 1. 安装Axios：Axios是一个流行的JavaScript库，用于进行Ajax请求。 ......
P5JS学习笔记
//启动方法，自动执行 function setup() { createCanvas(400, 400); } //绘画执行方法，自动执行，按设定好的帧数绘制 function draw() { background(25); ellipse(50,50,80,80);//画圆 //鼠标按下事件 ......
js延迟执行代码执行
## 说明 开发遇到,循环每个几秒执行一段代码 ## 代码 ```js let shouldContinue = true; async function run() { for (let i = 0; i setTimeout(resolve, 10000)); // 等待10秒钟 } } // ......
vue--16 购物车加减
效果： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>16购物车加减</title> <!-- <script src="https://unpkg.com/vue@3/dist/vue.globa ......
VUE防止多次点击，重复请求
1.添加自定义文件 preventReClick.js import Vue from 'vue' const preventReClick = Vue.directive('preventReClick', { inserted: function (el, binding) { el.addEv ......
vue-step2
# 目录结构  # 目录解析 - build : 项目构建(webpack) 相关代码 - config: 配置目 ......
vue中禁止浏览器刷新和鼠标右键事件
一、 created() { this.stopF5Refresh(); }, stopF5Refresh() { document.onkeydown = function(e) { var evt = window.event || e; var code = evt.keyCode || ev ......