- 博客(16)
- 收藏
- 关注
RSS订阅原创 【UniApp 终极实战】手撸代码高亮阅读器 (Highlight.js + 行号渲染)
恭喜你！坚持看完了整个实战系列。从API封装到递归目录，从Markdown渲染到代码高亮，你现在手里已经拥有了一个功能完备的“口袋代码阅读器”的核心源码。这不仅仅是一个 Demo，它是你迈向高级前端开发的敲门砖。UniApp 跨端开发递归组件优化虚拟 DOM 与原生渲染性能调优。
2025-12-09 15:00:00
939
原创 【UniApp实战】手撸面包屑导航与路由管理 (拒绝页面闪烁)
本文介绍了UniApp实战AtomGit系列第四篇内容，重点实现了代码仓详情页的交互功能。通过设计导航状态机和组合式函数useRepoFiles.js，实现了文件夹"无刷新"下钻功能，包括面包屑导航和交互逻辑。同时，通过新建代码阅读页面，实现了文件内容展示功能。文章还深入解析了采用"无刷新"模式浏览文件夹和跳转新页面展示代码的设计考量，并提醒了路径参数传递的注意事项。最终实现了类似GitHub App的核心导航体验，为后续语法高亮等功能奠定了基础。
2025-12-09 09:26:37
934
原创 在Linux下使用Termony搭建HNP自验证环境全指南
在开始实战前，我们先对齐一下概念，防止小白晕车。Termony：你可以把它理解为鸿蒙版的 Termux 或 iTerm2。它是一个运行在 OpenHarmony 设备上的 App，提供了一个完整的终端环境，允许你在手机/平板上运行 Shell 命令。：这是鸿蒙原生的一种包格式，类似于 Linux 的.deb或.rpm。我们将编译好的二进制文件打包成 HNP，就能通过包管理器在 Termony 中一键安装、卸载和管理依赖。我们今天的目标。
2025-12-08 09:16:19
1104
原创 大白话拆解 Termony+hnp 包适配：3 步搞懂终端功能集成的核心逻辑
摘要：文章介绍了在鸿蒙PC生态适配中，使用开源终端工具Termony验证hnp包兼容性的基础流程。Termony作为鸿蒙PC的命令行工具，用于测试第三方命令行软件(hnp包)的功能适配情况。文中解释了三个核心概念：Termony终端、hnp适配包和自验证环境，并概述了适配验证的三个步骤：环境准备、集成hnp包和功能测试。该流程主要服务于软件服务商和鸿蒙开发者，帮助实现命令行工具向鸿蒙PC的平滑迁移。最后提供了系统信息查询的代码示例，并建议参考鸿蒙开发者文档获取更多信息。
2025-12-07 16:25:59
807
原创 【UniApp进阶】手把手教你编写高性能 Markdown 渲染器 (支持代码高亮+公式)
通过这一期，我们攻克了 AtomGit详情页的最后一块拼图。核心知识点回顾：坚决抵制v-html，拥抱mp-html组件。处理 API 返回的原始内容。解决 Markdown 中相对路径图片的“死链”问题（这是很多练手项目的盲区！至此，一个完整的、原生的、高性能的代码仓详情页架构（Info + Tree + Readme）就搭建完成了！
2025-12-07 11:01:42
661
原创 Ubuntu搭建鸿蒙命令行适配环境
在 Ubuntu (20.04+) 下搭建鸿蒙命令行适配环境是的方式。因为鸿蒙系统的编译环境本质上就是基于 Linux 的，很多在 Windows 下需要折腾的路径问题、依赖问题，在 Ubuntu 下都能直接避免。既然你是为了**“适配命令行工具”基于 NDK 的交叉编译环境**。在 Ubuntu (20.04+) 下搭建鸿蒙命令行适配环境是的方式。因为鸿蒙系统的编译环境本质上就是基于 Linux 的，很多在 Windows 下需要折腾的路径问题、依赖问题，在 Ubuntu 下都能直接避免。
2025-12-06 11:10:27
1221
1
原创 【UniApp进阶】Vue3 组合式 API 手撸无限递归目录树
欢迎回到我们的UniApp 实战 AtomGit系列教程！在上一期中，我们完成了代码仓详情页的基础架构，但那个文件列表是“平铺”的，点一个文件夹跳一页，体验极其复古。作为一名有追求的前端开发者，我们要的是像 VS Code 那样丝滑、可折叠、层级分明的可视化目录树。今天这篇文章，我们将抛弃所有笨重的第三方组件库，使用 Vue 3 组合式 API (Composition API)，手把手带你从零实现一个高性能、支持懒加载的递归目录树组件。这里为了方便结合代码说明，把大部分的讲解都写进了注释里。为了让递归跑起
2025-12-06 09:21:12
819
原创 用 UniApp 复刻 AtomGit 仓库页
通过这篇文章，我们实现了一个结构清晰逻辑自洽（支持点击文件夹下钻）、性能优良（原生渲染）的代码仓详情页。技术要点回顾：Flex 布局构建清晰的 UI。对接 RESTful API。递归思维处理文件夹层级逻辑（虽然这里用的是路径重置，逻辑类似）。优化首屏并发请求。
2025-12-04 11:07:41
941
原创 在HBuilderX进行组件开发
在HBuilderX中封装uni-app组件分为创建、编写、使用三步骤。创建组件时建议遵循components/组件名/组件名.vue目录结构以便自动注册。组件开发需掌握父子通信三要素：props接收数据、data管理内部状态、$emit触发事件。进阶技巧包括：严格props验证、实现v-model双向绑定、使用具名插槽提高灵活性、区分页面与组件生命周期。设计组件时应重点考虑属性配置（props）、事件通知（$emit）和内容分发（slot）三个核心要素，从而构建出健壮且易用的通用组件。
2025-12-04 10:27:42
515
原创 HBuilderX中底部导航栏和下拉刷新/上拉加载的开发指南
在HBuilderX中使用框架开发是实现这一需求的标准做法。uni-app 提供了原生的tabBar配置和便捷的生命周期函数来处理刷新与加载。以下是实现及的完整步骤指南。
2025-12-01 13:46:08
658
原创 HBuilderX 实战：使用 Axios 封装 AtomGit 网络请求
通过这次实践，我们不仅学会了如何在 HBuilderX 中引入 Axios，更重要的是掌握了拦截器的使用。请求拦截器就像是“安检员”，确保每个请求都带上了合法的通行证（Token）。响应拦截器就像是“翻译官”，将服务器晦涩的错误码翻译成用户能看懂的提示。
2025-11-24 09:11:28
851
原创 用vue-tippy实现按钮的文字提示(tooltip)
本文介绍了如何在Vue项目中使用vue-tippy实现Tooltip的淡入淡出动画效果。主要内容包括：1) 安装配置vue-tippy并引入必要CSS；2) 通过v-tippy指令或Tippy组件，设置animation为"fade"并调整duration参数控制动画时长；3) 简要说明了其他常用属性如content、allowHTML、placement和offset等。文章提供了完整的代码示例，帮助开发者快速实现Tooltip的动画效果和自定义配置。
2025-07-31 11:38:25
1797
原创 日常上传至GitHub及改SSH上传
git add .git commit -m "你的更新描述"git push记住这三步，你就可以轻松地管理和更新你的 GitHub 项目了！
2025-07-25 16:41:53
1230
原创 把项目通过 Git 上传到 GitHub
摘要： 本文详细介绍了如何将本地项目通过Git上传到GitHub，分为三个主要阶段： 准备工作：安装Git并配置用户名和邮箱，在GitHub上创建空仓库。 核心操作：在本地项目目录初始化Git，提交代码，关联远程仓库并推送至GitHub。 常见问题：解决认证失败（需使用Personal Access Token）、远程仓库非空冲突及分支命名问题。 完整流程包括git init、git add、git commit、git remote add及git push等关键命令，确保项目顺利同步到GitHub。
2025-07-25 16:31:57
1206
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人