- 博客(123)
- 收藏
- 关注
RSS订阅原创 Cesium在vue3中的简单使用
CesiumJS 是一个开源 JavaScript 库，用于创建具有最佳性能、精度、视觉质量和易用性的世界级 3D 地球仪和地图。从航空航天到智慧城市再到无人机，各行各业的开发人员都使用 CesiumJS 创建交互式 Web 应用程序来共享动态地理空间数据。CesiumJS 基于开放格式构建，旨在为海量数据集提供强大的互操作性和扩展能力。
2025-01-15 16:41:40
992
原创 Echarts实现大屏可视化2
此文章只是展示如何使用Echarts实现大屏可视化，数据都是固定的，如果想要看使用websocket实现的可以看这篇文章Echarts实现大屏可视化_echart 大屏-优快云博客的时候一个人的操作所有人都可以看见，可以实现全局图表主题的切换，主题的切换也是可以实现多个浏览器之间联动的。并且随着浏览器窗口的变化，所有的图表都可以自动适配屏幕的大小。该项目是使用websocket实现数据的实时推送，每一个图表就是一个单独的组件，该组件可以进行全屏和取消全屏的操作，可以实现多个浏览器同时访问。
2025-01-02 18:03:39
1015
原创 Echarts实现大屏可视化
的时候一个人的操作所有人都可以看见，可以实现全局图表主题的切换，主题的切换也是可以实现多个浏览器之间联动的。并且随着浏览器窗口的变化，所有的图表都可以自动适配屏幕的大小。该项目是使用websocket实现数据的实时推送，每一个图表就是一个单独的组件，该组件可以进行全屏和取消全屏的操作，可以实现多个浏览器同时访问。该组件显示的图表并不是一次性将所有的地区数据进行展示，而是按照销售数量从大到小进行排序，然后每次先显示10条数据，每隔2s将数据向左移动一个。三个图表之间的来回切换。三个图表之间的来回切换。
2024-12-23 21:43:28
2245
原创 webpack处理图片资源
过去在Webpack4时，我们处理图片资源通过file-loader和url-loader进行处理。现在Webpack5已经将两个Loader功能内置到Webpack里了，我们只需要简单配置即可处理图片资源。
2024-12-16 20:56:34
532
原创 在vscode中配置react的用户代码片段【Class + function】
使用vscode配置react的用户代码片段【class】：打开vscode，找到左下角的 ⚙【设置】按钮，选择用户代码片段。在输入框中输入react.js，然后选择新建全局代码片段文件。然后打开你要创建react组件的页面，输入rcc回车即可使用。然后将ComponentName替换成组件的名称即可。输入以下代码，并保存。
2024-12-07 11:14:43
360
原创 Webpack开发模式及处理样式资源
👉 css-loader：负责将CSS文件编译成Webpack能识别的模块。👉 style-loader：会动态创建一个Style标签，里面放置webpack中css模块内容。此时样式就会以Style标签形式在页面上生效。👉 less-loader：负责将Less文件编译成CSS文件。👉 sass-loader：负责将Sass文件编译成CSS文件。👉 sass：sass-loader 依赖 sass进行编译。👉 stylus-loader：负责将Styl文件编译成CSS文件。
2024-12-03 11:48:02
1326
原创 Webpack的基础配置
开发模式：仅能编译 JS 中的ES Module语法生产模式：能编译 JS 中的ES Module语法，还能压缩 JS 代码。
2024-12-03 11:13:15
851
原创 在React项目中配置@作为路径别名
⭐ jsconfig.json：用于 vsCode 在编辑过程中输入@后自动将src下的文件目录进行自动联想提示，便于编码。将项目进行重启，然后随便找个位置进行测试，如果输入@/后有路径提示则说明配置成功。进行一层层的查找比较麻烦，所以配置了@别名之后直接从。⭐ craco.config.js：用于项目解读。如果没有配置别名的话每次都需要使用。至此配置@作为别名的步骤就已经完成。要想在 react 项目中使用。
2024-11-07 14:47:48
433
原创 Redux的简介及其在React中的应用
react-redux负责把Redux和React 链接 起来，内置 Provider组件 通过 store 参数把创建好的store实例注入到应用中，链接正式建立。store中的入口文件 index.js 的作用是组合modules中所有的子模块，并导出store。可以直接把count值修改到对应的数字，目标count值是在组件中传递过去的，需要在。在React组件中使用store中的数据，需要用到一个 钩子函数 -单独封装一个函数，在函数内部return一个新函数，在新函数中；
2024-11-07 09:11:05
923
原创 【综合案例】使用React编写B站评论案例
在文本框中输入要评论的文本，然后点击【发布】按钮，即可将评论添加到下方的评论列表当中进行展示；和普通JS变量不同的是，状态变量一旦发生变化组件的视图UI。classnames是一个简单的JS库，可以非常方便的。现在的问题：字符串的拼接方式不够直观，也容易出错。在React中，状态被认为是只读的，我们应该始终。点击删除按钮可以将对应的评论从评论列表中移除。, 从而控制影响组件的渲染结果。
2024-11-05 15:25:08
1005
原创 在Nodejs中使用MySQL数据库
MySQL是一个关系型数据库管理系统，由瑞典MySQL AB公司开发，属于Oracle旗下产品。MySQL是最流行的关系型数据库管理系统之一，在WEB应用方面，MySQL是最好的RDBMS（Relational Database Management System，关系型数据库管理系统）应用软件之一。MySQL是一种关系型数据库管理系统，关系数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。MySQL所使用的SQL语言是用于访问数据的最常用标准化语言。
2024-10-24 15:35:25
568
原创 【视频混剪Demo】FFmpeg的使用【Windows】
此篇文章带来的是 使用FFmpeg实现视频混剪并且可以指定生成视频的数量以及生成视频的时长，此案例也是对前边几篇文章功能的综合。说明：此案例中的代码部分，前端使用的是、后端使用的是👇下方提供的代码为每一部分的核心代码，如果需要案例的完整代码，可以在评论区留言我来私信你！！！👆。
2024-10-24 14:42:12
1567
7
原创 FFmpeg的简单使用【Windows】--- 指定视频的时长
此案例是在上一个案例【FFmpeg的简单使用【Windows】--- 视频混剪+添加背景音乐-优快云博客】的基础上的进一步完善，可以先去看上一个案例然后再看这一个，这些案例都是每次在上一个的基础上加一点功能。在背景音乐区域先点击【选择文件】按钮上传生成视频的背景音乐素材；然后在视频区域点击【选择文件】按钮选择要混剪的视频素材，最多可选择10个；然后可以在文本框中输入你想要生成多长时间的视频，此处我给的默认值是10s即你要是不修改的话就是默认生成10s的视频；最后点击【开始处理】
2024-10-15 17:18:17
1454
原创 FFmpeg的简单使用【Windows】--- 视频混剪+添加背景音乐
ffprobe是FFmpeg套件中的一个工具，用于提取媒体文件的元数据，它可以获取各种媒体文件的信息，包括视频、音频和其他媒体数据。
2024-10-14 14:31:52
1193
2
原创 FFmpeg的简单使用【Windows】--- 简单的视频混合拼接
点击【选择文件】按钮在弹出的对话框中选择多个视频，这些视频就是一会将要混剪的视频素材，点击【开始处理】按钮之后就会开始对视频进行处理，处理完毕之后会将处理后的文件路径返回，并在页面展示处理后的视频。是一个通配符，表示所有已知的视频文件类型。指定了只接受视频文件类型，这将过滤掉非视频文件，使得用户在选择文件时只能看到并选择视频文件。：表明这个文件输入框允许多个文件的选择。如果没有这个属性，用户每次只能选择一个文件。后端接口的代码是使用。的说明可移步进行查看。
2024-10-12 16:13:35
1089
2
原创 FFmpeg的简单使用【Windows】--- 视频倒叙播放
按钮之后，会先将视频上传到服务器，然后开始进行视频倒叙播放的处理，当视频处理完毕之后会将输出的文件路径返回，同时在页面中将处理好的视频展示出来。：是一个通配符，表示所有已知的视频文件类型。在这里，我们生成了一个唯一的文件名，该文件名包含当前时间戳和一个随机数，以避免文件名冲突，并保留了原始文件的扩展名。：指定了只接受视频文件类型，这将过滤掉非视频文件，使得用户在选择文件时只能看到并选择视频文件。这个实例可以用来设置输入文件、输出文件以及一系列的处理选项。按钮可以选择视频，当点击。时，实际上创建了一个。
2024-10-12 15:19:14
1123
原创 FFmpeg的简单使用【Windows】
下方图像描述了如何使用FFmpeg将一个分辨率为1280*720的MP4视频文件转换为一个分辨率为1920*1080的FLV视频文件，同时保持视频流不变。用途：控制输出视频的质量，比特率越高，通常视频质量越好，但文件大小也会越大。的视频比特率设置为400kbps，音频比特率设置为192kbps，并输出到。用途：用于限制输出音频的长度，特别适用于需要精确控制输出音频帧数的情况。用途：控制输出音频的质量，比特率越高，通常音质越好，但文件大小也会越大。用途：改变输出音频的采样率，通常用于提高或降低音频的质量。
2024-10-11 13:41:04
4171
4
原创 FFmpeg 简介及其下载安装步骤
FFmpeg是一个开源项目，包含了处理视频的强大工具和库。他广泛应用于音视频转换、数据流处理和多媒体录制。作为多媒体的核心工具，FFmpeg为开发者提供了处理音视频文件的完整解决方案。libavcodec：包含FFmpeg支持的所有编码器和解码器。libavformat：拥有处理各种容器格式的所有复用器和解复用器。libavfilter：由许多过滤器组成，你可以根据需要使用他们来修改音频或视频。libavdevice：支持多种不同的输入和输出设备。libavutil：辅助便携式多媒体编程。
2024-10-10 15:15:01
9216
4
原创 在uniapp中实现即时通讯中的【发送语音】
在与好友的对话框中，点击语音图标可以切换到给好友发送语音，长按发送语音的按钮即可开始录音：如果录制时间小于60s时，松手则表示录音结束并将语音消息发送给对方；如果录制的时间超过60s则自动结束，并将语音发送给对方；如果在录制60s之内并且没有松手，而是上滑100像素，则表示取消发送该条语音；
2024-10-09 11:16:25
2153
原创 在uniapp中实现聊天对话中的语音播放【点击同一条语音是暂停和播放，如果当前这条语音播放完毕之后再次点击就是从头播放，如果点击的是不同的语音就是从头播放不同的语音】
在与好友的聊天对话框页面中点击语音进行播放的时候如果你先点击了一条语音，此时该条语音开始进行播放，如果在该条语音播放结束之前再次进行点击，那么该条语音的播放就会被暂停，然后再次点击该条语音，此时该条语音就会从上次播放终端的位置继续开始播放；如果在该条语音播放完毕之后再次点击该条语音，则该条语音将从头进行播放；如果你在该条语音播放播放过程中或者该条语音播放完毕之后，点击了另一条语音，那么将会从头播放你刚才点击的那条语音。
2024-10-09 09:55:17
630
原创 在uniapp中实现长按聊天对话框可以弹出对话框然后可以删除该条对话，单击可以进入该条对话框的对话页面
某一条对话框会弹出一个对话框，点击确定按钮就可以将当前对话框从列表中进行删除，如果点击取消则不做额外操作。如果只是点击了一下，时间小于1s的情况下会直接引入到与该用户的对话框详情页面。
2024-10-08 15:56:21
881
原创 鸿蒙开发实战项目【硅谷租房】--- 项目介绍
这是一个基于 鸿蒙 API12 开发的移动端租房 App，用户可以使用该应用搜索租房列表、查看房屋详情、预约租房等。该项目的tabbar包含五部分，分别为首页、想看、服务、发现和我的。
2024-10-08 13:17:10
800
原创 关于鸿蒙开发中Stage应用模型的相关介绍
应用模型是系统为开发者提供的应用程序所需能力的抽象提炼，它提供了应用程序必备的组件和运行机制。简言之：应用模型就是应用的施工图纸，他规范了：程序运行流程、项目结构、文件功能等……不再主推主推且会长期演进的模型。
2024-09-07 09:52:00
889
1
原创 【综合案例】使用鸿蒙编写掘金评论列表案例
这是掘金评论列表的一个综合案例，设计到的知识点主要是List列表组件，以及父子组件之间的传递和方法的调用，子组件要修改父组件中元素的值，需要使用父组件定义好的传递的方法进行修改，否则并不能实现真正意义上的修改。
2024-09-05 15:53:39
1562
原创 Linux中的常见命令——用户管理命令
默认创建用户的时候会在home文件夹下创建一个与用户同名的文件夹【该用户的主目录】，也可以在创建用户的时候设置该用户主目录的名称。【输入的密码是不在控制台显示的，输入完之后直接按回车键即可】使用wgh用户查看root下的文件。【此时的用户是没有密码的】给创建的用户设置密码。查看某个用户是否存在。
2024-08-27 15:17:48
3762
原创 关于鸿蒙开发中装饰器@Extend、@Styles、@Builder的介绍
名称适合是否可以参数@Extend抽取特定组件样式、事件√@Styles抽取公共样式、事件×@Builder抽取结构、样式、事件√创建私有的@Builder方法，在Column里面使用this.builder()方式调用，通过aboutToAppear生命周期函数和按钮的点击事件改变builder_value的内容，实现动态渲染UI。
2024-08-16 17:31:36
1795
原创 鸿蒙开发中Swiper容器组件常见属性介绍
Swiper滑块视图容器，提供子组件滑动轮播显示的能力。常用属性有loop、autoplay、interval、vertical、indicator
2024-08-16 11:43:50
687
原创 【综合案例】使用DevEco Studio编写抖音生肖抽奖卡案例
页面上有六张生肖卡的背面图，点击立即抽卡的时候会从六张生肖卡中随机抽取一张，并将抽取到的生肖卡片的正面以遮罩层的形式显示在页面上方，点击开心收下按钮后，会将该卡片的背景图替换为正面图，并将其抽中的数量➕1，当六张卡片都集齐的时候，点击开心手下按钮的时候则会触发大奖，大奖是从奖励池中随机抽选一个奖励进行展示，点击再来一次的时候会将前期抽到的卡片及其数量全部重置，然后可以进行第二轮的抽奖。ForEach可以基于数组的个数，渲染组件的个数。角标的位置只有：右上角，左边，右边三个位置。
2024-08-15 15:20:53
856
原创 鸿蒙开发中的Grid布局
如果设置了rowStart/rowEnd/columnStart/columnEnd，GridItem会占据指定的行数(rowEnd-rowStart+1)或列数(columnEnd-columnStart+1)。只有在设置columnTemplate和rowTemplate的Grid中，设置合理的rowStart/rowEnd/columnStart/columnEnd四个属性的GridItem才能按照指定的行列号布局。设置为'0fr'，则这一行的行宽为0，这一行GridItem不显示。
2024-08-15 15:13:32
1464
原创 【综合案例】使用DevEco Studio编写美团购物车案例
商品卡片中的➕和➖是能够进行点击的，每点击一次➕商品的数量就+1，合计处的商品的总价钱和总折扣就会重新进行计算，每点击一次➖商品的数量就-1，合计处的商品的总价和总折扣就会重新计算，当数量为1的时候点击➖的时候就会弹出一个对话框提示用户“至少要选择一件”。
2024-08-10 15:40:33
1213
原创 【练习】使用DevEco Studio编写点赞案例
如果当前处于未点赞状态，那么点击将点赞数+1，并且颜色变为粉色；如果当前已经处于点赞状态，那么点击点赞按钮，点赞数-1，并且颜色恢复为最初的颜色。http://t.csdnimg.cn/KkxaHhttp://t.csdnimg.cn/KkxaHhttp://t.csdnimg.cn/KkxaHhttp://t.csdnimg.cn/KkxaH
2024-08-05 17:35:16
311
1
原创 【抖音卡片】在抖音私信的时候给对方发送抖音卡片链接
在默认情况下，给对方发送连接的时候是以文本的形式展示的可点击的超链接，但是经过处理之后可以将你发送的连接一样卡片的形式展示。选择项目进行部署【自己的】，此处我选择的是这一个，其实只要选一个就行。标签中的图片能够响应式地调整尺寸。为了让图片适应手机屏幕的大小，我们需要确保。微信云托管 (qq.com)的 CSS 属性来实现。
2024-08-05 16:41:18
1454
2
uniapp编写的微信小程序如何实现图片的渐进式加载
2024-05-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人