- 博客(72)
- 收藏
- 关注
RSS订阅原创 偶遇GET http://localhost:8080/xx/xx 404 (Not Found) 和Uncaught (in promise) Error: failed报错的原因...
关于vuecli代理服务，明明给服务器发请求，却报错说，GET http://localhost:8080/xx/xx 404 (Not Found) 和Uncaught (in promise) Error: failed，说给本地发请求了
2025-07-12 13:51:12
149
原创 [特殊字符] Vue3+NaiveUI实现会跳舞的滚动到中心的Tab栏
Vue3技术栈实现Tab居中切换效果，采用组合式API+TypeScript+NaiveUI+Unocss组合。核心通过ref获取DOM元素和滚动条实例，在点击事件中计算目标Tab居中位置并平滑滚动。亮点包括：精准定位Tab居中、平滑滚动动画、选中态视觉反馈以及响应式布局设计。关键技术点：使用scrollTo方法的smooth行为参数实现流畅滚动，通过offsetLeft和clientWidth计算精确滚动位置，配合Unocss原子化样式实现高效样式管理。
2025-07-06 15:40:01
226
原创 uniapp的光标跟随和打字机效果
本文介绍了实现文本输入光标动画效果的完整方案。通过模板定义文本容器和光标元素，使用transform定位光标位置。样式部分包含光标闪烁动画。逻辑实现包括：1) mockResponse方法模拟文本逐字显示；2) updateCursor方法动态计算并更新光标位置，通过创建临时文本节点和Range对象获取坐标；3) getLastTextNode方法查找最后一个文本节点。该方案核心是通过DOM操作和CSS动画实现自然的文本输入效果，适用于需要模拟打字效果的场景。
2025-07-06 15:25:33
230
1
原创 1、uniapp开发微信小程序遭遇的那些事（持续收集中）
小程序开发与H5的插槽使用差异：1.插槽必须直接作为组件子节点，不能被template/v-if包裹，否则微信小程序端会失效；2.混入(mixin)中引入组件无效，小程序不支持该方式。正确做法：1.将v-if移至插槽元素本身；2.组件需在页面直接引入而非通过mixin。这些差异导致从H5转向小程序开发时需特别注意框架限制。（149字）
2025-07-06 14:59:07
319
原创 仿制网易云app的微信小程序【已开源，界面高仿】
仿制网易云app大改版之前的大部分ui界面，自设了部分界面做的微信小程序，请求网易云app真实接口【接口是开源的NeteaseCloudMusicApi】，获取每日推荐，推荐歌单，排行榜，视频，用户歌单等等接口，实现音乐播放、切歌、播放顺序【随机、顺序、单曲】，拖动或者点击进度条控制播放进度等等，视频区可以观看视频，并记录视频播放进度注意：登录页面，有账号密码登录，但是被风控了，登录不了，提供了网易云二维码扫码登录，两个页面都有，用swiper包裹，可以滑动查看。
2024-02-26 15:09:02
1084
2
原创 微信小程序项目上码云gitee传到 git 仓库
微信小程序项目上码云gitee传到 git 仓库建立仓库码云-初始化本地git仓库-本地添加远程仓库-上传
2024-02-26 14:33:04
868
原创 微信小程序创建BackgroundAudioManager实例，播放背景音频
我们页面加载生命周期中时，创建背景音频的实例对象，并挂在this上，这个时候再去创建这个实例上的【监视音乐播放/暂停/停止】方法，通过这个区修改【isPlay】值，控制播放暂停，无论是页面我们自己设置的按钮，或者是通知栏上的按钮都可以。
2024-02-21 16:07:53
1711
原创 使用radial-gradient完成弧形凹陷的绘制
注意：radial-gradient里面三个数值 渐变颜色范围值 3.1 radial-gradient里面三个数值 < 盒子高度，正常显示 3.2radial-gradient里面三个数值>盒子高度，真正的渐变半径还是盒子的高度【你盒子高度还是这么高，渐变半径再大，就切不到底边了】 3.3渐变半径要
2024-02-16 00:44:16
786
原创 微信小程序 video 组件[播新视频旧视频暂停，再次播放延续上次播放时长]
播放新视频，旧视频暂停 ## 1、点击播放时，获取当前 video 组件中的 视频id ## 2、2.1 点击第一个视频，没有视频实例、vid，先在this上创建一个 vid 和创建 视频实例对象 2.2 点击另一个视频，新的视频开始播放，这时的 vid 和 视频实例 还是之前第一个视频的 2.3 判断 this 上的 vid 是否改变，改变了，去判断是否有视频实例 3.4 有视频实例，不管是否播放，去停止它播放，再去记录新的视频实例和vid
2024-02-13 23:17:32
2447
原创 微信小程序scroll-view组件[使用竖向横向滚动，flex布局不起效问题，滚动到下个元素及其滚动动画]
scroll-y属性：使用竖向滚动，必须给scroll-view一个固定高度scroll-x属性：使用横向滚动，必须加以下样式enable-flex 启用 flexbox 布局。scroll-into-view滚动到该元素、scroll-with-animation滚动时的动画
2024-02-13 18:07:31
1706
原创 移动端设置position: fixed；固定定位，底部出现一条缝隙，不知原因，欢迎探讨！！！
在父盒子中有一个子盒子，父盒子加了固定定位，需要子盒子上下都有要边距，用margin或者padding挤开时，会出现缝隙是子盒子背景颜色的。解决方案：1、父盒子不设置颜色，让其为默认的白色2、设置父盒子高度不超过子盒子的【底部】（不包括子盒子的边距）3、子盒子加上transform:translateZ(0);之后，缝隙消失
2024-02-08 13:00:32
1569
原创 微信小程序的图片色彩分析，解决画布网络图片报错问题，窃取网络图片的主色调
问题：由于我们的窃取图片的是需要画布的，我需要使用网络图片去用画布时，微信小程序会报错，最后发现，需要本地图片才行，用网络图片会出问题解决方案：我们使用wx.downloadFile去下载该图片，然后获取临时路径去使用画布和Mini App Color Thief 包 窃取图片颜色，防止图片重复下载的话，我们去用微信小程序中的另一个api，FileSystemManager.access(Object object)去判断临时文件是否存在
2024-02-05 22:25:46
1427
原创 解决硅谷仿制网易云小程序登录问题，并获取cookie
我试过手机号密码登录，手机号验证码登录，都没有用，邮箱我账号没有绑定就不用了，最后发现只有二维码登录才行，可能你会觉得二维码登录在小程序奇奇怪怪的，但是没有办法，现在只能这样了。
2024-02-01 17:19:47
790
原创 npm i 遇到了 npm ERR! code CERT_HAS_EXPIRED
npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIRED发现 SSL 证书已经过期所致。
2024-01-31 12:05:37
2194
原创 基于 vite 创建 Vue3 项目，新增的目录文件分析，启动项目
基于 vite 创建 Vue3 项目，新增的目录文件分析，最后npm run dev启动项目
2024-01-02 14:59:43
761
原创 vue没有使用fetch报错 Uncaught (in promise) TypeError: Failed to fetch
出现下面的错误，主要也没有用谷歌浏览器什么和发起fetch请求，找了很久没有什么发现。在控制台打开网络发现，有一个错误的fetch请求。最后发现是浏览器开启了严格模式的问题。
2023-12-21 12:57:55
1887
11
原创 vue使用elementui的el-menu的折叠菜单collapse
由于我的是在el-menu所在组件外面的兄弟组件设置是否折叠的控制，我用事件总线bus进行是否折叠传递。就是如此，有疑问评论区见。
2023-12-02 12:07:07
2722
原创 vue2使用ElementUI
我们可以只引入需要的组件，以达到减小项目体积的目的。然后直接在官网选取合适控件引入使用即可。下载：npm i element-ui。
2023-12-01 17:48:21
895
原创 Git 版本控制系统 笔记
概念：一个免费开源，分布式的代码版本控制系统，帮助开发团队维护代码作用：记录代码内容，切换代码版本，多人开发时高效合并代码内容【团队开发同一个项目的代码版本管理】Git 安装、配置、文件状态、工作区、暂存区和版本库、回退版本、忽略文件、分支、合并、远程仓库、gitee、多人协同开发、常用命令
2023-09-15 22:44:00
497
2
原创 前端构建工具 webpack 笔记
本质上，webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具，当 webpack 处理应用它会在内部从一个或多个入口点构建一个依赖图(dependency graph)，然后将你项目中所程序时，需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。
2023-09-13 22:57:23
601
原创 node.js笔记
首先：浏览器能执行 JS 代码，依靠的是内核中的 V8 引擎（C++ 程序）其次：Node.js 是基于 Chrome V8 引擎进行封装（运行环境）区别：都支持 ECMAScript 标准语法，Node.js 有独立的 API
2023-09-10 21:46:07
504
原创 uniapp 调用小程序提供的 chooseAddress() API 实现选择收货地址的功能
1、用微信开发者工具开发小程序均需要在 app.json 中 requiredPrivateInfos 配置项中声明，2、用uniapp开发小程序需要打开 manifest.json 选择 源码视图，找到mp-weixin节点，添加。
2023-09-04 21:47:08
2136
原创 chooseAddress:fail the api need to be declared in the requiredPrivateInfos field in app.json/ext.js
1、微信小程序 调用开发者均需要在 app.json 中 requiredPrivateInfos 配置项中声明，2、uniapp 调用3、调用成功后的结果页面。
2023-09-02 22:31:53
570
原创 uniapp 实现滑动元素删除效果
uniapp 实现滑动元素删除效果。滑动删除需要用到 uni-ui 的 uni-swipe-action 组件和 uni-swipe-action-item使用 filter 方法，使返回值为 不存在 刚刚传进来滑动删除对应货品id的对象
2023-09-02 21:38:11
2255
原创 uniapp 配置并使用 VueX
创建某个store模块 ，例如存储购物车数据的 cart.js。---------------------------------以上就是这么使用的，和之前学vue时，用法一样。
2023-09-01 20:05:32
2118
原创 uniapp 配置小程序分包
1、右键点击根目录，新建，点击创建分包的根目录，命名为subpkg。2、在pages.json中，和pages节点平级的位置声明subPackages节点，定义分包相关结构：3、在subpkg目录上鼠标右键，点击新建页面选项，并填写页面的相关信息：
2023-08-29 21:57:17
962
原创 uniapp 配置网络请求并使用请求轮播图
由于平台的限制，小程序项目中不支持 axios，而且原生的wx.request()API 功能较为简单，不支持拦截器等全局定制的功能。因此，建议在 uni-app 项目中使用@escook/request-miniprogram第三方包发起网络数据请求。
2023-08-29 21:25:49
1887
原创 Git 安装、配置并把项目托管到码云 Gitee
Git 安装、配置邮箱用户名并把项目托管到码云 Gitee博主基本一步一个错误，最后还是成功提交了
2023-08-23 21:30:39
643
原创 Git配置error:could not lock config file D:/orcad/Cadence/SPB_Data/.gitconfig: No suchfile or directory
git设置用户名错误：error:could not lock config file D:/orcad/Cadence/SPB_Data/.gitconfig: No suchfile or directory修完上面错误，发现下面错误：error: could not lock config file D:/Git/.gitconfig: Permission denied最后完美解决
2023-08-21 21:46:23
2640
原创 SCSS 学习笔记 和 vscode下载live sass compiler插件配置
SCSS 学习笔记 ，小白也可以看懂， vscode下载live sass compiler插件配置，超级详细，用不同颜色的字体区分，看起来更加舒服
2023-08-19 01:43:09
3249
原创 微信小程序-零基础入门手册
小白也可以看懂，集合微信小程序基本使用方法事件语法，组件，npm使用，mobx仓库，分包，等等，已经分类归类好了，字体使用不同颜色，加粗，看起来不会乱，目录导航寻找
2023-08-03 18:14:57
1410
原创 使用 CSS 自定义属性
CSS 自定义属性（也称为 CSS 变量）是一种在 CSS 中预定义和使用的变量。它们提供了一种简洁和灵活的方式来通过多个 CSS 规则共享相同的值，使得样式更易于维护和修改。
2023-07-26 14:47:31
775
原创 使用Vue脚手架创建Vue项目+分析生成的文件
Ctrl + ~（esc下面那个键） ：可以打开 vscode 终端，然后输出即可打开浏览器页面public文件favicon.ico是页面图标 , index.html解析如下图。
2023-04-30 16:26:11
211
原创 安装破解keil5+安装f1芯片包（直装||解决pack文件无法直装问题）
安装破解keil5+安装f1芯片包（直装可以||解决pack文件无法直装问题）
2023-04-26 10:45:59
15168
8
TA创建的收藏夹 TA关注的收藏夹
TA关注的人