- 博客(36)
- 收藏
- 关注
RSS订阅原创 OnlyOffice二次开发：解析文档按钮获取最新文档地址教程
本文介绍了通过postMessage机制实现OnlyOffice文档地址跨窗口传递的方法。关键步骤包括：1）父页面绑定message监听器准备接收消息；2）触发downloadAs事件让OnlyOffice返回文档地址；3）通过postMessage跨窗口传递数据。当监听器检测到onDownloadAs事件且包含URL时，即可提取地址用于后续解析。该方法利用浏览器原生通信机制，解决了外部窗口获取OnlyOffice最新文档地址的需求，无需复杂配置即可实现跨窗口数据交互。
2025-12-08 14:50:16
501
原创 Conda学习与前后端分离项目部署实战文档(conda根据b站隔壁的程序员老王总结)
本文介绍了Conda工具的基础概念、核心命令操作以及前后端分离项目部署实战。首先对比了Conda与pip/venv的区别，详细讲解环境管理、包管理及环境导入导出等核心功能。然后以Vue+Python项目为例，展示前端通过Nginx托管静态资源、后端使用Conda创建一致环境并通过Gunicorn运行的完整部署流程，包括环境配置、服务启动和联调验证。
2025-11-25 17:26:50
882
原创 Vue + Element Plus 实现AI文档解析与问答功能（含详细注释+核心逻辑解析）
本文分享了一套基于Vue 3和Element Plus的文档解析与AI问答交互方案，包含以下核心功能： 文档解析流程：通过按钮触发文档解析，获取文档URL和标题，调用后端接口完成解析并创建会话 本地存储设计：使用localStorage持久化解析后的文档列表，确保刷新后数据不丢失 交互优化
2025-11-25 15:54:19
913
原创 Vue Router页面跳转指南：告别a标签，拥抱组件化无刷新跳转
Vue Router通过<RouterLink>组件实现无刷新页面跳转，提升单页应用体验。
2025-10-28 14:16:20
354
原创 前端本地存储技术笔记：localStorage 与 sessionStorage 详解
前端开发中常用的两种本地存储技术：localStorage和sessionStorage。
2025-10-27 17:46:15
393
原创 致我的 “引导型恋人”：你大胆向前走，我会追上你
编程不仅是技能，更是引领自我突破的伙伴，而真正的编程之美在于人与代码之间独有的默契与共同成长。
2025-10-23 17:57:31
733
3
原创 前端和后端是啥关系？作为前端开发人员的学习历程
本文梳理了前后端技术协作的关键要点：对于前端开发者来说，后端技术差异（如SpringBoot、Node.js等）只需关注接口地址和规则即可。前端技术栈应按"HTML/CSS基础→JS交互→Vue组件化"渐进学习，其中Vue能提升开发效率。实现页面共享需后端搭建服务器，双方需协商接口规范。推荐使用axios工具简化接口调用，它比原生请求工具更高效，能自动处理数据格式和错误捕获。全文强调前端应聚焦接口对接而非后端实现细节。
2025-10-23 11:04:26
312
原创 通俗易懂讲明白：前端组件的生命周期与钩子函数
本文通过养猫的类比解释前端组件生命周期的概念：从准备（初始化）、到家（挂载）、日常（更新）到离别（销毁）四个阶段。钩子函数如onMounted、onUpdated和onUnmounted是框架提供的"时机开关"，用于在特定阶段插入自定义逻辑。文章对比了Vue3和React的实现方式，并列举了常见错误，如提前操作DOM和未清理资源。总结指出，生命周期是组件从创建到销毁的固定过程，钩子函数用于在正确时机执行任务，类比养宠物需要在适当时机行动。
2025-10-22 11:08:05
248
原创 小白入门：前端前端调用 AI 接口全流程（附具体案例）
本文为前端新手详细讲解如何调用AI接口实现文本处理功能。通过智能文本工具案例，介绍三个核心文件：vite.config.js（配置代理解决跨域）、apiClient.js（封装请求工具）、aiService.js（封装润色/扩写等AI功能）。实战部分展示Vue组件实现方案，包括输入文本、调用接口、处理流式响应和错误捕获等关键步骤。总结调用AI接口的通用流程：获取输入→调用功能→处理响应→错误处理，并解答常见问题。全文提供完整代码示例，帮助开发者快速掌握AI接口调用方法。
2025-10-22 09:54:43
1131
原创 ONLYOFFICE 前端实现历史记录存储与多人协作完整指南
本文介绍了ONLYOFFICE嵌入开发中历史记录存储与多人协作的实现方法。核心要点包括：1) 通过配置document.key和callbackUrl实现版本关联；2) 前端自定义历史记录按钮，调用后端接口获取版本列表；3) 重新初始化编辑器加载指定历史版本。关键点在于保持文档key不变，并通过版本号与快照地址加载历史版本。多人协作功能需确保正确配置用户权限和回调地址。这些步骤帮助开发者快速实现文档版本管理功能。
2025-10-14 17:03:53
820
原创 正则表达式小白飞升记：从 0 到 1 的实操秘籍
摘要： 正则表达式是处理字符串的高效工具，通过特定符号组合实现快速查找、替换和验证。核心语法包括普通字符、转义字符（如\.）、字符类（如[0-9]）、预定义字符集（如\d匹配数字）、量词（如+匹配多次）和边界符（如^匹配开头）。常用场景包括表单验证、内容提取和批量修改。重点掌握replace()（如隐藏手机号："13800138000".replace(/(\d{3})(\d{4})(\d{4})/, "$1****$3")）和search()方法，配合分组引用（$1
2025-10-13 10:30:09
588
原创 Vue.js 从入门到实践1：环境搭建、数据绑定与条件渲染
本文介绍了Vue.js的核心语法与特性。主要内容包括：1）文本插值使用双大括号语法，支持JavaScript表达式；2）v-html指令可渲染原始HTML但需防范XSS攻击；3）v-bind实现动态属性绑定并支持对象语法；4）条件渲染中v-if和v-show的区别及适用场景；5）列表渲染中v-for的使用和key的重要性；6）组件化开发的创建与使用流程。文章还强调了Vue作为渐进式框架的特点，可根据需求逐步扩展功能。
2025-09-22 16:41:19
571
原创 Git代码上传完整指南：从本地修改到远程仓库推送
本文详细介绍了Git与VSCode协作开发的完整工作流程，包括7个关键步骤：1)确认远程仓库信息；2)获取最新代码；3)修改代码并查看变更；4)添加修改到暂存区；5)提交到本地仓库；6)推送到远程仓库；7)常见问题解决方案。重点强调了Git命令操作与VSCode可视化操作的两种方式，提供了规范的提交信息格式和冲突处理方法。文档还针对权限拒绝、代码冲突和大文件误提交等常见问题提供了具体解决方案，适合团队协作开发参考使用。
2025-09-16 11:40:06
1540
原创 Git常用命令详解与实例演示
本文介绍了Git版本控制的基本概念与常用命令。主要内容包括：Git的三个工作区域（工作区、暂存区、仓库）及其流转过程；初始化仓库、添加文件、提交修改等基础操作；查看状态与差异的方法；版本回退与历史查看技巧；以及撤销修改的实用命令。文章通过完整示例演示了Git的基本工作流程，帮助开发者快速掌握版本控制的核心操作。关键命令包括git status、git diff、git log、git reset和git reflog等，这些工具构成了日常开发中版本管理的基础。
2025-09-16 11:03:48
544
原创 JavaScript HTML DOM 文档详解
摘要：HTML DOM文档对象是网页元素的操作接口，使静态网页变为动态。关键功能包括：1）通过id、标签名或类名查找元素；2）修改元素内容、属性和样式；3）动态添加/删除元素；4）添加事件处理实现交互。文章提供了查找方法（getElementById等）、修改示例（innerHTML、style）和完整任务列表案例，展示如何创建动态网页应用。掌握DOM操作是前端开发的基础，能实现内容更新和用户交互功能。（149字）
2025-09-15 10:34:45
860
原创 使用Docker部署OnlyOffice并挂载关键目录(windows系统)
本文介绍了通过目录挂载方式实现OnlyOffice容器文件本地化修改的方法。首先拉取指定版本镜像（8.3.3.1），在本地创建目录结构后，通过临时容器复制初始文件到本地。然后正式启动容器并挂载三个核心目录（web-apps、document-server、sdkjs），实现本地修改与容器实时同步。修改配置后只需重启容器即可生效。文章还提供了常见问题解决方案和调试建议，特别适合需要深度定制OnlyOffice的场景，避免了反复构建镜像的繁琐过程，显著提升开发调试效率。
2025-09-09 10:28:32
517
原创 HarmonyOS image组件深度解析：多场景应用与性能优化指南（2.4详细解析，完整见uniapp官网）
本文详细解析UniApp中Image组件的核心属性与实战技巧完整版，详细可以去看uniapp的官网
2025-08-26 22:30:39
348
1
原创 2.4UniApp Image组件全解析：打造完美适配的轮播图片(咸虾米总结)
本文详细解析UniApp中Image组件的核心属性与实战技巧，手把手教你用mode属性完美适配不同场景！通过“aspectFill”实现图片裁剪填充，利用“widthFix”保持原比例，彻底解决图片变形、留白等常见问题。
2025-08-26 21:49:55
738
原创 Swiper属性全解析：快速掌握滑块视图核心配置！（2.3补充细节，详细文档在uniapp官网）
本文精讲uni-app/微信小程序中Swiper滑块视图容器的所有核心属性，助你快速解锁轮播图、卡片滑动等热门功能。内容按功能模块划分，囊括基础显示、自动播放、滑动控制、视觉特效及事件监听，并附有重要平台兼容性提示。收藏本文，开发时随时查阅，效率翻倍！
2025-08-25 22:20:30
452
3
原创 2.3零基础玩转uni-app轮播图：从入门到精通 （咸虾米总结）
本文是uni-app轮播图开发的零基础终极指南！从swiper组件基础属性解析到样式美化实战技巧，手把手教你打造吸睛焦点图。文中详细解释了indicator-dots、circular等关键属性的用法，并提供了直观的代码示例和效果对比，解决初学者常见问题，让你轻松实现流畅自动轮播效果，大幅提升应用用户体验。
2025-08-25 22:05:37
1064
原创 爆款医疗小程序开发实录！首页/问诊/健康/服务/个人中心五大模块完整实现（附源码+设计资源）
基于Vue框架开发的医疗健康小程序，包含五大核心功能模块：首页、在线问诊、健康管理、医疗服务和用户中心。每个模块的设计思路和实现细节如下。1）首页：整合常用功能入口、医疗资讯和医生推荐2）在线问诊：提供科室分类、医生筛选和在线咨询服务3）健康管理：实现健康数据追踪、健康计划和健康资讯4）医疗服务：整合预约挂号、体检服务和用户评价5）个人中心：管理用户信息和健康档案下面我将详细介绍每个页面的设计思路、核心功能实现和关键技术点。医疗健康小程序包含五个核心界面，
2025-06-30 00:15:00
1844
3
原创 2.2，零基础入门uni-app：scroll-view组件的横向与纵向滚动实战（咸虾米2.2）
scroll-view是uni-app内置的可滚动视图区域组件，支持横向和纵向滚动配置。适用于商品横向展示、长列表内容展示等需要局部滚动的场景。scroll-x：启用横向滚动scroll-y：启用纵向滚动scroll-top：设置竖向滚动位置：设置横向滚动位置横向滚动必须配合使用纵向滚动需要设置固定容器高度通过CSS可以优化滚动体验和视觉效果注意不同布局模式下子元素的显示方式。
2025-06-29 14:48:58
884
原创 医疗健康小程序首页开发实录（附完整代码）
1.1，医疗健康类小程序首页包含以下核心功能模块：1）健康数据概览：直观展示步数、体重、血压、睡眠等关键健康指标2）功能快捷入口：提供10个常用医疗功能的快速访问通道3）健康计划跟踪：可视化展示用户的健康计划完成情况4）健康资讯推送：精选健康知识文章推荐1.2，页面设计遵循以下原则：1）蓝白主色调：采用医疗行业常用的蓝白配色方案2）卡片式布局：清晰分隔不同功能区域3）响应式设计：确保在不同设备上完美展示4）交互反馈机制：所有可点击元素均有视觉反馈2.1，项目初始化与结构搭建（pages.jso
2025-06-29 08:41:47
1824
2
原创 2.1，小程序 View 与 Text 标签核心用法指南（咸虾米2.1）
view：核心布局容器。通过实现点击反馈，解决嵌套点击冒泡问题。text：处理文本内容。selectable启用复制功能，space控制连续空格的显示宽度。
2025-06-28 10:31:14
422
1
原创 1.4，uniapp中创建页面及VUE页面内基本组成（咸虾米学习记录）
/ "resToLogin": true // 自动解析token并跳转。// "needLogin": [ // 需要登录才能访问的页面。// "loginPage": "pages/user/login", // 登录页面路径。
2025-06-28 00:15:00
370
1
原创 Windows下Vue CLI环境搭建全记录（含避坑指南）
推荐下载LTS版本，双击安装包按默认设置完成安装（新手推荐msi,会自动配置环境，不需要自己配置）⭐运行npm -v提示系统上禁止运行脚本，需要启动临时启用脚本执行权限，在 。⭐会显示以下路径之后在输入npm -v就能看到自己的版本号说明安装成功。验证安装（打开终端输入一下代码，如果出现了版本号说明已经下载成功了）官网下载地址：https://nodejs.org/# 输出：@vue/cli 5.0.8。报以下错误则看以下⭐，没有则跳过。# 将npm全局目录加入环境变量。# 1. 临时启用脚本执行权限。
2025-06-27 11:00:42
1028
原创 1.3，uni-app轮播图商品展示页面开发实战（附完整代码）
自动轮播图片展示区手动控制轮播的上一页/下一页按钮禁用触摸功能开关商品网格布局展示底部导航栏切换功能。
2025-06-27 00:30:00
908
原创 cursor改为中文版方法+如何唤醒AI
使用快捷键组合【Ctrl+Shift+p】，在搜索框中输入configure display language,选择中文，再重启就可以看到中文了。
2025-06-26 16:57:55
1469
原创 2，Uni-App Flex布局教程
本文详细讲解UniApp中Flex布局的实现，包含横向(row)和纵向(column)两种排列方式的完整代码示例。通过红、绿、蓝三色区块的排列演示，剖析flex-direction核心属性，并附带样式配置详解，适合UniApp初学者快速掌握基础布局技巧
2025-06-26 11:35:08
744
原创 1.1使用HBuilder编辑器创建VUE3新项目
├── index.html # HTML模板。└── vite.config.js # Vite配置。├── public/ # 静态资源。│ ├── assets/ # 项目资源。│ ├── components/ # 公共组件。│ └── main.js # 入口文件。│ ├── App.vue # 根组件。1，启动HBuilderX，点击菜单栏。
2025-06-26 08:00:00
825
原创 Python+MySQL员工管理系统开发教程（Tkinter）
用户登录/注册：支持员工使用账号密码登录，新用户可以注册账号密码管理：提供修改密码功能，保障账户安全员工信息管理：添加新员工信息修改现有员工信息删除员工记录查询和筛选员工信息按ID排序显示本教程详细介绍了如何使用Python和MySQL开发一个简单的员工管理系统。通过Tkinter构建用户界面，结合MySQL数据库存储数据，实现了一个功能完整的员工信息管理系统。
2025-06-25 17:05:59
765
1
原创 1.2，UniApp实战：从零开始构建登录与活动创建页面
二、登录页面开发 (index.vue) 1. 页面布局 2. 样式定义 3. 交互逻辑 三、活动创建页面开发 (item.vue) 1. 表单组件 2. 数据与方法 3. 高级样式技巧 四、页面配置 (pages.json) 五、运行截图
2025-06-25 15:32:40
2084
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人