- 博客(151)
- 收藏
- 关注
RSS订阅
原创 自己动手封装axios通用方法并上传至私有npm仓库：详细步骤与实现指南
确定工具库的需求和功能：在开始构建工具库之前，你需要明确你的工具库需要包含哪些方法及工具，以及这些工具或方法应该具备哪些功能。配置npm源：在你的本地开发环境中，将npm的源配置为你的私有仓库地址。注意：如果你的npm仓库是私有的，你可能需要在package.json中添加一个publishConfig字段来指定你的私有仓库地址。编写文档和示例：为你的工具方法编写清晰的文档和示例，这有助于其他开发者理解和使用你的工具库。文档和示例：持续更新和维护你的文档和示例，以帮助其他开发者更好地理解和使用你的工具库。
2024-04-21 17:00:25
2226
原创 从零开始：构建、打包并上传个人前端组件库至私有npm仓库的完整指南
确定组件库的需求和功能：在开始构建组件库之前，你需要明确你的组件库需要包含哪些组件，以及这些组件应该具备哪些功能。这有助于你更好地规划你的开发工作。编写组件代码：使用你熟悉的前端框架（如React、Vue等）编写组件代码。确保你的代码具有良好的可读性和可维护性，并遵循相关的编码规范。创建组件库的结构：为了组织和管理你的组件，你需要创建一个清晰的目录结构。这可以包括组件的源代码、样式文件、文档和示例等。编写文档和示例：为你的组件编写清晰的文档和示例，这有助于其他开发者理解和使用你的组件库。
2024-04-15 10:42:24
5160
1
原创 在vue前端开发中基于refreshToken和axios拦截器实现token的无感刷新
RefreshToken 方法是现代 Web 应用中一种常见的身份验证机制，尤其在需要长时间保持用户登录状态的场景下具有重要意义。RefreshToken 方法的主要作用是在用户登录后，服务器生成一个 RefreshToken 并将其返回给客户端。客户端在之后的每次请求中都需要携带这个 RefreshToken，以便服务器能够验证用户身份并返回用户所需的数据。使用场景包括但不限于：用户在应用中的长时间操作、用户在多个设备上使用应用、用户需要跨域访问应用等。
2024-03-11 10:03:10
5521
2
原创 Vue3权限控制全攻略：路由与组件层面的用户角色与权限管理方法深度解析
权限控制是一个很重要的概念，在 Web 应用程序中尤其重要。简单地说，权限控制就是将用户分为不同的分类，为每个分类分配相应的用户权限。这样，用户就只能访问他们所允许的内容了。权限控制可以提高应用程序的安全性和稳定性，使数据更加安全可靠。在 Vue 中进行权限控制，通常有两种方式：第一种是在路由层面进行控制，第二种是在组件层面进行控制。
2024-03-09 10:31:17
9705
4
原创 基于transform的scale属性，实现数据可视化大屏自适应缩放，保持比例不变，轻松应对不同分辨率
在做可视化大屏时，大屏的分辨率基本都是固定死的，因此我们只需要把页面按照设计稿尺寸写死即可，但是我们开发屏幕很小，这时候总要将浏览器进行缩小，这里给出一个通用方法，供大家使用，无需缩放浏览器。应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。做大屏项目时，需要适配不同屏幕，且在任意屏幕下保持16:9的比例，保持显示效果一致，屏幕比例不一致两边留白即可。可以在一个项目里面，使用不同分辨率或比例的大屏页面。
2024-02-29 09:31:40
5208
2
原创 uni-app开发微信小程序：四大解决方案，轻松应对主包与vendor.js过大打包难题
使用uniapp开发微信小程序时主包太大和vendor.js过大无法打包的问题在uniapp开发小程序这一块，相信很多开发者都遇到过代码体积太大无法打包的问题，这时候就要优化小程序包大小。下面分享一下我的解决思路。希望能给大家一些帮助吧。
2024-01-22 10:15:06
36002
6
原创 微信小程序动态tabBar实现：基于自定义组件，灵活支持不同用户角色与超过5个tab自由组合（更新版）
在开发小程序过程中，有个需求是，小程序底部的tabBar需要根据不同用户角色显示不同底部导航。这里不用管tabBar的list超过5个，因为后面是使用自定义组件，完全接管 tabBar 的渲染。2、本示例是7个底部导航，分2种权限，权限1显示1，2，3；权限2显示4，5，6，7；3、当然你也可以自由其他组合，比如：权限1显示1，4；权限2显示1，2，3，4；另1种权限显示4个按钮（这里做的是显示4，5，6，7导航）1种权限显示3个按钮（这里做的是显示1，2，3导航）修改好权限后，记得要重新编译哦。
2024-01-04 09:18:43
16854
50
原创 Vue微前端新探：iframe优雅升级，扬长避短，重获新生
iframe是一个天然的微前端方案，但受限于跨域的严格限制而无法很好的应用，本文介绍一种基于iframe优雅实现全新的微前端方案，继承iframe的优点，补足 iframe 的缺点，让 iframe 焕发新生。
2023-07-17 14:16:11
7440
4
原创 uni-app开发实战：利用Vue混入(mixin)实现微信小程序全局分享功能，一键发送给朋友、分享到朋友圈、复制链接
3.如果在特定页面需要自定义分享内容，也仍旧可以使用页面的 onShareAppMessage() 和 onShareTimeline() 方法自定义分享的内容，全局的分享会被页面定义的分享内容覆盖。开发过小程序的朋友们应该都遇到这样的情况，可能很多个页面有相同的函数，例如onShareAppMessage，有什么最佳实践吗，应该如何处理呢？如果你的小程序，发现他的【转发给朋友】的按钮时灰色的，不能点击，那么说明这个小程序没有写这部分的代码。很常见的功能，但是这几个功能，并不是你项目建起来了就有的。
2023-06-14 13:55:55
12798
6
原创 基于Canvas技术结合自定义指令实现页面背景图水印功能方案（增强版）
水印一般是在页面上覆盖一层半透明的文字或者图片，防止截图或者未经授权的使用。实现方法可能有几种，比如用CSS生成背景图，或者用Canvas动态生成水印，再插入到页面中。在Vue中，可以封装成一个组件或者自定义指令。考虑到Vue的特性，自定义指令可能更方便，因为可以全局注册，然后在需要的元素上使用，或者直接应用到根元素上覆盖整个页面。
2025-03-21 11:14:24
1576
原创 基于Node.js实现大文件断点续传的完整方案，与前端的Vue+Element UI示例完美配合
Spark-md5是一个JavaScript库，用于快速计算文件或数据的MD5值，支持浏览器环境，可用于文件完整性校验和分片计算。p-limit是一个用于限制并发操作的JavaScript库，主要用于控制同时执行的异步操作数量，以避免系统资源过度占用和性能下降。如果用户关闭了浏览器或刷新了页面，当用户再次选择文件时，通过计算哈希值并与服务器上的记录进行比较，以确定哪些分片已经上传。当用户选择文件时，计算文件的哈希值作为唯一标识，并检查哪些分片已经上传。合并分片接口：当所有分片上传完成后，合并成完整的文件。
2025-03-19 09:22:00
1204
原创 鸿蒙HarmonyOS NEXT开发：蓝牙服务开发(低功耗蓝牙)
蓝牙技术是一种无线通信技术，可以在短距离内传输数据。它是由爱立信公司于1994年提出的，使用2.4 GHz的ISM频段，可以在10米左右的距离内进行通信。可以用于连接手机、耳机、音箱、键盘、鼠标、打印机等各种设备。特点是低功耗、低成本、简单易用。目前已经发展到了第五代，支持更高的数据传输速率和更广的覆盖范围。a2dp模块（高级音频分发配置文件）：A2DP是Advanced Audio Distribution Profile的缩写，即高级音频分发配置文件。
2025-03-05 10:20:45
1189
原创 鸿蒙HarmonyOS NEXT开发：使用三方库实现Echarts图表功能的实战指南
ECharts是一个基于JavaScript的图表库，它提供了丰富的图表类型和交互功能，使开发者能够在网页中创建各种类型的交互式图表和数据可视化效果。无论是折线图、柱状图、饼图，还是散点图、雷达图、地图等，ECharts都能轻松应对。
2025-03-04 15:30:02
1272
原创 DeepSeek：当人人都会用AI时，你如何用得更好更出彩？从入门到精通《场景实战阶段二》
设计高效的创作提示语，需要关注文章的结构设计与表达特色。针对不同类型的微博内容，提示语设计需要采取差异化策略。微博内容创作的关键在于把握“短平快”的平台节奏，同时又要确保内容的价值密度。与其他自媒体平台相比，微信公众号的读者对论据的权威性和可靠性要求更高。论点之间需要形成清晰的递进关系，可以是“现象—原因—影响—对策”或“问题—分析—方案—效果”等框架。在论证过程中融入不同视角的观点，既展现思考的全面性，又能增强文章的可信度。通过提示语明确文章的论证路径，包括论点展开顺序、论据类型和过渡方式。
2025-02-26 10:45:07
1438
原创 DeepSeek：当人人都会用AI时，你如何用得更好更出彩？从入门到精通《场景实战阶段一》
在商业环境中，优质的文案起到了品牌与消费者之间沟通的关键作用。它不仅应准确传达信息，还需激发情感共鸣，从而有效引导目标受众作出相应的决策或行动。本节将从品牌定位、价值主张和未来愿景三个核心要素出发，通过关键考量、常见陷阱和提示语框架三个维度来详细阐述每个要素的重要性和设计方法。在商业文案写作中，最终目标往往是促使受众采取特定行动，行动引导的核心在于说服和激励。在商业文案设计中，情感共鸣是影响消费者行为的重要因素，核心在于共情和感染。在商业文案写作中，有效的信息传递是基础，信息传递的核心在于清晰和精准。
2025-02-26 09:34:27
944
原创 DeepSeek：当人人都会用AI时，你如何用得更好更出彩？从入门到精通《高手进化阶段》
为了使生成的气候变化文章变得更加深度和细节，可以利用DES（Detailed Explanation Strategy）来构建一个关键概念细节矩阵。任务目标：创作一篇关于气候变化的文章，旨在提高公众意识并促进行动。KTT基于认知科学中的迁移学习理论和组织学习理论。（1）陈述型（强度8）：提供可靠的气候变化数据和科学发现。• 关键特征：全球变暖、极端天气、海平面上升、生态系统变化。（2）指令型（强度7）：鼓励读者采取具体的环保行动。（3）表达型（强度6）：传达对气候变化威胁的紧迫感。
2025-02-25 13:56:25
871
原创 DeepSeek：当人人都会用AI时，你如何用得更好更出彩？从入门到精通《效率飞跃阶段》
提示语（Prompt）是用户输入给AI系统的指令或信息，用于引导AI生成特定的输出或执行特定的任务。简单来说，提示语就是我们与AI“对话”时所使用的语言，它可以是一个简单的问题，一段详细的指令，也可以是一个复杂的任务描述。控制类元素用于管理和引导AI的生成过程，确保输出符合预期并能够进行必要的调整，是实现高级提示语工程的重要工具。信息类元素决定了AI在生成过程中需要处理的具体内容，包括主题、背景、数据等，为AI提供了必要的知识和上下文。控制提示语长度的技巧：避免嵌套复杂的指令、保持简洁性、使用分步提示。
2025-02-25 10:46:03
1071
原创 DeepSeek：当人人都会用AI时，你如何用得更好更出彩？从入门到精通《基础对话阶段》
此类模型通常通过对大量文本数据的训练，掌握语言规律并能够生成合适的内容，但缺乏像推理模型那样复杂的推理和决策能力。CoT链式思维的出现将大模型分为了两类：“概率预测（快速反应）”模型和“链式推理（慢速思考）”模型。前者适合快速反馈，处理即时任务；推理模型： 推理大模型是指能够在传统的大语言模型基础上，强化推理、逻辑分析和决策能力的模型。“为降低物流成本，现有两种方案： ①自建区域仓库（初期投入高，长期成本低） ②与第三方合作（按需付费，灵活性高） 请根据ROI计算模型，对比5年内的总成本并推荐最优解。
2025-02-24 09:44:56
805
原创 DeepSeek：当人人都会用AI时，你如何用得更好更出彩？从入门到精通《入门阶段》
通过系统的学习、实践和创新，你将能够掌握这一领域的前沿技术，并在实际项目中应用这些知识。直接面向用户或者支持开发者，提供智能对话、文本生成、语义理解、计算推理、代码生成补全等应用场景，支持联网搜索与深度思考模式，同时支持文件上传，能够扫描读取各类文件及图片中的文字内容。对于已有的文本内容，Deepseek能够进行润色、修改和校对，提升文本的质量和可读性。起源：Deepseek的概念最初源于对自然界奥秘的无限好奇，随着人工智能、大数据、云计算等技术的飞速发展，逐渐从概念转变为具体的技术平台和工具。
2025-02-24 09:25:14
910
原创 鸿蒙HarmonyOS NEXT开发：优化用户界面性能——组件复用(@Reusable装饰器)
组件复用是优化用户界面性能，提升应用流畅度的一种重要手段，通过复用已存在的组件节点而非创建新的节点，从而确保UI线程的流畅性与响应速度。组件复用针对的是自定义组件，只要发生了相同自定义组件销毁和再创建的场景，都可以使用组件复用，例如滑动列表场景，会出现大量重复布局的创建，使用组件复用可以大幅度降低了因频繁创建与销毁组件带来的性能损耗。然而，面对复杂的业务场景或者布局嵌套的场景下，组件复用使用不当，可能会导致复用失效或者性能提升不能最大化。例如列表中存在多种布局形态的列表项，无法直接复用。
2025-02-13 13:54:28
1320
原创 鸿蒙HarmonyOS NEXT开发：横竖屏切换开发实践
横竖屏切换功能即实现应用内既支持竖屏显示也支持横屏显示的效果。对于应用内不同页面显示方向不同的情况，需要在应用逻辑中，动态修改窗口方向，来实现该效果，例如包含视频播放功能的应用，首页内容是采用竖屏方式，而视频详情页则采用横屏方式展示。窗口旋转策略的选择常用应用类型的横竖屏开发常见的横竖屏开发问题旋转时，由于整窗一起旋转，会导致页面重新布局，但是实际上需要展示的可能只有播放内容，对于其他的组件可以使用自定义组件冻结功能，避免由于旋转导致的UI更新操作。例如视频播放底下的详情内容，可能是单独的组件。
2025-02-12 10:21:55
1865
3
原创 鸿蒙HarmonyOS NEXT开发：优化复杂UI页面的性能——自定义组件冻结(freezeWhenInactive属性)
自定义组件冻结功能专为优化复杂UI页面的性能而设计，尤其适用于包含多个页面栈、长列表或宫格布局的场景。在这些情况下，当状态变量绑定了多个UI组件，其变化可能触发大量UI组件的刷新，进而导致界面卡顿和响应延迟。为了提升这类负载UI界面的刷新性能，开发者可以选择尝试使用自定义组件冻结功能。开发者通过设置freezeWhenInactive属性，即可激活组件冻结机制。
2025-02-10 09:34:38
1311
原创 鸿蒙HarmonyOS开发：一次开发，多端部署（界面级）常见布局解决方案
外层可以使用栅格组件GridRow，通过调用OnBreakpointChange事件，调整不同的断点下Swiper的前后边距，实现在不同屏幕尺寸上的显示不同Swiper图片数。在大屏上，Grid组件里的9宫格图片大小过大，页面整体浏览内容减少，可以设置Grid组件宽度和宽高比，使Grid组件保持固定大小，不会随着屏幕尺寸变化而变化。针对信息流单张图片过大的情况，设置aspectRatio和constrainSize属性，可以通过对图片的布局和尺寸进行约束，达到适配效果。
2025-01-22 10:54:29
992
原创 鸿蒙HarmonyOS开发：自适应布局的介绍，使用场景、实现方式与示例解析
自适应布局是通过设定元素与外部容器的相对关系实现的。当外部容器大小、位置等发生变化时，元素即可以根据相对关系自动变化以适应外部环境的变化。通常自适应布局能根据vp/px变化进行无级连续的变化。自适应布局常常需要借助Row组件、Column组件或Flex组件实现。针对常见的开发场景，方舟开发框架提炼了七种自适应布局能力，这些布局可以独立使用，也可多种布局叠加使用。自适应布局能力使用场景实现方式拉伸能力容器组件尺寸发生变化时，增加或减小的空间全部分配给容器组件内指定区域。
2025-01-20 14:01:12
1570
原创 鸿蒙HarmonyOS开发：拨打电话、短信服务、网络搜索、蜂窝数据、SIM卡管理、observer订阅管理
蜂窝数据是无线通讯技术标准的一种，从数据的传输到交换都采用分组技术（Packet Switch），能够为移动设备提供话音、数据、视频图像等业务，经常用于支持用户在智能设备上使用应用程序，以及在移动网络上浏览网页。提供订阅管理功能，可以订阅/取消订阅的事件包括：网络状态变化、信号状态变化、通话状态变化、蜂窝数据链路连接状态、蜂窝数据业务的上下行数据流状态、SIM状态变化。应用可以实现创建、发送短信消息的功能。除此之外，应用还可以实现获取、设置短信服务中心地址，和检查当前设备是否具备短信发送和接收能力等功能。
2025-01-02 14:10:46
1398
原创 鸿蒙HarmonyOS开发：基于Swiper组件和自定义指示器实现多图片进度条轮播功能
在短视频平台上，经常可以见到多图片合集。它的特点是：由多张图片组成一个合集，图片可以自动进行轮播，也可以手动去进行图片切换。自动轮播时，图片下方的进度条缓慢加载至完成状态；手动切换时，图片下方的进度条瞬间切换至已完成状态或未完成状态。由于原生Swiper组件自带的导航点指示器目前只支持数字和圆点的样式，不支持对应的特殊样式，因此需要通过自定义指示器（即进度条）来模拟底部的导航条效果。常见的图文作品，可以自动循环播放和手动切换播放合集中的图片。
2025-01-02 10:01:11
1787
原创 鸿蒙HarmonyOS开发：安全区域、沉浸式页面开发实践，软键盘布局适配解决方案
安全区域定义为页面的显示区域，其默认不与系统设置的非安全区域（如状态栏、导航栏）重叠，以确保开发者设计的界面均布局于安全区域内。然而，当Web组件启用沉浸式模式时，网页元素可能会出现与状态栏或导航栏重叠的问题。具体示例如图1所示，中间部分的区域即为安全区域，而顶部状态栏、屏幕挖孔区域和底部导航条则被界定为避让区，Web组件开启沉浸式效果时，网页内底部元素与导航条发生重叠。
2024-12-25 10:44:28
1722
原创 鸿蒙HarmonyOS开发：仿抖音首页沉浸式页面效果，利用Navigation组件实现弹出评论弹窗
组件导航（Navigation）主要用于实现页面间以及组件内部的页面跳转，支持在不同组件间传递跳转参数，提供灵活的跳转栈操作，从而更便捷地实现对不同页面的访问和复用。本文将从组件导航（Navigation）的显示模式、路由操作、子页面管理、跨包跳转以及跳转动效等几个方面进行详细介绍。
2024-12-24 15:10:52
1301
原创 鸿蒙HarmonyOS开发：深色模式适配相关技术（实现颜色资源适配、媒体资源适配、状态栏适配等）
深色模式（Dark Mode）又称之为暗色模式，是与日常应用使用过程中的浅色模式（Light Mode）相对应的一种UI主题。深色模式满足更多个性化的需求，基于人因研究设计了深色模式下舒适的颜色范围。深色模式开启后，浅色主题应用界面背景会变成深色，而文字、图标等前景会变成浅色。深色模式的界面上内容更加突出、在 OLED 屏幕的设备上更加省电、能够给用户带来视觉舒适感和沉浸式体验。
2024-12-18 09:29:15
1725
原创 鸿蒙HarmonyOS开发：基于Swiper组件实现了短视频的滑动上下切换，TabBar悬浮在TabContent之上效果
本示例基于Swiper组件实现了短视频的滑动上下切换。启动应用后显示短视频界面。上下滑动切换短视频。点击视频，暂停播放。右侧可以点击关注，点赞，收藏，等效果。TabBar悬浮在TabContent之上。
2024-12-17 11:24:45
1467
原创 鸿蒙HarmonyOS开发：List组件嵌套滑动，实现上下滑动时顶部tab栏在搜索框卷起后有吸顶效果
使用列表可以轻松高效地显示结构化、可滚动的信息。通过在List组件中按垂直或者水平方向线性排列子组件ListItemGroup或ListItem，为列表中的行或列提供单个视图，或使用循环渲染迭代一组行或列，或混合任意数量的单个视图和ForEach结构，构建一个列表。List组件支持使用条件渲染、循环渲染、懒加载等渲染控制方式生成子组件。
2024-12-16 11:27:05
1516
原创 鸿蒙HarmonyOS开发：一次开发，多端部署（工程级）三层工程架构
工程级一多需要考虑如何实现一套代码同时能部署到多种不同设备上，代码工程如何组织。在进行应用开发时，一个应用通常包含一个或多个Module。Module是HarmonyOS应用/服务的基本功能单元，包含了源代码、资源文件、第三方库及应用/服务配置文件，每一个Module都可以独立进行编译和运行。
2024-11-21 09:25:05
2446
原创 使用Element UI实现前端分页，前端搜索，及el-table表格跨页选择数据，切换分页保留分页数据，限制多选数量
在现代Web应用中，数据量庞大，一次性加载所有数据，不仅会增加页面加载时间，还会消耗过多的网络资源和客户端内存。因此，分页技术成为了优化用户体验和提高性能的关键手段之一。而作为一名前端开发，分页功能我们经常会用到，而且有时候，后端会把数据一次性给我们，需要我们自己处理数据，做前端分页。使用Element UI实现前端分页是一项常见的需求。Element UI提供了一个方便的 Pagination 组件，可以用来实现分页功能。以下是一个简单的示例，展示了如何实现前端分页。
2024-11-19 16:42:27
2500
2
原创 优化前端开发中的提示语设计基本原则
在Web前端开发的广阔领域中，提示信息作为通过文字、图标或多种媒介向用户传达反馈、指导及警示的关键元素，发挥着举足轻重的作用。它们不仅是用户理解界面操作的重要桥梁，更是引导用户流畅完成各项任务的无形之手。以下精心提炼的原则，旨在为界面提示用语的规划与设计提供一套统一的规范与标准，确保提示信息的风格一致、表述清晰、流畅自然，从而为用户营造出一个愉悦、高效的阅读体验环境。
2024-11-19 16:41:39
1611
原创 鸿蒙HarmonyOS开发：给应用添加基础类型通知和进度条类型通知（API 12）
通知旨在让用户以合适的方式及时获得有用的新消息，帮助用户高效地处理任务。显示接收到的短消息、即时消息等。显示应用的推送消息，如广告、版本更新等。显示当前正在进行的事件，如下载等。
2024-11-12 09:24:13
1716
原创 鸿蒙HarmonyOS开发：应用权限的基本概念及如何申请应用权限详细介绍
默认情况下，应用只能访问有限的系统资源。system_grant指的是系统授权类型，在该类型的权限许可下，应用被允许访问的数据不会涉及到用户或设备的敏感信息，应用被允许执行的操作对系统或者其他应用产生的影响可控。user_grant指的是用户授权类型，在该类型的权限许可下，应用被允许访问的数据将会涉及到用户或设备的敏感信息，应用被允许执行的操作可能对系统或者其他应用产生严重的影响。每一个权限的权限等级、授权方式不同，申请权限的方式也不同，开发者在申请权限前，需要先根据以下流程判断应用能否申请目标权限。
2024-10-14 10:31:32
3689
1
原创 鸿蒙HarmonyOS开发：音频播放及长时任务(熄屏播放,后台播放)的应用
Media Kit（媒体服务）提供了AVPlayer和AVRecorder用于播放、录制音视频。在Media Kit的开发指导中，将介绍各种涉及音频、视频播放或录制功能场景的开发方式，指导开发者如何使用系统提供的音视频API实现对应功能。比如使用SoundPool实现简单的提示音，当设备接收到新消息时，会发出短促的“滴滴”声；使用AVPlayer实现音乐播放器，循环播放一首音乐。
2024-10-14 09:15:28
2324
1
原创 鸿蒙HarmonyOS开发：一次开发，多端部署（界面级）天气应用案例
布局可以分为自适应布局和响应式布局，二者的介绍如下表所示。名称简介自适应布局当外部容器大小发生变化时，元素可以根据相对关系自动变化以适应外部容器变化的布局能力。相对关系如占比、固定宽高比、显示优先级等。当前自适应布局能力有7种：拉伸能力、均分能力、占比能力、缩放能力、延伸能力、隐藏能力、折行能力。自适应布局能力可以实现界面显示随外部容器大小连续变化。响应式布局当外部容器大小发生变化时，元素可以根据断点、栅格或特定的特征（如屏幕方向、窗口宽高等）自动变化以适应外部容器变化的布局能力。
2024-09-20 10:52:01
2120
原创 鸿蒙HarmonyOS开发：懒加载(LazyForEach)、瀑布流组件(WaterFlow)
懒加载LazyForEach是一种延迟加载的技术，它是在需要的时候才加载数据或资源，并在每次迭代过程中创建相应的组件，而不是一次性将所有内容都加载出来。懒加载通常应用于长列表、网格、瀑布流等数据量较大、子组件可重复使用的场景，当用户滚动页面到相应位置时，才会触发资源的加载，以减少组件的加载时间，提高应用性能，提升用户体验。在声明式描述语句中，有两种方式控制列表、网格等容器类组件的渲染，分别为循环渲染（ForEach）和数据懒加载（LazyForEach）。
2024-09-20 09:33:03
1727
1
原创 鸿蒙HarmonyOS开发：一次开发，多端部署（界面级）音乐专辑案例
随着终端设备形态日益多样化，分布式技术逐渐打破单一硬件边界，一个应用或服务，可以在不同的硬件设备之间随意调用、互助共享，让用户享受无缝的全场景体验。而作为应用开发者，广泛的设备类型也能为应用带来广大的潜在用户群体。但是如果一个应用需要在多个设备上提供同样的内容，则需要适配不同的屏幕尺寸和硬件，开发成本较高。HarmonyOS 系统面向多终端提供了“一次开发，多端部署”（后文中简称为“一多”）的能力，让开发者可以基于一种设计，高效构建多端可运行的应用。定义：一套代码工程，一次开发上架，多端按需部署。
2024-09-14 11:10:02
1412
一个基于 Node.js (Express) 实现大文件断点续传后端的完整方案，与前端的 Vue + Element UI 示例完美配合
2025-03-18
vue中前端利用refreshToken结合axios拦截器实现token的无感刷新
2024-01-16
数据可视化大屏自适应，保持比例不变形，满足不同分辨率的需求-利用transform的scale属性缩放，缩放整个页面
2024-01-09
优雅实现微信小程序动态tabBar，根据不同用户角色显示不同底部导航-更新版（支持自由组合总数超过5个tabBar菜单）
2024-01-03
vue中使用echarts实现省市地图绘制，根据数据在地图上显示柱状图信息
2023-11-22
vue中使用echarts实现省市地图绘制，根据数据显示省市天气图标及温度信息
2023-11-22
vue中使用echarts实现地图区域颜色，省市切换，根据数据实现区的打点效果
2023-11-17
优雅实现微信小程序动态tabBar，根据不同用户角色显示不同底部导航
2023-11-01
vue基于iframe优雅实现全新的微前端方案，继承iframe的优点，补足 iframe 的缺点，让 iframe 焕发新生
2023-11-01
vue3+vite+pinia+electron实现桌面端应用-自定义收藏夹功能
2023-11-01
VLC多媒体播放器 VLC Media Player
2023-05-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人