- 博客(70)
- 收藏
- 关注
RSS订阅
原创 从零开始，和我一起探索钉钉生态与中医科技的结合之路
开启钉钉生态专栏，专注 开源+实战 开发。专栏将系统讲解钉钉应用开发、低代码平台等方向，重点探索中医领域数字化创新。博主结合中医世家背景与技术专长，计划开发问诊系统、中药管理等工具。欢迎对钉钉开发或中医科技感兴趣的伙伴加入，共同实践技术与传统行业的融合创新。。
2025-06-22 08:56:30
1084
原创 uni-app x长列表优化指南：告别“内存大胃王“，打造丝滑如德芙的滚动体验
本文针对uni-appx开发中长列表性能问题，提出使用list-view和waterflow组件替代传统v-for渲染的方案。数据显示，10000项列表的内存占用可从2GB降至200MB，卡顿率降低85%。文章详细解析了复用机制原理，对比了两种组件的性能优势，并提供了动态高度处理、数据懒加载、图片渐进显示等进阶优化技巧。通过社交媒体动态流和电商瀑布流案例，展示了实际优化效果，内存占用下降90%，加载速度提升60%。最后推荐了性能监控工具和分片渲染等终极优化方案，帮助开发者实现流畅的长列表体验。
2025-07-29 09:40:53
1149
原创 uni-app x开发避坑指南：拯救被卡顿的UI线程！
uni-appx开发中UI线程优化指南，针对动画卡顿问题提出解决方案。分析三大主因：onLoad生命周期耗时操作、DOM元素过载、同步阻塞操作。提供优化方案：1)将耗时操作移至onReady；2)使用虚拟滚动和懒加载优化DOM；3)采用WebWorker异步处理。推荐使用性能分析工具监控，并运用uni-appx的异步编程工具（请求、下载、Worker线程）。通过合理分配任务，确保UI线程高效运行，实现流畅用户体验。
2025-07-29 09:32:40
630
原创 从“PPT动画”到“丝滑如德芙”——uni-app x 动画性能的“终极奥义”
《uni-appx高性能动画开发指南》摘要 本文揭示了uni-appx实现丝滑动画效果的核心技巧。首先区分两种动画类型：CSS/Lottie实现的固定动画与手势驱动的动态效果。uni-appx通过无阻塞通信架构，无需BindingX等中间层即可直接操作DOM。开发中需遵循两大铁律：优先使用transform而非布局属性，直接操作DOM而非Vue数据绑定。文章以吸顶效果和折叠面板为例，展示了如何避免常见性能陷阱，如通过transform优化吸顶实现，采用内容动画替代高度动画解决联动排版问题。uni-appx让
2025-07-28 19:01:54
1125
原创 “别再堆DOM了！”——uni-app x 性能优化的“降维打击”
摘要：uni-appx通过DrawAPI实现高性能渲染，将传统Web开发的"堆View"思维转变为原生绘制的"画布思维"。以日历组件为例，通过Canvas绘制可将数百个DOM节点缩减为1个View，大幅提升Android端滑动流畅度。开发工具提供实时性能监控，帮助优化DOM数量和渲染耗时。建议开发者尽量减少嵌套层级，对复杂列表和自定义组件采用DrawAPI方案，避免频繁操作DOM，从而实现媲美原生的性能体验。
2025-07-28 18:57:53
738
原创 宽屏适配指南：让uni-app在PC端也能“变形金刚”！
uni-app以移动为先的理念诞生，但自2.9版本起，它悄悄练就了一项“绝技”——宽屏适配，将全端统一的梦想照进现实。想象一下，你的应用不仅能优雅地运行在手机上，还能无缝切换到PC端，甚至在iPad横屏时自动变身“双面间谍”，是不是很酷？今天，我们就来聊聊如何让uni-app在不同屏幕上玩转“变形金刚”。
2025-07-27 21:14:48
1203
原创 让 UniApp X “飞”起来：用 SSR 实现服务器端渲染，打造首屏秒开体验
【UniAppX SSR功能解析】HBuilderX4.18起，UniAppX正式支持服务器端渲染(SSR)，解决首屏白屏和SEO优化难题。SSR通过服务端预渲染HTML，实现秒开页面、提升搜索引擎友好度。配置需在vite.config.js设置静态资源路径，通过serverPrefetch钩子预取数据，配合ssrRef和Vuex保持状态同步。支持page-meta标签优化SEO，编译后需将客户端资源和服务端代码分别部署到uniCloud前端托管和云函数。注意避免hydration不匹配问题，确保服务端与客
2025-07-27 21:03:14
930
原创 从 Vue 到 UniApp X Web 端：那些你必须知道的“小脾气”与“大不同”
UniAppX在Web平台的开发差异与注意事项：文章指出UniAppX的Web端采用SPA架构，与App端的多页面架构存在差异（如页面切换方式、滚动行为等）。同时强调了Web端的特殊限制：部分Vue特性不支持、$refs获取的是Element而非组件、API返回Promise但类型不全等问题。文章还提供了项目结构更新建议、样式兼容方案、跨域请求处理等实用技巧，并整理了Web平台支持的功能清单。建议开发者关注这些平台差异，以提升跨平台开发体验。
2025-07-25 17:08:32
651
原创 一文搞懂 UniApp X 组件标志：id、ref、Element、context 等，谁是谁的“身份证”？
本文梳理了UniAppX开发中常见的组件标识方式（id、ref、Element、NodeRef等），通过视频组件示例对比分析了各平台的使用差异。Web平台推荐id+Vue的ref；小程序建议使用createXXXContext；UniAppX则兼容多种方式，推荐Element+context组合。文章强调要根据场景选择合适标识，避免混用，并提醒TypeScript开发者注意类型安全。最后给出跨平台开发的优先选择建议，帮助开发者理清组件引用逻辑，提升开发效率。
2025-07-25 17:04:36
627
原创 深入UniApp X：掌握复杂列表与全局状态管理的艺术
UniAppX状态管理解决方案摘要：针对UniAppX不支持Pinia/Vuex的现状，本文提出两种有效管理全局状态的方法。推荐使用专用模块方案，通过创建/store/index.uts文件定义响应式状态和操作方法，实现类型安全的状态管理；也可直接使用globalData实现简单全局变量存储。两种方式各具优势，开发者可根据项目复杂度选择，专用模块更适用于复杂应用，而globalData则适合简单场景。这些方案弥补了框架限制，为UniAppX开发提供了可靠的状态管理途径。
2025-07-24 17:21:23
572
原创 探索复杂列表开发：从基础到高级的全面指南
本文探讨了UniAppX实现复杂列表交互效果的技术方案。针对长列表性能问题，介绍了recycle机制和关键组件(scroll-view/list-view/uni-recyle-view)的选择策略。详细解析了Swiper列表的构建流程、吸顶效果的三种实现方式(动态定位/sticky-header/嵌套滚动)，以及嵌套滚动技术的核心原理与应用场景。通过合理运用这些技术，开发者可以构建高效流畅、富有交互性的列表界面，显著提升移动应用用户体验。
2025-07-24 17:17:47
854
原创 UniApp X 网络请求避坑指南：从 JS 到 UTS 的 JSON 数据处理全解析
摘要：UniAppX开发中处理JSON数据时，UTS强类型特性要求开发者改变JS习惯。本文对比两种主流方案：1）UTSJSONObject通过keypath访问数据，兼容JS但缺乏类型提示；2）type+泛型方案，通过定义数据类型实现强类型校验和智能提示，推荐用于固定数据结构。文章详细演示了两种方式的具体实现、转换方法及实战案例，并提供了类型定义技巧和注意事项，帮助开发者编写更稳定高效的跨平台应用。
2025-07-23 18:19:29
1152
1
原创 UniApp X 开发避坑指南：从 JS 到 UTS，你必须掌握的强类型与渲染差异
本文详解Vue/UniApp开发者转向UniAppX的核心要点，重点解析UTS（UniTypeScript）强类型开发的关键差异：1）必须显式声明变量/函数类型；2）data()需初始化且类型明确；3）禁止隐式类型转换；4）组件事件参数需类型标注；5）JSON需定义类型接口；6）封装API需指定参数类型。文章特别强调UTS不支持JS的undefined、变量提升等特性，但支持iOS平台的async/await（HBuilderX4.31+），并指出调用非Easycom组件方法需改用callMetho
2025-07-23 18:16:10
817
原创 跨端分栏布局：从手机到Pad的优雅切换
针对移动端全屏列表与Pad分栏的适配需求，对比了官方方案与自定义组件的优劣。重点推荐采用"组件化+事件总线"的跨平台实现方案：通过将详情页转为组件，结合设备检测动态切换布局，利用uni.$emit/uni.$on实现通信。文章提供了完整代码示例，解析了组件复用、事件管理、多端适配等核心技巧，并指出当前UniAppX在Android端的组件/页面共存限制及应对策略。该方案可灵活应对手机、Pad、PC等多终端显示需求，强调"用组件代替页面，用事件代
2025-07-21 19:35:44
997
原创 UniApp X 宽屏适配秘籍：从手机小屏到PC大屏的华丽转身！
UniAppX 2.9版本推出PC端适配方案，通过leftWindow、rightWindow等特性实现移动端到PC端的优雅迁移。该方案不仅支持屏幕尺寸调整，更包含UI交互优化和浏览器兼容。开发者可复用现有代码，在宽屏模式下实现分栏式布局（如左侧列表右侧详情），提升信息展示效率。配置简单，只需在pages.json中设置窗体参数，即可根据不同屏幕尺寸自动切换布局模式。这种适配方案特别适合新闻类应用和后台管理系统，在保持功能一致性的同时显著提升PC端用户体验。
2025-07-21 19:30:42
496
原创 Vue 生态不能用？别慌！在 UniApp X 中打造属于你的“迷你状态管理”！
本文针对UniAppX中Vue生态功能在App平台不兼容的问题，提出轻量级状态管理解决方案。文章指出Pinia/Vuex在App平台不可用，推荐采用全局模块+reactive响应式状态管理方式。通过创建独立状态模块，实现跨页面共享状态和自动更新，并提供了从基础实现到进阶封装的具体代码示例。方案具有响应式更新、类型安全、跨平台兼容等优势，建议根据需求复杂度选择globalData、reactive模块或模拟Pinia结构的不同实现层级。文章强调开发者可通过自定义方案实现高效状态管理，无需依赖Vue生态库。
2025-07-20 22:22:14
474
原创 UniAppX 适配不再迷糊！px、rpx、% 该怎么选？一文讲透 CSS 单位的“单位战争”！
在 UniAppX 的世界里，适配就像谈恋爱，选对了“单位”，才能走得长远、稳如泰山。但很多开发者在面对 px、rpx 和 % 时，常常一脸懵逼：“我该用哪个？”、“为什么字体在 Pad 上大得像标题？”、“rpx 真的能适配所有屏幕吗？”；别急，今天我们就来一场 CSS 单位的“大乱斗”，看看谁才是真正的适配王者！
2025-07-20 22:14:06
759
原创 UniApp 优化实践：使用常量统一管理本地存储 Key，提升可维护性
本文介绍了在UniApp项目中优化本地存储管理的方案。针对直接硬编码key值带来的拼写风险和维护困难问题，提出使用常量文件统一管理存储key的方法。示例展示了如何创建常量文件管理状态栏高度key，并在App.vue和页面中统一使用。文章还建议扩展管理更多key，并可选封装存储工具类，提升代码可读性和维护性。最后提供了常量命名规范等实践建议，帮助开发者构建更健壮的存储管理方案。
2025-07-19 22:18:53
763
原创 UniApp 自定义导航栏：解决安全区域适配问题的完整实践
本文将通过一个完整的实战示例，带你了解如何在 UniApp 中使用 uni.getSystemInfo 获取系统信息，并结合本地存储实现自定义导航栏的安全距离适配，确保你的应用在各种设备上都能优雅地展示。
2025-07-19 22:09:48
1200
原创 每日钉钉API探索：createDingForPC专为PC端设计的DING 1.0接口
钉钉PC端专属接口createDingForPC详解：该接口用于唤起钉钉PC客户端的DING1.0发钉界面，支持设置接收人、消息内容、提醒方式(短信/应用内)和附件(图片/链接)等功能。仅适用于PC端(Mac/Windows)，不支持移动端，需注意与DING2.0版本区分。支持企业应用调用，需完成鉴权，调用后会弹出客户端界面由用户确认发送。典型应用场景包括PC端工作通知、带附件提醒和定时提醒等。
2025-07-17 21:37:11
455
原创 每日钉钉API探索：createDing一键发起DING消息
钉钉createDing接口详解：一键发起DING消息、任务和日程的实用工具。该接口支持移动端（Android/iOS/Harmony），可唤起钉钉客户端界面，让用户填写内容、选择附件和设置提醒方式。关键功能包括：发送紧急通知（支持短信/电话提醒）、创建任务（指定接收人和截止时间）、设置日程（含地点提醒）以及附带图片/链接。接口需通过H5鉴权或小程序直接调用，但不支持服务端自动发送。适用于企业协作中快速发起重要通知、任务分配等场景，有效提升团队沟通效率。
2025-07-17 21:31:31
893
原创 每日钉钉API探索：requestAuthCode网页应用（H5微应用）免登授权
钉钉提供requestAuthCode API，支持企业应用获取免登授权码，实现用户无密码自动登录。该API适用于企业内部及第三方企业应用（不支持个人应用），支持Harmony 7.0+、Mac/Windows 7.0.50+平台。调用时需传入企业CorpID和应用ClientID，返回5分钟有效的单次授权码。开发者通过四步流程（获取授权码→获取AccessToken→获取用户ID→查询用户详情）即可完成免登认证，既提升用户体验又保障安全性。
2025-07-16 21:08:14
597
原创 每日钉钉API探索：getAuthCode实现免登授权
钉钉getAuthCode API提供企业级免登录解决方案，支持小程序及多端应用。通过获取5分钟有效的单次授权码(authCode)，开发者可实现自动获取用户凭证、简化登录流程。该API无需鉴权，兼容各类企业应用，支持完整的免登流程：获取授权码→换取AccessToken→获取用户信息。典型应用场景包括企业内部系统和第三方服务，有效提升用户体验与安全性。目前主要适用于小程序环境，6.0.0+版本支持Android/iOS/Windows端小程序调用。
2025-07-16 21:01:35
664
原创 每日钉钉API探索：chooseExternalUsers高效选择外部联系人
钉钉chooseExternalUsers接口支持跨组织协作，可从外部联系人中选择用户，适用于审批、合作等场景。该接口支持Android/iOS/Harmony平台，提供多选/单选、最大人数限制、必选用户等功能。调用时需注意H5应用需鉴权，小程序可直接使用。返回结果包含用户姓名、头像、ID及所属组织信息。典型应用场景包括跨企业协作、客户管理及供应链系统等。开发者应根据需求选择合适的选择器接口，并注意性能优化。
2025-07-15 19:20:34
840
原创 每日钉钉API探索：chooseUserFromList灵活选取自定义联系人
钉钉chooseUserFromList API可让开发者创建自定义用户选择界面，支持从预定义列表选取单个联系人。该功能适用于任务分配等需精确控制用户范围的场景，支持Android/iOS/Harmony平台的企业应用和个人应用。关键参数包括用户ID列表、页面标题等，调用后返回联系人姓名、头像和ID。H5应用需鉴权，小程序可直接调用。此API为内部通讯录等场景提供了便捷的用户选择方案。
2025-07-15 19:14:23
462
原创 每日钉钉API探索：chooseDepartments专注于部门维度的选择接口
钉钉chooseDepartments API开发指南：该API支持企业应用选择单个或多个部门，返回部门ID、名称及员工数量等数据。适用权限管理、通知发送等场景，支持Android/iOS/Harmony等多平台6.0+版本。提供丰富的参数配置，如多选控制、数量限制等，并支持H5/小程序等应用类型。调用示例展示了如何获取部门选择结果，包含用户数、部门列表等关键信息。该API简化了企业级应用开发中的部门管理功能实现。
2025-07-14 21:23:06
1035
原创 每日钉钉API探索：choosePhonebook轻松选取用户手机联系人
钉钉API的choosePhonebook接口允许用户直接从手机联系人中选择一个或多个联系人，适用于快速分享联系人信息的场景。该功能支持Android/iOS移动端，适用企业内部、第三方企业及个人应用。调用时可设置标题、多选/单选、最大人数等参数，返回联系人姓名、手机号和头像信息。典型应用场景包括快速添加联系人、发送邀请或分享活动链接等。H5应用需鉴权后使用，小程序可直接调用。
2025-07-14 21:15:13
478
原创 每日钉钉API探索：chooseStaffForPC高效选择企业内部人员
《PC端人员选择接口chooseStaffForPC详解》摘要：该接口专为PC端设计，支持企业应用快速实现人员选择功能。支持Windows/Mac/Harmony平台，适用于审批、任务指派等场景。主要特性包括：可设置最大选择人数、预选人员、多选模式等，返回用户姓名、头像和工号信息。与移动端complexChoose不同，该接口仅支持选择人员。建议合理设置选择人数上限以保证性能。适用于PC管理后台、审批流程等需要精确选人的业务场景。（150字）
2025-07-13 22:13:33
504
原创 每日钉钉API探索：complexChoose灵活选择人和部门
钉钉API中的complexChoose接口为企业应用开发提供了高效的人员和部门选择解决方案。该接口支持跨企业选择，兼容移动、桌面及Web平台，从6.0.0版本起全面支持。通过丰富参数设置（如corpId、multiple、maxUsers等）可实现灵活配置，返回结果包含用户、部门信息及统计数量。开发者在H5应用中需鉴权使用，小程序则直接调用。示例代码展示了接口调用方式，返回数据包含用户详情和部门信息。该API显著提升了组织协作和权限管理的开发效率。
2025-07-13 22:04:19
581
原创 钉钉企业应用开发实战：从零构建组织级业务工具
钉钉企业应用开发指南详细介绍了从零构建企业应用的完整流程。内容包括开发前的准备工作（注册认证、权限配置、工具选择）、核心开发步骤（创建模板、审批流程实现）、权限与安全设计（角色控制、数据加密），以及调试发布环节。文章还提供了常见问题解决方案和进阶建议（集成机器人、数据可视化），并附有参考资源链接。该指南适用于需要开发定制化企业应用的技术人员，帮助实现审批自动化、考勤整合等数字化转型需求。（150字）
2025-07-12 21:38:37
841
原创 钉钉小程序开发环境配置与前端开发指南
钉钉小程序开发指南摘要 本文介绍了钉钉小程序的开发环境配置与前端开发流程。开发前需在钉钉开放平台创建应用并添加小程序能力，安装适配Mac/Windows的开发者工具后，可选择导入已有项目或新建模板项目。小程序开发基于类似微信小程序的框架结构（含全局配置、页面目录及组件），推荐使用DDScript或Vue.js提升效率。开发者工具支持模拟器预览和真机调试，完成开发后可上传至平台发布。钉钉小程序适合企业轻量化工具开发，建议从考勤、审批等场景入手，逐步探索生态功能。需关注官方文档保持API兼容性。
2025-07-12 21:34:06
2153
原创 判断当前是否为钉钉环境
本文介绍了在非钉钉环境下调用钉钉JSAPI获取授权码时的异常处理方案。通过封装isDingTalkEnv工具函数检测当前运行环境（利用dd.env.platform判断），确保只在钉钉客户端内调用相关API。示例代码展示了如何安全地实现钉钉登录流程，包括环境检测、授权请求和异常处理。该方法有效解决了兼容性问题，避免在不支持的环境下调用钉钉API导致异常，适用于需要钉钉上下文的开发场景。
2025-07-10 22:11:00
326
1
原创 H5微应用四端调试工具—网页版：深入解析与使用指南
钉钉开放平台推出了全新的H5微应用四端调试工具网页版，支持Mac、Windows、Android和iOS设备的调试。该工具提供类似Chromedevtools的功能，包括调试标签样式、打印调试语句、查看网络请求和JSAPI调用情况。开发者可通过CDN或npm方式快速集成，通过钉钉开发者后台创建应用并生成调试链接进行调试，支持线上和本地开发环境。工具操作便捷，能显著提升开发效率，是H5微应用开发者的实用利器。
2025-07-10 22:05:42
938
原创 钉钉企业应用开发技巧：查询表单实例数据新版SDK指南
钉钉新版SDK查询表单实例数据指南：本文详细介绍如何利用钉钉新版SDK查询宜搭表单数据，涵盖权限要求（需"宜搭表单数据读权限"）、API请求方式（POST方法）及关键参数配置（包括appType、formUuid等）。通过Java代码示例演示了客户端初始化、请求发送和异常处理流程，为开发者提供企业级应用开发的技术参考。该功能适用于需要对已提交表单数据进行查看分析的场景，建议结合官方文档获取最新技术支持。
2025-07-09 22:16:48
601
原创 多信息流展示利器 - 利用FeedCard优化企业通知与公告发布
钉钉企业内部机器人支持ActionCard和FeedCard两种消息类型，分别适用于不同交互场景。ActionCard提供单按钮（整体跳转）或多按钮（独立跳转）操作，适合审批、任务提醒等场景；FeedCard则用于展示多条图文信息，如新闻公告。文章详细说明了两种消息的JSON格式、参数说明及Java实现代码，并提醒开发者注意消息安全性和模板管理。这些功能能有效提升企业机器人的交互体验和工作效率。（149字）
2025-07-09 22:10:21
903
原创 钉钉企业内部机器人开发技巧：支持的消息类型详解
本文详细介绍了钉钉企业内部机器人通过Webhook发送消息的完整流程，重点讲解了三种常用消息类型：Text文本消息（支持@功能）、Link链接消息（带跳转链接）和Markdown富文本消息（支持格式排版）。文章包含每种消息类型的预期效果、数据格式、参数说明及Java代码示例，帮助开发者快速实现钉钉机器人消息推送功能。适用于企业内部通知、系统提醒等场景的开发需求。
2025-07-08 20:04:16
1132
原创 钉钉企业应用开发技巧：在单聊会话中实现互动卡片功能
本文详细介绍了如何利用钉钉开放平台开发企业内部机器人，实现单聊会话中的互动卡片功能。内容包括创建机器人、配置权限、设计卡片模板、调用IMAPI发送/更新卡片，以及处理用户操作回调等核心步骤。互动卡片支持按钮点击、表单填写等交互，能显著提升企业协作效率，适用于审批流程、任务提醒等场景。开发者需具备基础的后端开发能力，通过钉钉管理后台和开发者平台完成配置，最终实现智能化的企业协同应用。
2025-07-08 19:47:23
978
原创 钉钉企业内部机器人实现单聊会话互动开发指南
本文介绍了基于钉钉平台开发企业内部机器人的完整流程，重点实现单聊场景下的智能交互功能。开发步骤包括：创建机器人应用、获取凭证、配置消息接收地址、添加接口权限、发布上线，并通过Java示例代码演示如何实现多轮对话逻辑（如发票咨询场景）。文中详细说明了消息模板设计，特别是actionCard格式的交互式消息实现方法，同时提供权限管理、测试建议等注意事项。该方案可帮助企业快速构建具备智能对话能力的内部机器人，提升沟通效率。
2025-07-07 22:38:34
1400
原创 钉钉企业机器人开发技巧：实现单聊消息发送、状态查询与撤回
本文介绍了如何在钉钉开放平台开发企业内部机器人，实现单聊消息发送、查询已读状态和撤回消息功能。首先讲解了接入流程，包括创建机器人应用、获取凭证和申请权限。然后详细说明了三个核心功能的Java实现方法，并提供了示例代码。文章还强调了开发中的注意事项，如权限配置、用户ID获取和消息类型限制。通过钉钉机器人开发，企业可以提升沟通效率，构建智能化办公系统。
2025-07-07 22:32:20
1138
原创 钉钉企业应用开发技巧：机器人发送、查询和撤回群聊消息
本文详细讲解钉钉企业内部机器人实现群聊消息交互的核心功能，包括消息发送、已读状态查询和消息撤回操作。首先介绍创建机器人应用和获取凭证的流程，然后重点阐述三个核心功能的API调用方法：通过openConversationId发送群消息、使用processQueryKey查询消息阅读状态以及撤回指定消息。文章还提供Java代码示例，并强调权限校验、错误处理等最佳实践，帮助开发者构建高效的企业自动化消息系统。这些功能适用于公告通知、数据提醒等企业协作场景，是企业级应用开发的重要技能。
2025-07-06 23:52:53
1211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人