- 博客(65)
- 收藏
- 关注
RSS订阅原创 【AI绘图模型介绍】Checkpoint / LoRA / VAE / Embeddings 模型是什么?
吐槽一下 , 现在的大环境来说Ai已经是越来越绕不开的一个技术点了 , 现在出去不说你懂点Ai人家都觉得你是老古董 , 掌握一些Ai能力还是对我们的职业生涯有很大帮助的 , 能多为我们提升一些竞争力 , 长路漫漫 , 诸君共勉。
2025-03-19 19:38:07
264
原创 【阿里云免费SSL证书申请并在Nginx中配置流程】如何申请免费的ssl证书并配置到自己的nginx服务器上
最近在捣鼓服务器相关的东西，简单记录一下如何申请免费SSL证书，并在nginx中配置，域名什么的自备，就不提及了总而言之还是蛮简单的,也算是经验,记录一下,有什么问题可以留言,一起讨论。
2025-02-26 16:48:31
304
原创 【nodejs+mysql2+docker】node后端开发+docker部署简记
最近朋友在写个人博客,我友情客串帮忙做一个简易的后端,于是有了这篇笔记,我选择的技术栈是,部署使用docker,简单记录一下,先说明本人没有专业的node后端开发经验,纯属自己硬凑,有不专业的地方敬请谅解此文主要是简记,总结一下经验,长路漫漫,诸君共勉。
2025-02-19 21:02:34
404
原创 【JavaScript爬虫记录】记录一下使用JavaScript爬取m4s流视频过程(内含ffmpeg合并)
前段时间发现了一个很喜欢的视频,可惜网站不让下载,简单看了一下视频是被切片成m4s格式的流文件,初步想法是将所有的流文件下载下来然后使用ffmpeg合并成一个完整的mp4,于是写了一段脚本来实现一下,电脑没有配python环境,所以使用JavaScript实现,合并功能需要安装ffmpeg,没有的小伙伴自行安装哦。
2025-02-13 15:36:33
648
原创 【音频可视化】通过canvas绘制音频波形图
这两天写项目刚好遇到Ai对话相关的需求，需要录音功能，绘制录制波形图，写了一个函数用canvas实现可视化，保留分享一下，有需要的直接粘贴即可，使用时传入一个1024长的，0-255大小的Uint8Array类型音频数据源if (!canvas ||!if (!// 清除画布// 设置线条样式let x = 0;i++) {// 将0-255的值归一化为0-1} else {通过调用即可// 持续更新波形});
2024-10-09 13:12:44
1084
原创 【前端工程解耦】使用事件中心实现系统解耦，注册，触发，删除事件
事件中心提供了一种灵活且可扩展的方式来管理事件和处理函数之间的关系，同时保持它们之间的解耦，可以降低系统耦合度，将视图和逻辑拆分出来，还是那句话，如果一个中间件解决不了问题，那就再加一个废话不多说，直接贴代码console.error(`事件异常注册:事件 "${console . error(` 事件异常注册:事件 " ${ event } " 已存在，如需重新注册请调用 $delete( ${ event } ) 移除事件 `);return;
2024-10-06 16:54:51
564
原创 【架构设计笔记】抽象接口、抽象类和实现类
最近学习数据结构与算法，打算写一个用来拓展JavaScript基础数据结构的npm包，例如栈队列链表之类的，从中有了不少收获，主要是关于工程架构角度，写个笔记，总结一下，将从架构设计的角度写写抽象接口抽象类和实现类的内容及其应用。1. 抽象接口（Interface接口定义了一组方法和属性的集合，是一种契约，规定了实现类必须提供的功能。接口本身不包含任何实现，只定义方法签名。特点：强制实现：任何实现接口的类都必须提供接口中定义的所有方法。多重实现：一个类可以实现多个接口，从而实现多重继承的效果。松耦合。
2024-09-27 15:58:35
680
原创 【docker学习笔记】docker概念和命令
创建一个网络查看所有网络删除指定网络清除未使用的网络使指定容器链接加入到某网络使指定容器离开某网络查看网络详细信息。
2024-09-17 20:15:27
1117
1
原创 【微前端记录】微前端qiankun初体验
qiankun 是一个基于 single - spa 的微前端框架，旨在更简单地实现和管理微前端架构。它提供了一套完整的解决方案，用于将多个独立的前端应用程序组合成一个整体，同时支持独立开发、独立部署和独立运行。核心特点简单易用：qiankun 提供了简单的 API ，使得微前端的实现变得更加容易。开发者可以快速上手，无需深入了解 single - spa 的复杂细节。技术栈无关：支持多种前端框架，如 React、Vue、Angular 等。不同的子应用可以使用不同的技术栈，互不干扰。
2024-09-08 17:02:36
784
原创 【前端异常监控】Vue3项目中集成Sentry实现前端错误事件日志监控、记录和聚合
Sentry为一套开源的应用监控和错误追踪的解决方案。这套解决方案由对应各种语言的SDK和一套庞大的数据后台服务组成。应用需要通过与之绑定的token接入Sentry SDK完成数据上报的配置。通过Sentry SDK的配置，还可以上报错误关联的版本信息、发布环境。同时Sentry SDK会自动捕捉异常发生前的相关操作，便于后续异常追踪。异常数据上报到数据服务之后，会通过过滤、关键信息提取、归纳展示在数据后台的Web界面中。
2024-08-02 10:29:07
828
原创 【vue3】全局封装Goole Recaptcha为接口添加自定义人机校验
基础的准备工作就不啰嗦了，自行百度即可，我们直接开始封装集成。到此为止封装就结束了，下面示例如何为接口开启人机验证,添加。里初始化然后导出使用，分析结束，开始实行。环境不满足其依赖的上下文条件，又想着在。使用，但是发现还是不行，到此为止估计是。只能在组件环境中初始化了，所以塞到。塞到请求头里，但是发现。
2024-07-24 14:43:36
473
原创 【Vue3组件】分享一下自己写的简约风格评论区组件(7.31更新回复控制和作者标识)
此组件旨在创建一个具备嵌套回复能力的通用评论区域，适用于构建动态、互动性强的用户讨论场景。userImg: string - 用户头像URLuserName: string - 用户名time: string - 评论时间戳（如 “17小时前”）content: string - 评论内容ReplyData: Array - 子评论集合ReplyuserImg1: string - 回复者头像URLuserName1: string - 回复者用户名userImg2。
2024-06-23 09:43:47
1646
3
原创 GitHub Pages 部署vue3 + Vite项目后 _plugin-vue_export-helper.js 404
原贴重写打包方案// 打包配置<=>?return {// 消除打包大小超过500kb警告input: {},// 静态资源分类打包output: {// TODO: 处理GitHub Pages 部署 _plugin-vue_export-helper.js 404},!.pnpm)(?.groups!?'vender'// }// }导入});
2024-04-19 19:58:38
728
原创 前端Router4.x与Router3.x常用方法差异
history相比较Router3.x略有变化:可选分别对应3.x版本的Hash模式和History模式Hash模式URL中有一个号，号后面的就是Hash地址，这个模式以前是SPA的常用模式，但是链接有一个号比较丑History模式和正常的链接地址一样的，, 这个地址很优雅，但是有一个问题，需要服务器支持。原因是浏览器中输入支持，服务器以为要访问根路劲下的about目录的HTML文件，而不是访问根路劲下的HTML文件。
2024-04-18 18:30:22
613
原创 Vue3+Vite+TypeScript导入组件报错无法找到模块“@/xx/xx.vue”的声明文件
【代码】Vue3+Vite+TypeScript导入组件报错无法找到模块“@/xx/xx.vue”的声明文件。
2024-04-18 16:16:00
460
1
原创 【前端性能优化】使用惰性函数减少无意义的重复判断
惰性函数表示函数执行的分支只会在函数第一次调用的时候执行，在第一次调用过程中，该函数会被覆盖为另一个按照合适方式执行的函数，这样任何对原函数的调用就不用再经过执行的分支了。惰性函数的本质就是函数重写。
2024-04-12 16:25:15
453
原创 【前端webpack5高级优化】提升打包构建速度几种优化方案
所以我们需要做到修改某个模块代码，就只有这个模块代码需要重新打包编译，其他模块不变，这样打包速度就能很快。当项目越来越庞大时，打包速度越来越慢，甚至于需要一个下午才能打包出来代码。（HMR/热模块替换）：在程序运行中，替换、添加或删除模块，而无需重新加载整个页面。开发时我们需要使用第三方的库或插件，所有文件都下载到。文件，这样速度就比之前的单进程打包更快了。编译结果，这样第二次打包时速度就会更快了。三个工具，所以我们要提升它们的运行速度。开发时我们修改了其中一个模块代码，的打包速度，因为其他文件都比较少。
2024-04-03 16:40:27
2302
原创 【前端webpack5高级优化】源代码映射SourceMap
开发时我们运行的代码是经过webpack所有css和js合并成了一个文件，并且多了其他代码。此时如果代码运行出错那么提示代码错误位置我们是看不懂的。一旦将来开发代码文件很多，那么很难去发现错误出现在哪里。所以我们需要更加准确的错误提示，来帮助我们更好的开发代码。SourceMap。
2024-04-03 16:20:29
482
原创 【鸿蒙HarmonyOS开发笔记】通用型工具封装之关系型数据库操作类的封装
开发中难免遇到操作关系型数据库的场景，但是原生的使用起来略显繁琐，此文封装一个通用的关系型数据库增删改查的工具类，只需要少量修改配置即可使用，大幅简化我们的开发成本，提高开发效率。
2024-03-30 20:37:14
1886
1
原创 【鸿蒙HarmonyOS开发笔记】使用媒体查询（mediaquery）实现不同设备响应式布局
/屏幕大小尺寸//保存进AppStorage的字段//媒体查询条件。
2024-03-29 13:54:09
1346
原创 【鸿蒙HarmonyOS问题记录】Panel组件不生效，不正常显示
Panel是可滑动面板组件，提供一种轻量的内容展示窗口，方便在不同尺寸中切换，但是有时候会出现不生效的问题。
2024-03-27 15:02:22
830
原创 【鸿蒙HarmonyOS开发笔记】ArkUI常用组件介绍汇总（更新中）
此文总结开发中用到的一些常用组件，便于查阅，此文持续更新，闲的没事就更。
2024-03-25 18:29:57
1008
原创 【鸿蒙HarmonyOS开发笔记】使用@Preview装饰器预览组件
ArkTS应用/服务支持组件预览，要求为8或以上。组件预览支持实时预览，不支持动态图和动态预览。组件预览通过在组件前添加注解@Preview实现，在单个源文件中，最多可以使用10个@Preview装饰自定义组件。@Preview。
2024-03-25 14:29:35
5880
原创 【鸿蒙HarmonyOS开发笔记】通知模块之为通知添加行为意图
接口说明具体接口描述，详见WantAgent接口文档。创建WantAgent触发WantAgent意图取消WantAgent获取WantAgent的want判断两个WantAgent实例是否相等。
2024-03-21 00:04:56
1126
原创 【鸿蒙HarmonyOS开发笔记】通知模块之发布基础类型通知，内含如何将图片变成PixelMap对象
应用可以通过通知接口发送通知消息，终端用户可以通过通知栏查看通知内容，也可以点击通知来打开应用。显示接收到的短消息、即时消息等。显示应用的推送消息，如广告、版本更新等。显示当前正在进行的事件，如下载等。HarmonyOS通过ANS，通知系统服务）对通知类型的消息进行管理，支持多种通知类型，如基础类型通知、进度条类型通知。通知业务流程由通知子系统、通知发送端、通知订阅端组成。一条通知从通知发送端产生，通过IPC通信发送到通知子系统，再由通知子系统分发给通知订阅端。通知发送端：可以是三方应用或系统应用。
2024-03-20 21:14:55
1581
原创 【鸿蒙HarmonyOS开发笔记】应用数据持久化之通过关系型数据库实现数据持久化
关系型数据库是一种基于关系模型来管理数据的数据库。关系型数据库基于SQLite组件提供了一套完整的对本地数据库进行管理的机制，对外提供了一系列的增、删、改、查等接口，也可以直接运行用户输入的SQL语句来满足复杂的场景需要。不支持Worker线程。关系型数据库基于SQLite组件，适用于存储包含复杂关系数据的场景，比如一个班级的学生信息，需要包括姓名、学号、各科成绩等，又或者公司的雇员信息，需要包括姓名、工号、职位等，由于数据之间有较强的对应关系，复杂程度更高，此时需要使用关系型数据库来持久化保存数据。
2024-03-20 14:59:27
2604
原创 【鸿蒙HarmonyOS开发笔记】应用数据持久化之通过用户首选项实现数据持久化
应用数据持久化，是指应用将内存中的数据通过文件或数据库的形式保存到设备上。内存中的数据形态通常是任意的数据结构或数据对象，存储介质上的数据形态可能是文本、数据库、二进制文件等。HarmonyOS标准系统支持典型的存储数据形态，包括用户首选项键值型数据库关系型数据库。开发者可以根据如下功能介绍，选择合适的数据形态以满足自己应用数据的持久化需要。用户首选项（Preferences）：通常用于保存应用的配置信息。
2024-03-20 12:39:38
1893
原创 【鸿蒙HarmonyOS开发笔记】动画过渡效果之弹簧曲线动画
ArkUI提供了预置动画曲线，指定了动画属性从起始值到终止值的变化规律，如等。同时，ArkUI也提供了由弹簧振子物理模型产生的弹簧曲线。通过弹簧曲线，开发者可以设置超过设置的终止值，在终止值附近震荡，直至最终停下来的效果。弹簧曲线的动画效果比其他曲线具有更强的互动性、可玩性。弹簧曲线的接口包括两类，一类是，另一类是和，这两种方式都可以产生弹簧曲线。
2024-03-18 16:25:03
752
原创 【鸿蒙HarmonyOS开发笔记】动画过渡效果之组件内转场动画,内含ForEach动画
我们在开发中难免设计组件的插入、删除过程。通过组件内转场动画，可定义组件出现、消失的效果。transition函数的入参为组件内转场的效果，可以定义平移、透明度、旋转、缩放这几种转场样式的单个或者组合的转场效果，必须和animateTo一起使用才能产生组件转场效果。Button()当只需要组件的插入或删除的转场动画效果时，仅需设置type属性为或的transition效果。例如，以上代码定义了一个Button控件。删除时，组件从正常位置、没有平移的默认状态，变化到从相对于正常布局位置x方向平移。
2024-03-18 16:19:10
2273
原创 【鸿蒙HarmonyOS开发笔记】动画过渡效果之布局更新动画
动画的原理是在一个时间段内，多次改变UI外观，由于人眼会产生视觉暂留，所以最终看到的就是一个“连续”的动画。UI的一次改变称为一个动画帧，对应一次屏幕刷新，而决定动画流畅度的一个重要指标就是帧率，即每秒的动画帧数，帧率越高则动画就会越流畅。ArkUI中，产生动画的方式是改变属性值且指定动画参数。动画参数包含了如动画时长、变化规律（即曲线）等参数。当属性值发生变化后，按照动画参数，从原来的状态过渡到新的状态，即形成一个动画。
2024-03-18 16:07:33
1515
原创 【鸿蒙HarmonyOS开发笔记】关于页面路由（router）详解
页面路由指在应用程序中实现不同页面之间的跳转和数据传递。HarmonyOS提供了Router模块，通过不同的url地址，可以方便地进行页面路由，轻松地访问不同的页面。本文将从页面跳转、页面返回和页面返回前增加一个询问框几个方面介绍Router模块提供的功能。自定义询问框的方式，可以使用弹窗或者自定义弹窗实现。这样可以让应用界面与系统默认询问框有所区别，提高应用的用户体验度。本文以弹窗为例，介绍如何实现自定义询问框。在使用页面路由Router相关功能之前，需要在代码中先导入Router模块。
2024-03-18 15:37:49
9681
原创 【鸿蒙HarmonyOS开发笔记】深入状态管理,详解@ObjectLink 和 @Observed装饰器
【鸿蒙HarmonyOS开发笔记】状态管理入门在之前的文章中我们简单了解了ArkTS提供了一系列状态相关的装饰器，例如@State@Prop@Link@Provide和@Consume等等。本文我们继续记录各种状态器所能观察到的变化范围@State对于classobject和数组类型，框架仅能观察到@State变量第一层属性的变化，例如persons[0]=new Person('张三',22)，但第二层属性的变化是观察不到的，例如和。@Prop。
2024-03-18 07:17:24
2323
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人