- 博客(59)
- 资源 (16)
- 问答 (5)
- 收藏
- 关注
RSS订阅
原创 Ant-Design-Vue一版本(Ant-Design-Vue@1) table实现虚拟滚动
首先查看自己项目中ant-design-vue的版本号，目前只支持1版本。
2023-07-24 17:03:10
4447
1
原创 云服务器环境搭建及部署，jdk、mysql、redis、nginx环境搭建
出现如图所示 command not found提示，说明该系统下没有安装过java，若不是则先卸载相关jdk产品。
2023-07-20 10:04:37
4958
原创 jenkins从gitlab上部署前端vue项目
创建存储位置chown -R 1000:1000 /dockerdata/jenkins/ 给uid为1000的权限启动。
2023-07-05 13:52:40
585
原创 VUE前端实现token的无感刷新,即refresh_token
通常，对于一些需要记录用户行为的系统，在进行网络请求的时候都会要求传递一下登录的token。不过，为了接口数据的安全，服务器的token一般不会设置太长，根据需要一般是1-7天的样子，token过期后就需要重新登录。不过，频繁的登录会造成体验不好的问题，因此，需要体验好的话，就需要定时去刷新token，并替换之前的token。后端返回过期时间，前端每次请求就判断token的过期时间，如果快到过期时间，就去调用刷新token接口。：需要后端额外提供一个token过期时间的字段；
2023-05-23 21:30:55
3762
2
原创 苹果手机，点击文本框弹起软键盘，h5网页顶部header导航被顶起
最近使用vant和vue开发项目时，发现表单元素过多，点击靠近屏幕尾部的文本框，发现顶部导航栏header被顶起。话不多说，先扫码体验下这个bug。请用苹果手机，微信扫码。一、正常情况下，顶部导航栏固定在顶部二、点击文本框，弹起软键盘时，顶部导航栏被顶上去了。三、软键盘收回，顶部导航栏又返回到顶部位置四、相关代码<template> <div class="home"> <van-nav-bar title="顶
2020-06-04 09:49:29
2403
6
原创 任务十九 打包部署
本文介绍了前后端项目的本地打包部署和云服务部署方法。本地部署需使用Nginx和PM2工具，前端通过npm run build打包，后端使用@vercel/ncc插件打包，部署后可在局域网访问。云服务部署推荐使用Linux系统服务器，需安装Node.js、PM2和Nginx，将打包文件上传至服务器后配置环境即可通过公网IP访问。针对打包后页面加载缓慢的问题，建议将大体积第三方库（如pinyin转换）移至后端处理，优化性能。最后可通过生成二维码分享应用。
2025-08-19 14:19:26
35
原创 任务十八 搜索页面接口功能开发
本文摘要：文章详细介绍了QQ音乐热门搜索和搜索功能的接口开发过程。首先完成热门搜索接口对接，获取前10条热门标签数据；然后开发搜索功能接口，包括参数配置和数据处理。重点说明了搜索页面组件(suggest.vue)的代码改造，删除前端模拟数据，改为真实接口调用。同时解决了歌手信息显示异常、loading动画优化以及歌曲链接缓存更新等问题。最后对缓存机制进行改进，确保播放链接实时更新。全文围绕接口对接和功能优化展开，提供了具体的技术实现方案。
2025-08-19 14:17:40
9
原创 任务十七 排行页面接口功能开发
本文介绍了QQ音乐排行榜功能的前后端接口对接过程。首先通过修改server.js和创建ranking.ts文件完成排行榜接口调用及数据处理，确保数据格式转换正确。接着处理排行详情页面接口，复用已有歌曲信息处理函数，实现与推荐歌单、歌手详情类似的接口调用方式。最后完成页面数据对接，验证了排行榜及详情页面的歌曲和歌词加载功能正常运作。全文约150字，概括了开发过程中的关键接口对接步骤和数据处理方法。
2025-08-19 14:16:28
7
原创 任务十六 推荐歌单详情接口开发
本文档主要介绍了音乐应用开发中的接口对接与功能优化工作：1.完成了推荐歌单详情接口开发，采用与歌手详情相同的处理逻辑，将数据处理函数抽离为公共方法；2.优化了loading动画显示逻辑，改为根据接口响应时间动态控制；3.实现了歌单歌曲播放链接和歌词获取功能，复用现有方案；4.对推荐页面、歌手详情页等进行了统一修改和测试，确保各功能正常运行且无报错。通过代码复用和逻辑优化，提高了开发效率和功能一致性。
2025-08-19 14:15:01
6
原创 任务十五 歌手页面接口开发
本文详细介绍了音乐平台开发中歌手相关接口的对接与数据处理流程。主要内容包括：1）歌手列表接口的对接与数据格式转换；2）歌手详情接口的实现及歌曲数据处理；3）歌曲播放链接获取及歌词接口的对接与Base64解码处理。文章重点讲解了如何将QQ音乐API返回的数据转换为项目所需格式，并强调了数据转换和编码处理的重要性。通过服务端接口编写、API调用和前端数据处理等步骤，最终实现了歌手信息展示、歌曲播放和歌词显示等功能。
2025-08-19 14:13:17
7
原创 任务十四 推荐页面接口开发
本文详细介绍了对接QQ音乐接口的开发流程，包括接口准备、推荐页面实现和sign问题解决。首先通过axios和第三方接口获取音乐数据，并处理跨域问题。在推荐页面实现中，重点解析了轮播图和歌单数据的字段转换问题。针对sign加密问题，提出改用Node.js搭建服务端进行加密的解决方案，解决了前端加密不稳定的问题。最后通过服务端封装优化接口调用流程，实现了前后端分离的稳定对接。文章还强调了前后端字段统一的重要性，并提供了完整的实现方案和错误处理方法。
2025-08-19 14:12:01
37
原创 任务十三 路由相关问题及优化
本文探讨了Vue项目中由keep-alive引起的组件重复渲染问题及其解决方案。作者发现歌手详情页的onMounted钩子异常执行多次，经排查发现是路由配置不当导致的多级缓存问题。解决方法包括：1）合理配置路由表的keepAlive标识；2）确保路由名称与组件声明一致；3）优化数据获取方式，优先使用组件传值；4）修正多级router-view导致的重复渲染问题。最终通过规范路由配置和优化组件结构，解决了keep-alive引发的性能问题，并删除了调试用的console.log语句。
2025-08-19 14:10:38
6
原创 任务十二 我的页面及添加歌曲功能开发
本文主要介绍了一个音乐播放器项目的功能开发过程。首先完成了添加歌曲功能，包括组件开发、数据来源切换和播放记录缓存处理。随后开发了用户中心功能，实现收藏歌曲、最近播放记录展示及随机播放功能。在开发过程中解决了搜索显示问题、列表滚动异常、缓存数据丢失等技术难点，并优化了页面跳转动画效果。最后针对歌曲播放链接403问题提出了前端临时解决方案，通过更新缓存URL确保播放正常。整个项目实现了从本地数据到对接真实音乐接口的完整流程。
2025-08-19 14:08:19
44
原创 任务十一 搜索页面开发
本文详细介绍了音乐搜索页面的开发流程，主要包括四个核心功能模块的开发：1. 搜索框功能实现双向数据绑定和防抖优化；2. 热门搜索标签的展示与点击交互；3. 搜索结果列表的渲染、分页加载和滚动优化；4. 搜索历史记录的存储、展示和删除管理。开发过程中重点解决了组件间通信、数据绑定、性能优化（防抖节流）、滚动加载逻辑、自动填充屏幕等技术难点，并采用Pinia进行状态管理，最终实现了一个功能完整、交互流畅的音乐搜索页面。
2025-08-19 14:04:50
140
原创 任务十 排行榜页面开发
该文章介绍了音乐排行页面的开发流程：1）基于top.json数据构建基础页面框架；2）实现loading动画增强体验；3）开发详情页时复用歌单模板，但需特殊处理排行数字显示（前三名用图标）；4）修改song-list组件支持排行标识；5）最终实现带排行的歌曲列表功能，数据后期将从QQ音乐接口获取。开发过程涉及Vue组件编写、路由配置和状态管理。
2025-08-19 14:01:18
4
原创 任务九 歌单详情页面开发
本文介绍了歌单详情页面的开发流程。该页面与歌手详情页设计类似，共用了music-list组件。开发步骤包括：1）创建歌单详情页视图文件；2）配置路由；3）复用歌手详情页代码进行修改；4）在store中缓存推荐歌单信息；5）实现歌单跳转功能。最终实现了点击推荐歌单跳转详情页、返回首页等功能。文中指出该开发主要采用代码复用方式，后期将对接QQ音乐API实现完整功能。
2025-08-19 13:59:03
5
原创 补充 音乐播放链接失效问题临时解决方案
音乐播放链接403错误的解决方法：播放链接通常24小时失效，需手动更新。通过QQ音乐官网获取新链接：登录后搜索目标歌曲，进入播放页，在开发者工具中找到m4a格式的播放链接，替换json文件中的旧URL即可。若遇到字体加载警告，可在SCSS样式中添加相应代码解决。这种方法适用于未对接后端接口时的临时解决方案。
2025-08-19 13:56:49
4
原创 任务八 播放器开发
本文详细介绍了音乐播放器从设计到实现的完整开发过程。首先分析了播放器的基本功能模块，包括播放模式、歌曲控制、进度显示等。接着阐述了播放器状态管理的实现方案，采用Pinia进行状态管理并通过枚举类定义播放模式。在组件开发部分，重点说明了播放器主体组件、迷你播放器组件和播放列表组件的设计与实现，包括歌曲切换、进度条控制、歌词同步、动画过渡等核心功能。此外，还介绍了项目中代码规范化的实践，如类型抽离封装、通用组件解耦等优化措施。最后解决了播放列表滚动适配、性能优化等实际问题，完成了一个功能完善、用户体验良好的音乐
2025-08-19 13:54:40
248
原创 任务七 歌手详情页面开发
本文详细介绍了歌手详情页面的开发过程。首先分析了页面结构，包括歌手图片和歌曲列表；然后逐步实现路由配置、组件封装、样式布局和交互功能。重点解决了页面跳转传参、状态管理（采用Pinia持久化）、滚动列表优化、无数据提示等关键问题。开发过程中运用了路由嵌套、组件复用、过渡动画、自适应布局等技术手段，最终实现了完整的歌手详情功能，包括歌手信息展示、歌曲列表滚动播放、返回操作等交互体验。文章还分享了状态持久化、性能优化等进阶技巧，为类似页面开发提供了完整解决方案。
2025-08-18 13:40:57
103
原创 任务六 歌手页面功能开发
本文详细介绍了歌手页面的开发过程，主要实现了三大功能：1）基于拼音分类的滚动列表，支持字母快速定位；2）滚动时顶部固定标题的交互效果优化；3）右侧标签导航功能，支持点击和滑动快速定位。开发中运用了Vue3组件化思想，通过封装use-fixed和use-shortcut逻辑模块，实现了标题固定切换和右侧导航功能。同时解决了标题重复显示、过渡效果突兀等技术细节问题，最终完成了一个体验流畅的歌手列表页面。
2025-08-18 13:38:41
11
原创 任务五 推荐页面功能开发
本文详细介绍了音乐推荐页面的开发过程，主要包括轮播图组件封装、热门歌单列表开发、滚动加载功能实现和图片懒加载优化等核心功能。通过使用better-scroll插件实现轮播图和滚动列表，运用vue3-lazy处理图片懒加载，并开发自定义v-loading指令实现加载动画效果。文章还讲解了如何利用keep-alive实现页面缓存，确保轮播图状态保持。整个开发过程遵循组件化设计思想，注重性能优化和用户体验，最终完成了一个功能完整、交互流畅的音乐推荐页面。
2025-08-18 13:34:38
262
原创 任务四 路由组件及顶部导航栏功能开发
本文介绍了如何创建一个音乐类项目的页面结构和路由配置。首先在views文件夹下创建推荐、歌手、排行榜和搜索四个基础页面，然后在router文件夹中配置相应的路由跳转路径。接着开发顶部导航组件，通过router和route管理路由跳转，并处理了默认路由跳转和v-for与v-if的优先级冲突问题。最后提供了使用computed属性替代v-if的优化方案。整个过程实现了页面路由的基本功能，并解决了常见的前端路由问题。
2025-08-18 13:30:31
9
原创 任务三 页面入口及顶部header组件开发
本文介绍了音乐APP前端开发中的几个关键配置步骤。首先在index.html中添加移动端适配meta标签，设置视口属性确保自适应显示。其次通过main.ts引入全局样式，并在vite.config.ts配置SCSS变量全局引用。重点开发了可复用的Header组件，包含logo和标题，并在APP.vue中引入。最后解决了TypeScript无法识别.vue文件的问题，通过创建env.d.ts文件声明模块类型。开发过程中通过Chrome开发者工具模拟移动端进行效果验证，完成了顶部功能的开发。
2025-08-18 13:27:12
12
原创 任务二 vue3音乐APP项目基础文件配置
本文介绍了项目开发中的字体图标配置和公共CSS样式管理方法。在字体图标方面，详细说明了使用阿里iconfont字体图标的步骤，包括搜索、添加、下载和项目集成过程。在CSS样式方面，重点讲解了SCSS的使用，包括基础样式、图标样式、重置样式、变量定义和函数样式的封装，并强调了通过index.scss集中管理样式文件。文章还提供了项目初始化后的文件清理指南，包括删除默认文件、清理路由配置和检查报错等步骤，同时介绍了如何移除vueDevTools开发工具。最后针对vscode配置文件显示问题给出了优化建议。
2025-08-18 13:20:39
350
原创 任务一 vue3环境搭建及项目创建
本文介绍了使用nvm安装管理Node.js及创建Vue3项目的完整流程。首先详细说明了nvm的安装步骤，包括下载安装包、常用命令（安装/卸载版本、版本切换等），并强调Vue3需要Node.js 16+版本。随后指导如何创建Vue3项目：通过npm init vue@latest命令初始化项目，完成依赖安装后运行开发服务器。最后附注了项目创建时的配置选项说明，包括TypeScript、路由等可选功能的设置。全文为开发者提供了从环境配置到项目创建的完整指南。
2025-08-18 13:16:11
20
原创 vue3+ts开发问题总结
使用const定义reactive响应式变量后，在对这个变量赋值则会报错，需要声明为let类型的变量。之后就可以直接使用 const {uuid, img} = data 进行js解构了。但使用 const 定义 ref 响应式变量，再进行赋值，则不会提示任何错误。可以使用 const data = Objec.assign(res)类似于上面的形式，对象为Proxy代码，则无法直接使用js进行解构。二、const定义reactive响应式变量，再进行赋值报错。一、proxy对象无法直接使用js解构。
2025-04-15 11:24:34
212
原创 微信小程序隐藏右侧胶囊按钮，分享和关闭即右侧三个点和小圆圈按钮
在微信小程序开发过程中，可能需要将右侧的胶囊按钮、即右侧的三个点和小圆圈按钮关闭掉。这时，我们只需在该页面的json文件中进行相关配置即可。
2025-01-23 15:31:53
3926
2
原创 人工智能行业应用-垃圾识别一
垃圾识别应用主要体现在AI图像垃圾识别技术上，这是一种基于人工智能和计算机视觉技术的图像处理技术，广泛应用于各个领域以提高垃圾处理的效率和准确性。
2024-07-12 14:30:43
220
原创 前端git约定式规范化提交-commitizen
当使用commitizen进行代码提交时，commitizen会提示你在提交代码时填写所必填的提交字段信息内容。
2024-06-29 15:57:46
739
原创 华为云服务器-云容器引擎 CCE环境构建及项目部署
RUN apk add --update ttf-dejavu fontconfig #字体设置，解决验证码字体问题。通过漫长的等待(五分钟左右)，由创建中变为运行中，则表明容器已经搭建成功。使用vim打开 Dockerfile,然后将上面的代码复制进去。找到远程连接工具 解压安装 安装过程略 直接下一步就行。将云服务器中的文件复制到mysql容器中。切换路径至/opt下，并创建app目录。切换到nginx下，创建html目录。安装完成后，打开secureCRT。出现下面问题，需重启docker。
2024-06-08 19:25:12
2631
原创 springboot3.x+springsecurity6.x多种方式登录验证
最新的 Spring Security 5.7 及以上版本，更新了不少内容，之前的 WebSecurityConfigurerAdapter 已经被废弃了，而且，要同时实现用户名密码登录、手机验证码登录、邮箱、微信小程序等登录方式，跟之前的配置方式都会有所不同。
2023-11-24 20:48:05
1982
原创 vscode使用eslint及prettier配合解决代码格式问题
esLint是提供一个插件化的javascript代码检测工具。esLint 配置文件遵循 commonJS 的导出规则，所导出的对象是 eslint 的配置对象。
2023-10-24 20:52:48
1808
springboot简易框架-适合新手
2024-07-02
MySQL8安装时的通用配置
2023-08-15
人工智能：语音合成及语音识别系统
2023-08-15
1000道+互联网大厂Java工程师面试题及其答案.pdf
2023-02-21
ojdbc7.jar资源jar包
2023-02-21
ffmpeg安装包资源
2023-02-21
knife4j-aggregation-spring-boot-starter-2.0.8.jar
2023-02-21
JustAuth-1.15.9.jar
2023-02-21
knife4j-spring-ui-2.0.8.jar
2023-02-21
sonar-maven-plugin-3.4.0.905.jar
2023-02-21
simple-http-1.0.3.jar
2023-02-21
rocketmq客户端(rocketmq-dashboard)
2022-03-30
springboot整合elasticsearch7实现es数据同步，查询、相关度排序、高亮显示、自动补全搜索等功能。
2022-03-31
ssh框架整合jar包(struts2+spring4+hibernate4)
2017-10-31
axure安装软件及破解软件，直接可以下载安装
2019-05-09
canal数据同步配置rocketmq时，如何实现配置多个rocketmq
2022-03-19
PCA降维后，求出多元线性函数，如何还原原始维度,求出原始维度的多元线性函数。
2018-01-30
PCA降维后，求出多元线性函数，如何还原原始维度。
2018-01-26
机器学习sklearn包中的BIRCH算法将欧式距离，修改为余弦距离
2017-11-29
TA创建的收藏夹 TA关注的收藏夹
TA关注的人