自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(48)
  • 收藏
  • 关注

原创 前端使用(通义千问),因为免费,流式调用(打字机效果和正常效果),AI聊天案例加后端+nodejs,前端都可以自己写

本文介绍了如何搭建一个基于阿里云通义千问大模型的聊天应用。主要步骤包括:1) 申请API token并配置Node.js后端服务,实现普通调用和流式调用接口;2) 使用Vue3构建前端界面,包含聊天展示区和输入框;3) 实现两种交互方式:普通调用和流式调用(打字机效果)。后端使用Express框架处理跨域请求,前端通过Element Plus组件库实现美观UI。该应用支持完整的对话历史记录,并提供了清空聊天功能。最终通过npm命令启动前后端服务,即可实现与AI的交互式对话体验。

2026-03-10 15:11:53 260

原创 微信小程序扫一扫,人脸识别之后走自己的逻辑的流程

该摘要描述了微信小程序中实现扫码后触发人脸识别的流程:首先通过wx.scanCode扫描二维码,成功获取结果后判断是否包含特定标识"face-auth-local";若包含则弹出提示框,用户确认后调用wx.startFacialRecognitionVerify进行人脸验证。验证成功返回errCode为0,失败则提示"验证失败"。整个过程包含了扫码判断、用户确认和人脸识别三个关键环节,需注意人脸识别需用户主动触发。

2026-03-02 16:31:40 26

原创 前端,思维导图关系数据开发——组件relation-graph

Relation-Graph是一个支持Vue2、Vue3和React的关系数据可视化组件,允许开发者通过插槽自定义图形元素(包括HTML元素、Vue/React组件),并提供API接口以构建交互式图形应用。详情见官网:https://www.relation-graph.com/#/docs/graph

2026-03-02 16:13:36 25

原创 npm error code EPERMnpm error syscall mkdirnpm error path C:\Program Files\nodejs\node_cache\_caca

摘要:在创建Vue3项目时出现npm权限错误(EPERM),系统拒绝在C:\ProgramFiles\nodejs\node_cache_cacache目录创建文件夹。错误提示可能是权限不足或文件被占用。解决方法:找到node_cache文件夹,右键属性→安全→将所有组合用户名的权限全部添加(仅添加部分权限仍会报错)。修改权限后问题解决。该问题通常由系统权限设置不当导致,需确保npm对缓存目录有完整写入权限。

2025-12-29 16:31:38 235

原创 在谷歌浏览器上的谷歌商店进不去,可以使用...

Vue安装包浏览器扩展安装指南 下载并解压Vue安装包 打开浏览器扩展程序页面 启用开发者模式 将解压后的Vue安装包拖入扩展程序界面完成安装 注意事项:需确保浏览器支持扩展程序安装,开发者模式仅在安装时需要开启,安装完成后可关闭。

2025-12-29 15:22:05 259

原创 nvm的安装和使用,安装node,切换版本等

NVM(Node Version Manager)是一款管理多版本Node.js的工具,解决不同项目对Node版本的兼容性问题。安装时从官网下载nvm-setup.zip自动安装包,推荐安装在C盘。安装完成后,通过管理员终端运行nvm -v验证安装,使用nvm ls查看已安装版本。安装新版本用nvm install 版本号,切换版本用nvm use 版本号。常用命令包括查看可用版本、安装指定版本、切换当前版本等。NVM简化了Node版本管理,支持同时维护多个版本环境。

2025-12-29 11:15:57 1551

原创 前端也可以简单直接部署项目给大家推荐一个好用的网站

摘要:Sealos云服务注册地址为https://cloud.sealos.run/?uid=uQPl-yqjlT,直接浏览器打开即可注册。另附B站教学视频链接https://www.bilibili.com/video/BV1VC411x7Qp,该视频详细讲解Sealos使用方法,包含快速入门指南。(49字)

2025-12-25 16:12:44 229

原创 NumAnimation让数字加载的时候动起来

【代码】NumAnimation让数字加载的时候动起来。

2025-12-16 16:33:57 117

原创 js滚动到指定元素

window.scrollTo没有效果不知道为啥。后来改成了这个就行了。

2025-11-11 17:26:08 104

原创 邪修使用AI做前端:给大家分享一下我平时用AI怎么快速的做前端

大家看到这种图大多数应该会先去打开echarts的官网先看案例有没有类似的获取,或者直接去看文档,我现在就会直接发给AI给他给我写哈哈哈哈。这样豆包就会直接帮我们写好,之后把option中的内容直接复制到咱们的代码的option中。大多数复制完成之后可能图会显得有点小或者特别的居中,不要慌这边我也是调试好了。就会是这个效果,如果有点差距的话可以再慢慢调整。就比如echarts图的。

2025-10-31 11:30:16 246

原创 vue图片懒加载,滚动到哪里显示哪里的图片

二,逻辑在vue的 directives生命周期内写。一,img标签的配置。

2025-10-28 15:11:01 229

原创 在使用v-loading的时候值为false的情况下页面出现白色遮罩层的问题,但是应用还是可以透过遮罩层去点击

文章摘要: 在客户端部署时出现灰色遮罩层异常问题,尽管在data和created生命周期中已初始化为false并尝试调整z-index仍未解决。最终通过页面加载时主动将fullscreenLoading设为true,并在接口调用后添加300毫秒延迟设为false,成功解决问题。该方法避免了复杂的排查过程,有效适配了初始化时机差异。

2025-08-28 09:44:54 209

原创 window.electronAPI客户端打开方式

本文介绍了Electron应用中四种窗口操作方法:1)新建标签页,2)弹出新窗口,3)调用默认浏览器,4)启动其他客户端程序。对于第四种方法,提供了两种启动方式:通过显示名称或注册表可执行文件名,并详细说明了如何查找应用的可执行文件路径(通过任务管理器定位)。最后给出了调用示例代码,包含错误处理和结果判断逻辑。这些方法覆盖了Electron应用常见的窗口管理需求。

2025-08-26 11:31:31 328

原创 页面添加水印,这是一个组件封装好的,那也页面用引入一下放到最顶层的div就行

【代码】页面添加水印。

2025-07-25 10:00:24 137

原创 微信小程序快捷登录流程

【代码】微信小程序快捷登录流程。

2025-06-27 10:28:19 252

原创 指定某个元素进行全屏

【代码】指定某个元素进行全屏。

2025-06-26 16:10:16 281

原创 echarts饼状图自定义提示和修改文字等

【代码】echarts饼状图自定义提示和修改文字等。

2025-05-22 16:01:24 546

原创 超好用的echarts的时候页面有多个图的话,只会自适应最后一个图的解决办法

/在每一个创建好的chart之后放到这个数组里面。// 在组件销毁时移除事件监听,避免内存泄漏。之后在最后一个echarts图中引入这应就可以了。// 销毁所有 ECharts 实例。

2025-05-07 09:36:12 194

原创 超级好用的vue兼容全部页面大小

【代码】超级好用的vue兼容全部页面大小。

2025-04-17 16:10:00 185

原创 超级好用前端CSS单位!效率翻倍!在做h5页面或者小程序的时候vh,vw页面变多或者变少或者失效的问题:大型、小型和动态视口单元

在做h5页面或者小程序的时候vh,vw页面变多或者变少或者失效的问题:大型、小型和动态视口单元,为解决此问题,在 CSS 工作组指定了视口的各种状态。如svh,lvh,dvh

2025-04-15 11:06:09 474

原创 大屏适配,跟着宽度高度进行自动适配

【代码】大屏适配,跟着宽度高度进行自动适配。

2025-04-08 14:26:00 139

原创 超详细微信小程序的获取其他小程序跳转到我的小程序的时候传参和接收,也可以在开发工具中模拟其他小程序跳转当前我们小程序的场景

微信小程序的获取其他小程序跳转到我的小程序的时候传参和接收,也可以在开发工具中模拟其他小程序跳转当前我们小程序的场景

2025-04-08 10:01:43 766

原创 前后端开发最近挺火的两个Ai编辑器

可以看B站视频链接:https://www.bilibili.com/video/BV1MR9kYyEZG/?免费白嫖教程1:https://www.bilibili.com/video/BV1yorUYWEGD?它都是基于VSCODE, Vim, Jetbrains, Emacs, Sublime, Atom更改的,下载完之后可以继承之前编辑器的所有配置。智能问答与代码自动补全: 支持通过自然语言描述需求,自动生成相应的代码,减少手动编写代码的时间。

2025-03-31 14:52:01 982

原创 echarts清理div元素重新赋值,刷新的时候或者交互的时候使用

else {

2024-09-24 11:28:53 624

原创 webpack5大核心

3.loader(加载器)webpack本身只能处理js,json等资源,需要借助loader,webpack才能解析。5.mode(模式)主要由两种模式:开发者模式:development,生产模式:production。2.output(输出)指示webpack打包完的文件输出到哪里去,如何命名等。1.entry(入口)只是webpack从哪个文件开始打包。4.plugins(插件)扩展webpack的功能。

2024-09-04 10:14:30 325

原创 vue加若依点击按钮关闭当前页面和清理面包屑

【代码】vue加若依点击按钮关闭当前页面和清理面包屑。

2024-08-15 10:55:59 817

原创 JAVA的基础数据类型和引用数据类型,变量格式

1.变量的理解:内存中的存储区域,该区域的数据可以在同一类型返回内不断变化。* 整型:byte \ short \ int \ long。* 3.Java中变量声明的格式:数据类型 变量名 = 变量值。* 2.变量的构成包含三个要素:数据类型,变量名,存储的值。* 注解(annoutation)* 4.Java中的变量按照数据类型来分类。* 接口(interface)* 记录(record)* 数组(array)* 类(class)

2024-08-07 10:20:30 167

原创 使用vue+若依实现上传图片,上传图片之后不会立即渲染

强制刷新dom,加在3的200之后吧,url给到form.字段之后。如果上传图片调用成功200,但是页面没有及时刷新的话可以加一个。

2024-08-06 11:26:13 548 1

原创 时间戳转换年月日遇到的问题

我在添加的时候选好的年月日并且转换成时间戳传给了后端,我在列表页面也获取到了,我给后端传的,但是我选的是2024年8月6号,但是转换好之后显示的是1。然后就找问题,是不是我的转换有问题一开始用的$dayjs不行就自己封装了个结果还是不可以,然后突然看到类型似乎不太一样就是这吧类型变成了数字类型就可以了。

2024-08-06 11:01:24 336

原创 前后端联调内网穿透Cpolar Web UI

这些就是地址可以给别人访问。下载好之后在浏览器输入。前后端联调内网穿透Cpolar Web UI

2024-08-02 16:49:12 520

原创 【ttlock】通通锁原生插件用法

通通锁原生插件,方法callback固定为一个对象,内含和success的方法内根据不同的方法会返回不同的参数,具体参考下面的方法介绍fail的方法内固定返回参数e为一个error对象,对象内的属性为errorCode错误码errorMsg错误内容desc详细描述1.1改动:会在每个方法执行前校验蓝牙权限是否充足,权限不足则不会继续执行并提示或请求缺失的权限。

2024-08-01 10:26:40 2615

原创 autojs常用基础指令

【代码】autojs常用基础指令。

2024-08-01 10:10:44 951

原创 在vue中使用imageConversion把图片压缩到指定大小并转换成base64类型

1.下载imageConversion。2.封装了个转base64的函数拿去用。3.页面使用的时候引入。

2024-08-01 09:36:32 419

原创 1.学习aotojs

关闭scrcpy命令:adb kill-server关闭服务。操作命令:scrcpy打开手机投屏。安装手机电脑链接软件scrcpy。

2024-05-21 16:34:05 212

原创 npm i后报错npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolving:

npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolving: shopcar-demo@0.1.0npm ERR! Found: webpack@5.72.0npm ERR! node_modules/webpacknpm ERR! peer webpack@"^4.0.0 || ^5.0.0" from @soda/friendly-errors-webpack-plug

2023-11-08 16:06:03 920 1

原创 vue3的全局事件总线,mitt

用法:新建一个bus文件夹,里面建一个文件index.ts。在用的页面引入接受的页面。

2023-06-25 15:55:37 341

原创 在vue中页面加载进度条实现nprogress

下载npm i nprogress或者 pnpm i nprogress或者cnpm i nprogress等。如果想修改进度条的颜色可以在node_module下的nprogress下的nprogress.css。

2023-06-19 11:09:04 378

原创 git常用的命令,合并分支,版本回退,返回版本,版本管理

现在回退过去了怎末回来那,回来就要用到git reset --hard 版本号,那我们的版本号怎末获取那,就是到命令,git reflog上面会。回退的方法:git reset --hard HEAD^如果想回退两个的话就是git reset --hard HEAD^^以此类推。如果要回退100个版本得到话加^就太麻烦了乖乖,回退多个版本我们可以:git reset --hard HEAD~100。如果上面显示太多太乱的话git log --pretty=oneline。查看历史提交记录git log。

2023-06-08 08:55:27 1245

原创 vue3中使用echarts使用

第四步:在vue3中都是用的setup,在 APP.vue中一般这个文件内都是只放一个router-view的,和一些配置的全局的东西。第二步在src文件夹内新建一个utils文件夹,在文件夹内新建文件echarts.js。复制option中的代码把这些替换了就行了,只会的值通过数据修改就好啦。第三步:把建好的echarts.js文件引入main.js中。第五步:在需要的文件内。

2023-06-06 17:28:45 1853 3

原创 pinia的基础使用和理解

在index.js的内部,先引入import {defineStore} from 'pinia'getters:类似于组件的computed,用来封装计算属性转换的功能。actions:类似于组件的methods,封装业务逻辑,修改state。方式二:如果需要修改多个数据建议使用$patch 批量的更新。pinia的安装和配置:它的使用需要在main.js文件内。state:类似于数组的data用来存储数据的状态。调用他的方法pinia.changState()pinia的下载:npm i pinia。

2023-04-24 11:26:33 513

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除