码喽的自我修养-优快云博客

原创 vue3如何使用bus（事件总线）

在Vue 3中，可以通过创建一个事件总线（event bus）来实现组件之间的通信。要在Vue 3中使用事件总线，主要步骤有：1、创建一个新的Vue实例作为事件总线，2、在组件中引入并使用该事件总线。以下是详细的步骤和示例。

2025-01-10 18:30:00 1686 22

原创 uniApp通过xgplayer(西瓜播放器)接入视频实时监控

文章讲述了在uniapp中因原生video组件功能有限，选择引入xgplayer-flv库来展示直播监控画面。通过render.js在视图层操作，降低通讯损耗并实现高性能交互。代码示例展示了如何在monitor.vue和xgplayer.vue中配置和使用xgplayer，包括视频列表渲染和播放器初始化，以及错误处理和截图保存功能。

2025-01-08 10:02:56 3389 47

原创 [uniapp] 实现扫码功能，含APP、h5、小程序

在众多移动应用中需要用到扫码二维码或条码查询信息的场景比比皆是，如商品管理中查询商品信息，订单跟踪过程中扫码单号查询订单信息和库存管理中的商品盘点。本文讲解[uniapp] 实现扫码功能，含APP、h5、小程序。

2025-01-03 06:00:00 13779 78

原创 uniapp 实现图片上传与回显，完整详细代码

如何在uniapp中实现图片上传和回显？在现代社交网络和电子商务应用中，图片上传和预览功能是非常常见的需求。本文将介绍如何在uniapp中实现图片上传和回显的功能，并给出具体的代码示例。

2025-01-01 22:04:49 2348 62

原创我的创作纪念日

我在2022年9月29日在csdn创作了自己的《第一篇博客》，今天也是我在csdn创作1024天纪念日，我相信优快云作为我们记载知识的平台也是最好不过了！

2024-12-30 16:00:00 808 6

原创 uniapp对接极光推送（超详细完整教程）

关于uniapp的通知栏消息推送，uniapp是有提供详细的官方解决方案的 [unipush](https://uniapp.dcloud.net.cn/unipush-v2.html#)，有兴趣的朋友可以去研读一番。本文主要讲解个人对接极光推送时的心得经验，完整得讲解了极光推送的注册、引入以及在uniapp中的完整代码。有需要的老铁务必仔细看，不然等自己操刀的时候可能一不小心就会出错。

2024-12-27 15:11:05 2594 80

原创在uniapp开发APP时引入和使用高德地图

通过uniapp官网提供的地图组件相关介绍，可以看到针对各个平台不同地图的支持程度，因为开发的项目是Android的APP软件，所以综合以上选择使用高德地图进行开发。

2024-12-25 21:49:31 4673 50

在表格中可以进行单条数据的新增、编辑、删除操作，并能对数据进行校验。表格和表单切换，表单嵌套表格，通过v-if判断当前行的数据是否切换为表单组件。表格编辑定位，通过自带的scope.$index做定位具体是哪条数据做编辑操作，并将该条数据解构赋值给form。取消后数据还原，因为form数据是解构后的，直接取消编辑状态即可。如果是新增状态下的取消，则需要删除最后一条数据。新增数据，初始化form数据，并push到表格数据。

2024-12-04 06:15:00 1114 30

原创 12 个 Vue 开发中的性能优化小技巧，看你用过几个(下)

本文是关于 Vue 开发中性能优化的 12 个小技巧，包括长列表性能优化（不做响应式、虚拟滚动）、避免 v-for 与 v-if 同时使用、列表使用唯一 key、使用 v-show 复用 DOM、无状态组件用函数式组件、子组件分割、变量本地化、第三方插件按需引入、路由懒加载、keep-alive 缓存页面、事件销毁、图片懒加载等，还提及了 SSR 等等.....

2024-12-02 18:30:00 973 34

原创 12 个 Vue 开发中的性能优化小技巧，看你用过几个(上)

2024-12-02 06:00:00 1872 47

原创前端怎么打断点，debugger使用教程

前端怎么打断点，debugger使用教程

2024-11-29 03:30:00 12838 55

原创经典面试题—讲讲forEach、map和for循环的异同点

经典面试题—讲讲forEach、map和for循环的异同点，以及跳出整个循环的办法

2024-11-27 17:00:00 673 21

原创 Vue2 中使用图片查看器 v-viewer

基于viewer.js 插件，用于 Vue 的图像查看器组件，包括viewer.js 的多种引入方式和配置项。

2024-11-27 06:00:00 1050 51

原创什么是 CommonJs 、UMD、CMD、AMD

什么是 CommonJs 、UMD、CMD、AMD?CommonJs是一种 JavaScript 语言的模块化规范，它通常会在服务端的 Nodejs 上使用。项目是由多个模块组成的，模块和模块之间的调用，需要各个模块有相同规范的 API，这样一来在使用的过程中不会有那么多的学习成本，并且对于单个模块来说是类聚的....

2024-11-25 17:00:00 924 47

原创 js — 在script中修改元素样式

js — 在script中修改元素样式的七种方式

2024-11-25 05:45:00 1112 20

原创 JavaScript获取URL参数常见的4种方法

在前端开发中，处理URL参数是一个常见的任务，尤其是在没有框架支持的情况下。虽然许多框架提供了方便的方法来获取URL参数，但有时我们需要依赖原生JavaScript来完成这个任务。这也是面试中经常出现的问题之一。今天让我们一起来探讨如何利用原生JavaScript来获取URL参数值。

2024-11-22 06:45:00 9599 52

原创程序员的最强外设？资深软件开发工程师屏幕选购指南

这款显示器简直就是程序员的最佳搭档！它有啥特别的？屏幕又高又大，28寸3:2屏幕比例，写代码时不用老是上下滚动，一眼就能看到更多内容，能显著提高我的编码效率。可以在不同区域同时打开好几个窗口，比如一边写代码，一边看文档，再腾出地方放设计图，工作效率蹭蹭往上涨！

2024-11-20 09:05:56 1291 35

原创 flex必看技巧：flex为1的父元素被子元素挤出屏幕怎么办？

在前端开发中，我们经常会遇到这样的布局：在一个容器中，排布有两个元素，A元素宽度固定，B元素宽度自适应。我们使用flex: 1的属性让自适应的元素占满了剩余空间，在一些普通场景中，上述用法是完全没有问题的，但是，当这个自适应元素（父元素）内部有子元素且子元素宽度大于父元素时，问题就出现了。

2024-11-20 04:30:00 1022 58

原创 pnpm的安装及其使用教程(汇总)

pnpm是Node.js的替代包管理器,它是npm的直接替代品,速度更快、效率更高,它由npm/yarn衍生而来,但却解决了npm/yarn内部潜在的bug,并且极大了地优化了性能,本文给大家介绍pnpm的安装及其使用,感兴趣的朋友一起看看吧

2024-11-18 18:00:00 5682 15

原创 uniapp 打包发布小程序的流程指引

本文详细讲解了 uniapp 打包发布小程序的流程指引

2024-11-18 04:15:00 6238 46

原创 JavaScript实现将阿拉伯数字转换成中文或大写中文

现在有需求将亿元之内的阿拉伯数字转换成中文,例如：1234转换后变为一千二百三十四再转换成壹仟贰佰叁拾肆,所以本文给大家介绍了用JavaScript实现将阿拉伯数字转换成中文大写,感兴趣的小伙伴跟着小编一起来看看吧

2024-11-01 04:15:00 2850 25

原创 Vue3/2 组件或元素宽高比固定时基于宽度自适应的一种思路

我们在写Vue组件或者引入背景图时，我们希望当组件的父级宽度一定时，组件能根据固定的宽高比例进行自适应，或者一些背景的自适应，以提高组件的复用性。

2024-10-30 06:00:00 955 24

原创异常抛出机制与处理方法(五) -- 自定义异常

Java中不同的异常类，分别表示着某一种具体的异常情况。那么在开发中总是有些异常情况是核心类库中没有定义好的，此时我们需要根据自己业务的异常情况来定义异常类。例如年龄负数问题，考试成绩负数问题，某员工已在团队中等。自定义异常最重要的是异常类的名字和message属性。当异常出现时，可以根据名字判断异常类型。比如：TeamException("成员已满，无法添加");、 TeamException("该员工已是某团队成员")......

2024-10-28 06:45:00 156 27

原创异常抛出机制与处理方法(四) -- 手动抛出异常对象：throw

new 异常类型([实参列表])，如果创建好的异常对象不抛出对程序没有任何影响，和创建一个普通对象一样，但是一旦throw抛出，就会对程序运行产生影响了。throw语句会导致程序执行流程被改变，throw语句是明确抛出一个异常对象，因此它下面的代码将不会执行。

2024-10-24 20:00:00 803 22

原创异常抛出机制与处理方法(三) -- 声明异常类型(throws)

在方法声明中用throws语句可以声明抛出异常的列表，throws后面的异常类型可以是方法中产生的异常类型，也可以是它异常类型的父类。如果父类被重写方法的方法签名后面没有 “throws 编译时异常类型”，那么重写方法时，方法签名后面也不能出现“throws 编译时异常类型”。如果父类被重写方法的方法签名后面有 “throws 编译时异常类型”，那么重写方法时，throws的编译时异常类型必须

2024-10-24 15:30:00 910 11

原创 java异常抛出机制与处理方法(二) -- try-catch-finally详解

如果在程序运行时，try块中的代码没有发生异常，那么catch所有的分支都不执行。如果在程序运行时，try块中的代码发生了异常，根据异常对象的类型，将从上到下选择第一个匹配的catch分支执行。此时try中发生异常的语句下面的代码将不执行，而整个try...catch之后的代码可以继续运行。如果在程序运行时，try块中的代码发生了异常，但是所有catch分支都无法匹配（捕获）这个异常，那么JVM将会终止当前方法的执行，并把异常对象“抛”给调用者。如果调用者不处理，程序就挂了。

2024-10-23 22:55:01 1496 29

原创 java异常抛出机制与处理方法（一）

ava中把不同的异常用不同的类表示，一旦发生某种异常，就创建该异常类型的对象，并且抛出（throw）。然后程序员可以捕获(catch)到这个异常对象，并处理；如果没有捕获(catch)这个异常对象，那么这个异常对象将会导致程序终止。java.lang.Throwable 类是Java程序执行过程中发生的异常事件对应的类的根父类。Throwable可分为两类：Error和Exception。分别对应着java.lang.Error与java.lang.Exception两个类.....

2024-10-23 14:08:41 1164 19

原创 java 包装类一文get全部（通俗易懂)

Java针对八种基本数据类型定义了相应的引用类型：包装类（封装类）。有了类的特点，就可以调用类中的方法，Java才是真正的面向对象。由于我们经常要做基本类型与包装类之间的转换，从JDK5.0开始，基本类型与包装类的装箱、拆箱动作可以自动完成。本文还讲解了基本数据类型、包装类与字符串间的转换，以及包装类的其他API和包装类的特点。

2024-10-21 09:28:40 1003 12

原创 JUnit 单元测试（详解）

本文为JUnit单元测试相关知识，下边将对JUnit单元测试概念，JUnit安装与使用，编写和运行@Test单元测试方法，设置执行JUnit用例时支持控制台输入，定义test测试方法模板等进行详尽介绍~

2024-10-18 09:17:40 1456 20

原创注解(Annotation)的定义与使用、常用注解、元注解与自定义注解.....

注解（Annotation）是从JDK5.0开始引入，以“@注解名”在代码中存在。例如：@Override，@Deprecated，@SuppressWarnings(value=”unchecked”)。元注解是指JDK1.5在java.lang.annotation包定义了4个标准的meta-annotation类型，它们被用来提供对其它 annotation类型作说明。当然你也可以自定义注解，一个完整的注解应该包含三个部分：（1）声明（2）使用（3）读取.....

2024-10-16 16:00:00 1281 18

原创枚举类(enum)的定义、使用与注意事项，一文全搞懂！

枚举类型(enum)本质上也是一种类，只不过是这个类的对象是有限的、固定的几个，不能让用户随意创建。在JDK5.0 之后，Java支持enum关键字来快速定义枚举类型。开发中，当需要定义一组常量时，强烈建议使用枚举类。enum中常用方法有：String toString()、static 枚举类型[] values()、static 枚举类型 valueOf(String name)等等。若需要每个枚举值在调用实现的接口方法呈现出不同的行为方式，则可以让每个枚举值分别来实现该方法。

2024-10-16 10:05:22 1950 18

原创 java --- 一文搞懂什么是内部类、不同内部类的使用

将一个类A定义在另一个类B里面，里面的那个类A就称为内部类（InnerClass），类B则称为外部类（OuterClass）。根据内部类声明的位置（如同变量的分类），我们可以分为：成员内部类和局部内部类。如果成员内部类中不使用外部类的非静态成员，那么通常将内部类声明为静态内部类，否则声明为非静态内部类。局部内部类分为匿名局部内部类和非匿名局部内部类.....

2024-10-14 19:00:00 782 25

原创 java ---- 关于接口的常见面试题

为什么接口中只能声明公共的静态的常量？为什么JDK8.0 之后允许接口定义静态方法和默认方法呢？为什么JDK1.9要允许接口定义私有方法呢？说说接口与抽象类的异同点？

2024-10-14 08:00:00 2123 19

原创接口多继承与子类继承多接口时的冲突问题，方法冲突与变量冲突.....

接口多继承与子类继承多接口时的冲突问题，方法冲突与变量冲突。方法冲突时遵循类优先原则和通过“接口名.super.方法名"的方法选择保留哪个接口的默认方法。变量冲突体现在----当子类继承父类又实现父接口，而父类中存在与父接口常量同名的成员变量，并且该成员变量名在子类中仍然可见，或者当子类同时实现多个接口，而多个接口存在相同同名常量........

2024-10-12 19:00:00 762 20

原创 java — 接口(interface)详解，一文彻底搞懂

本文详细总结了接口（interface）的定义与使用、类实现接口与接口的多实现、接口的多继承、多态引用、接口的静态成员与抽象方法、默认方法、私有方法、静态方法的使用.....

2024-10-12 09:36:49 8169 20

原创 java关键字abstract(抽象)详解

在java中，有各种修饰符，如abstract、static、final等，今天主要总结 abstract！ abstract是Java中的一个修饰符，表示“抽象的”，只能用来修饰类和方法，不能修饰属性。如果用来修饰类，表示该类是一个抽象类；如果用来修饰方法，表示该方法是一个抽象方法。抽象方法是一种没有任何实现的方法，该方法的具体实现由子类来完成。

2024-10-10 13:01:01 1063 17

原创【java】final关键字详解

final：最终的，不可更改的。final修饰类，表示这个类不能被继承，没有子类。提高安全性，提高程序的可读性。final修饰方法，表示这个方法不能被子类重写。final修饰某个变量（成员变量或局部变量），一旦赋值，它的值就不能被修改，即常量，常量名建议使用大写字母。

2024-10-09 15:17:17 1158 16

原创【java】代码块详解，静态代码块与非静态代码块

如果成员变量想要初始化的值不是一个硬编码的常量值，而是需要通过复杂的计算或读取文件、或读取运行环境信息等方式才能获取的一些值，该怎么办呢？此时，可以考虑代码块（或初始化块）。一个类中代码块若有修饰符，则只能被static修饰，称为静态代码块(static block)，没有使用static修饰的，为非静态代码块。

2024-10-09 08:53:13 1333 14

原创 java中的单例(Singleton)设计模式，详解

所谓类的单例设计模式，就是采取一定的方法保证在整个的软件系统中，对某个类只能存在一个对象实例，并且该类只提供一个取得其对象实例的方法。单例模式的两种实现方式包括饿汉式与懒汉式。

2024-10-04 22:21:37 1369 39

原创详解Java中的static关键字、静态方法与静态属性

我们有时候希望无论是否产生了对象或无论产生了多少对象的情况下，某些特定的数据在内存空间里只有一份。此外，在类中声明的实例方法，在类的外面必须要先创建对象，才能调用。但是有些方法的调用者和当前类的对象无关，这样的方法通常被声明为类方法，由于不需要创建对象就可以调用类方法，从而简化了方法的调用。这里的类变量、类方法，只需要使用static修饰即可。所以也称为静态变量、静态方法。

2024-10-04 22:11:01 1453 18

Snipaste最好用的截图工具安装包免费下载

Snipaste是一款备受推崇的截图工具，专为提高效率和便捷性而设计。它不仅提供了基本的截图功能，还有一系列高级特性，如编辑截图、贴回屏幕等，使其在同类软件中脱颖而出。这款工具完全免费，无需积分即可下载，对于日常办公或个人使用都非常实用。 Snipaste的操作非常简单，只需按F1键即可快速启动截图功能。它支持多种截图模式，包括矩形、圆形、窗口以及全屏截图，满足用户不同场景的需求。截图完成后，你可以对图片进行编辑，添加文字、箭头、高亮等标记，以便更好地表达和传达信息。此外，Snipaste的独特之处在于其"贴回屏幕"功能，你可以将截图贴回到桌面，作为一个浮动窗口显示，这在演示或者协作时尤其有用。

2024-12-31

前后端分离项目客户交付验收报告

《软件项目客户交付验收报告》是软件开发过程中至关重要的一个环节，它确保了软件产品能够满足预期的功能性、性能性和质量要求，同时也保障了开发方和客户方的利益。以下是对该文档各部分的详细说明： 1. **概述**：这部分简要介绍了项目验收的背景，可能包括项目的起因、目标、开发过程中的主要挑战以及验收的意义，帮助所有参与者理解验收的必要性和当前项目的状态。 2. **基本信息**：列出项目的名称、编号、项目经理以及项目类型和级别，以便识别和跟踪项目。同时，指明开发方和客户方，以及双方的合同关系，明确项目组的主要成员及其在项目中的角色和职责。 3. **角色与职责**：详细定义客户方验收人员和项目组成员的职责，确保在验收过程中有明确的责任划分，避免出现责任不清导致的问题。 4. **培训计划**：如果用户需要接受软件操作培训，此部分应详细规划培训的时间、地点和内容，以确保用户能够熟练地使用交付的软件。以及其他多个板块......

2024-12-31

喜迎元旦喜庆红元旦节ppt模板.zip

随着元旦节的脚步越来越近，人们的喜悦之情溢于言表。在这个充满希望与憧憬的新年开端，一份精心设计的演示文稿是向亲友、同事传递祝福不可或缺的工具。恰逢此际，51PPT模板网推出了一款主题为“瑞雪丰年——喜迎元旦喜庆红元旦节ppt模板.zip”的PowerPoint模板，这不仅是一份为元旦庆典量身定制的演示文稿，更是一份承载着中国传统文化的视觉盛宴。

2024-12-31

计算机网络学习资料全面整理

资源包括计算机网络基础知识考点和一些面试题，希望能够对大家有帮助

2024-12-20

计算机专业新生学习和职业发展的全面指南

本文档为计算机专业新生提供了学习和职业发展的全面指南。首先强调了培养广泛兴趣和探索学习方法的重要性，提倡通过记录笔记、观看相关书籍和视频来提升自我。其次，推荐了几部与计算机相关的电影和书籍，旨在拓宽视野，激发兴趣。接着，详细介绍了计算机专业的职业发展方向，包括网络、运维、数据库、开发、数据、测试、项目产品、安全、新型产业和技术管理等。最后，给出了计算机专业的通用学习流程，分为基础阶段和进阶阶段，并提供了选择学习方向的具体步骤，帮助学生明确目标，制定学习计划。

2024-12-20

圣诞快乐主题CSS3特效

【创意圣诞快乐主题CSS3特效】是网页设计中一种独特的技术应用，主要目的是为网站增添节日氛围，提高用户体验。在这款特效中，CSS3的强大功能得到了充分的展示，通过使用其丰富的选择器、过渡效果、动画和3D变换等特性，创造出令人印象深刻的视觉效果。 CSS3的过渡（transition）和动画（animation）属性是创造动态效果的关键。过渡允许元素在两个状态之间平滑地变化，比如当元素被点击时，它的颜色或大小可以逐渐变化，增加视觉吸引力。而动画则可以创建更复杂的序列动作，比如雪片飘落或者圣诞灯闪烁的效果。这些特效能够使用户沉浸在节日的欢乐气氛中。

2024-12-20

vue2+vant组件库+商城移动端.zip

vue2+vant组件库+商城移动端.zip，本文介绍了如何使用Vue CLI创建移动端项目，并详细讲述了项目初始化过程，包括目录结构调整、图标素材导入、Vant组件库的引入与使用、移动端REM适配的配置，以及Git版本管理和请求模块的封装。此外，还讨论了登录注册功能的实现，如表单验证、验证码处理和Token管理。文章旨在帮助开发者快速搭建和理解基于Vue2的移动端开发流程。

2024-12-11

个人竞聘转正岗位述职报告PPT，简约大气模版

在准备个人竞聘转正岗位述职报告PPT时，应遵循以下几个要点和思路：开场白：简洁明了地介绍自己，表达对此次竞聘的期待和对公司的感激之情。个人简介：概述我的教育背景、工作经验以及在当前岗位的主要职责。业绩回顾：详细列举我在试用期内取得的成就，包括但不限于项目成果、客户反馈、团队协作等方面。技能展示：强调我所掌握的关键技能，如数据分析、市场策划、沟通协调等，并举例说明这些技能如何在工作中发挥作用。问题解决：分享我遇到的挑战及对应的解决策略，展现我的问题解决能力和适应性。未来规划：阐述我对未来岗位的期望和计划，包括短期和长期目标，以及如何为公司带来更大的价值。结语：重申我对公司的承诺和对新岗位的热情，感谢评审团的时间和 consideration。

2024-12-11

TA关注的人

Snipaste最好用的截图工具安装包免费下载

前后端分离项目客户交付验收报告

喜迎元旦喜庆红元旦节ppt模板.zip

计算机网络学习资料全面整理

计算机专业新生学习和职业发展的全面指南

圣诞快乐主题CSS3特效

vue2+vant组件库+商城移动端.zip

个人竞聘转正岗位述职报告PPT，简约大气模版

圣诞节雪花特效代码.html

echarts+vue3项目资料

大数据可视化学习笔记 - Echarts 技术学习指南：从入门到精通

Leaflet 学习资料+代码示例，超详细讲解

程序员教你用20种编程语言说：中秋快乐！

国庆节请收下来自程序员的浪漫祝福

试用（考察）期员工培养计划-模版，技术研发人员通用

商务风黑金，述职报告年终总结PPT模板，研发和管理人员通用

高大上清爽述职报告PPT模板，清新明朗风格

前端/后端程序员季度绩效考核模板

P8大佬的算法解题笔记

在Node.js中实现一个基于事件的日志系统，支持多种日志级别

在React中实现一个高阶组件（HOC），用于在组件加载时显示加载 spinner