- 博客(90)
- 收藏
- 关注
原创 跨平台 postinstall 脚本解决方案
本文介绍了解决 uni-app 项目中跨平台 postinstall 脚本的方案。原使用 Linux find 命令存在兼容性问题,新方案改用 Node.js 脚本实现,通过递归搜索 uni_modules 目录并执行 npm install。该方案具有全平台兼容性、更好的错误处理、更高的可维护性和安全性,已在多种操作系统和 Node.js 版本测试通过。特别适合使用 uni_modules 插件系统的跨平台开发团队,能自动安装插件依赖而无需手动操作。
2025-07-29 13:56:54
709
原创 基于svga+uniapp的微信小程序动画组件开发指南
本文介绍了一个基于svgaplayer.weapp.js库的多端SVGA动画播放解决方案。该项目采用Vue3+Composition API技术栈,支持微信小程序和H5平台,提供两种核心组件:SvgaPlayer(基础播放组件)和AnimationTemplate(高级模板组件)。文章详细说明了项目结构、组件特性、使用方法、API接口和配置参数,包括播放控制、回调设置等功能。该方案具有文件体积小、渲染性能高的特点,通过封装简化了SVGA动画在小程序端的集成流程,并提供了丰富的自定义选项和事件回调机制,适用于
2025-07-09 15:59:46
1279
3
原创 基于lottie的微信小程序动画开发指南
摘要 本文介绍了在小程序中实现Lottie动画的完整流程。首先通过npm安装lottie-miniprogram依赖包,然后在页面中引入。实现步骤包括:1) 准备画布元素并设置尺寸;2) 在onMounted生命周期初始化动画;3) 获取canvas节点并设置像素比确保清晰度;4) 使用lottie.loadAnimation加载本地或远程动画数据;5) 添加完成、循环完成和错误事件监听。该方法支持JSON格式的Lottie动画,可实现循环播放等效果。关键点在于正确处理canvas上下文和设备像素比,以及完
2025-07-09 15:57:15
310
原创 hexo博客搭建使用
本文介绍了如何在Hexo博客中使用Keep主题创建新文章,并配置相关设置。首先,通过命令行创建新文章,并在Markdown文件中添加YAML FrontMatter以定义标签和分类。接着,创建tags页面并配置菜单项,包括Home、Tags和Categories。在_config.yml文件中,详细配置了主题的显示选项,如公告、分类、标签、文章日期格式、基础信息、作者徽章、目录、代码块工具、网站统计等。最后,配置了部署信息,使用Git将博客部署到GitHub Pages。通过这些步骤,用户可以快速搭建并个性
2025-05-19 18:24:20
370
原创 【全方位指南】H5 无缝跳转微信小程序:打通用户体验的关键技术
URL Scheme 技术为微信小程序提供了强大的外部连接能力,打通了小程序与外部环境的壁垒。通过本文的详细指南,开发者可以轻松实现从 H5 到微信小程序的无缝跳转,为用户提供更加流畅的使用体验,同时为企业带来更高的业务转化率。随着微信生态的不断完善,我们期待未来会有更多便捷的跨平台连接方案出现,进一步优化用户体验和业务流程。📢开发者提示:请务必注意 URL Scheme 的使用限制和安全策略,合理规划业务实现方案,避免因频率限制影响正常业务。如有更多技术问题,可参考微信官方文档。
2025-05-19 18:21:43
3209
原创 【实战教程】如何添加git仓库的子模块
在Git仓库中嵌套其他Git仓库时,可以使用git submodule add命令将子模块添加到项目中。具体步骤如下:首先,确保主项目已初始化为Git仓库。然后,使用git submodule add命令指定远程仓库URL和本地路径,例如将hexo-theme-keep主题添加到themes/keep目录。添加后,提交更改并推送到远程仓库。通过git submodule status验证子模块是否正确添加。若需更新子模块,进入子模块目录拉取最新更改,并提交更新到主项目。
2025-05-19 16:41:41
446
原创 【省钱方案】如何让Github成为你的免费图床
注意: 这个token生成后只会显示一次!你要把这个token复制一下存到其他地方以备以后要用。访问:https://github.com/settings/tokens。点击“Gererate new token”生成一个token。上传图片,进度条为蓝色则没问题,否则点击PicGo设置查看日志。因为github这里做了更新,为了方便,勾上了所有权限。填入对应的github仓库名,分支名和生成的token。提示文件已经损坏,则在终端输入。形如下方的秘钥token。
2025-05-16 19:12:47
162
原创 【实战教程】告别H5嵌入!uniApp小程序文件下载与分享完整解决方案
本文介绍了如何利用uniapp和微信小程序原生API实现高效的文件下载与预览功能,以提升用户体验。通过跨平台设计,代码在不同环境下(APP、H5、小程序)实现了差异化处理,核心步骤包括文件下载、预览、分享及进度反馈。代码中包含了完整的错误处理机制,确保用户获得清晰的操作反馈。该方案适用于企业报表下载、电子票据查看等场景,并提出了优化建议,如断点续传、自定义进度条等,以进一步提升文件处理能力,为用户提供接近原生APP的流畅体验。
2025-05-16 11:31:19
593
原创 uniapp开发一个动态表单组件-也许最佳实践
本文介绍了一个基于 Vue3 和 uniapp 开发的动态表单组件 wangzy-dynamicForm,支持多种输入类型,如文本输入、选择器和日期时间选择等。组件通过 formConfig 配置表单项,formData 绑定表单数据,并提供了丰富的属性和事件支持。安装方式为在 uni_modules 目录下导入组件。文章详细说明了组件的属性、表单配置项、事件以及基本使用方法,并提供了示例代码,帮助开发者快速上手使用该动态表单组件。
2025-01-21 13:29:41
674
原创 【算法学习】1. 找单独的数
4解释:拿到数字 4 的同学是唯一一个没有配对的。2解释:数字 2 只出现一次,是独特的卡片。10解释:10 是班级中唯一一个不重复的数字卡片。
2024-12-26 11:37:56
342
原创 Vue3项目的换肤思路-也许最佳实践
在theme.jslight: {// ... 其他样式变量},dark: {// ... 其他样式变量主色调背景色文字颜色边框颜色菜单相关样式等其他UI组件样式变量。
2024-12-26 09:54:46
870
原创 【vue3】文本自动省略组件,支持单行和多行省略,超出显示tooltip)
vue3基于element-plus的文字展示组件,自适应宽度,展示省略号啊和提示框el-tooltip
2024-12-12 13:37:19
1078
原创 【vue2】文本自动省略组件,支持单行和多行省略,超出显示tooltip
基于element ui 的文字展示组件,自适应宽度,展示省略号啊和提示框el-tooltip
2024-12-12 13:28:55
1099
原创 【管理经济学】知识点总结
一种商品的价格变动率所引起的另一种商品的需求量变动率之比值,我们称之为需求交叉价格弹性,简称需求交叉弹性,用需求交叉价格弹性系数来衡量。
2024-11-21 11:18:37
1031
1
原创 【分享一个vue指令】复制指令v-copy
template>这部分定义了组件的HTML结构。它包含四个div元素,其中两个使用了v-copy指令。这个指令是自定义的,用于实现点击复制文本的功能。第一个div元素使用了v-copy指令,但没有提供任何值,所以它会复制该元素的文本内容。第二个div元素没有使用任何指令。第三个div元素使用了v-copy指令,并提供了一个字符串值'此处复制',这意味着当用户点击这个元素时,会复制这个字符串而不是元素的文本内容。第四个div元素同样没有使用任何指令。v-copy自定义指令v-copy。
2024-11-21 10:40:21
606
原创 【分享一个vue指令】元素变化指令v-resize
此处需要考虑浏览器兼容性,部分老版本浏览器,无法兼容ResizeObserver,会导致报错崩溃。监听窗口变化,元素大小发生变化,则会调用指令绑定的回调方法。resizeWin是窗口变化的回调方法。
2024-11-21 10:38:09
490
原创 面试官:假如有几十个请求,如何去控制并发?
页面初始化时加载多个数据资源:例如,打开一个网页时,需要从服务器获取用户信息、列表数据和配置信息等。前端并发的主要问题及解决方案性能问题:并发请求过多可能导致服务器压力增大,响应变慢。资源竞争:浏览器同时发出的请求数量有限,超出限制会导致请求排队,影响响应速度。数据一致性和同步问题:多个请求同时修改同一数据源可能导致数据不一致。错误处理复杂化:并发请求的错误处理更复杂,需要考虑部分请求成功、部分失败的情况。
2024-11-20 13:43:37
823
原创 (完结)一篇文章学会如何开发代码片段插件
在中的中snippets添加},},代表在js文件中,支持代码片段的使用代表在ts文件中,支持代码片段的使用代表在vue文件中,支持代码片段的使用。
2024-11-12 15:47:33
509
原创 手写一个Promise
一个promise的当前状态必须为以下三种状态中的一等待态(Pending)、完成态(Fulflled)和拒绝态。2.1.3.2.必须拥有一个不可变的拒绝原因。2.1.1.1.可以迁移至完成态或拒绝态。2.1.2.1. 不能迁移至其他任何状态。2.1.2.2.必须拥有一个不可变的终值。2.1.3.1.不能迁移至其他任何状态。
2024-11-08 13:45:37
228
原创 (完结)一篇文章学会-图标组件库的搭建
此处代码可以根据项目图标目录中的文件,进行针对性导出,实现分包引入的效果,使得引入包大小不会太大。project1下的asset-manage.vue,这是生成文件,由文件模板生成。svg文件夹下是各项目所需要构建的svg图片文件。project1下的index.js。在main.js中引入。
2024-11-08 13:43:48
601
原创 【rollup-plugin-visualizer】vite项目打包大小可视化
在vite项目中,如何可视化的查看项目的包体积呢,打包后,针对包进行针对性优化,保证项目的合适大小。在defineConfig中的plugin插入。具体命令根据项目实际情况。
2024-10-23 14:15:15
581
原创 【Vue3】实现动态高度的虚拟滚动列表
虚拟滚动列表是一种优化长列表渲染性能的技术,通过只渲染可视区域内的列表项,减少DOM的渲染数量,从而提高页面滚动的流畅性。
2024-10-18 09:41:19
2320
原创 【Vercel】Vercel部署项目遇到的问题
删除package-lock在本地安装,就成功了。考虑是package-lock.json。部署提示报错,vite的命令找不到。然后在vercel平台安装生产环境。锁死了版本,导致依赖安装失败。这里的报错和上面相同。
2024-10-16 14:12:15
1605
原创 【Vercel】Vercel静态部署踩坑
vercel默认支持在Github的commit操作后进行自动部署。问题:如果提交git的邮箱和GitHub绑定邮箱不一致呢?可以自定义域名,也可以使用`vercel`的子域名。设置本地git提交邮箱。
2024-10-15 13:34:37
1498
原创 uniapp的移动端骨架屏组件开发应用
基于移动端 UI 骨架屏的扩展性受限,uniapp和小程序等不支持Vue框架的自定义指令(directives),遂开发组件以实现骨架屏的自定义开发
2024-10-14 13:44:36
777
原创 CSS实现的扫光效果组件(支持插槽)
详细内容与注释:CSS实现的扫光效果组件。组件代码在底部掘金平台,如有遗漏,及时与我联系~扫光效果的原理就是从左到右无限循环的一个位移动画。图片和内容如有侵权,及时与我联系~
2024-07-23 17:16:34
743
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人