文章目录前言完整代码结构预览第一部分高性能数据源与懒加载机制 (WaterFlowDataSource)第二部分WaterFlow 核心布局与动态列数第三部分毛玻璃控制面板与交互反馈完整代码总结与实战建议前言在上一期的实战中我们掌握了沉浸式光感的毛玻璃Glass MorphismUI 设计。今天我们将迎来鸿蒙 ArkUI 复杂列表布局的“终极武器”——高性能动态列数瀑布流 (WaterFlow)。在电商推荐、资讯流或图片展示等场景中传统的Grid布局往往因为“行高等高”的缺陷导致高度不一的卡片底部产生大量空白。而鸿蒙提供的WaterFlow容器配合LazyForEach懒加载机制不仅能实现真正的紧凑排列还能轻松应对海量数据的流畅渲染。这个实战案例结合了 ArkTS 的高性能渲染与动态交互能力涵盖了以下核心知识点WaterFlow 核心算法利用列优先填充策略实现高度不一卡片的无缝紧凑排列。LazyForEach 懒加载配合自定义数据源实现海量数据下的按需渲染与流畅滚动。动态列数切换实时改变columnsTemplate实现从单列到多列的平滑布局切换。上拉加载更多结合滚动监听与异步数据加载打造无限滚动的瀑布流体验。下面我们就对这段实现高性能瀑布流的代码进行一次深度解析。完整代码结构预览首先让我们从整体上把握代码结构。它定义了一个WaterFlowDemo入口组件核心是自定义数据源的管理、瀑布流容器的渲染以及控制面板的动态交互。import{CustomWaterFlow,WaterFlowDataSource,WaterFlowItem}from../components/WaterFlowEntryComponentstruct WaterFlowDemo{// 1. 状态与数据源定义Statecolumns:number2Stategap:number12StatetotalCount:number0StateisLoading:booleanfalseprivatedataSource:WaterFlowDataSourcenewWaterFlowDataSource()// 2. 数据加载与生成逻辑aboutToAppear(){...}privateloadInitialData():void{...}privateloadMoreData():void{...}privategenerateItems(startIndex:number,count:number):WaterFlowItem[]{...}// 3. 页面主体与自定义构建build(){...}BuilderHeader(){...}BuilderControlPanel(){...}BuilderColumnButton(count:number){...}}第一部分高性能数据源与懒加载机制 (WaterFlowDataSource)在鸿蒙 ArkTS 中处理长列表或瀑布流时直接使用ForEach会导致所有子项一次性渲染极易引发卡顿。本案例引入了自定义的WaterFlowDataSource配合LazyForEach来解决这一问题。privatedataSource:WaterFlowDataSourcenewWaterFlowDataSource()privateloadInitialData():void{constitemsthis.generateItems(0,50)this.dataSource.replaceData(items)// 初始化替换数据this.totalCount50}privateloadMoreData():void{if(this.isLoading)returnthis.isLoadingtruesetTimeout((){constitemsthis.generateItems(this.totalCount,20)this.dataSource.addData(items)// 异步追加数据this.totalCount20this.isLoadingfalse},1000)}数据源驱动WaterFlowDataSource充当了 UI 与原始数据之间的桥梁。它内部维护了数据的索引和状态能够精确告知WaterFlow当前需要渲染哪些子项。增量更新在loadMoreData中我们通过addData方法向数据源尾部追加新数据。LazyForEach监听到数据源的变化后只会创建新增的 20 个FlowItem而不会重新渲染之前的 50 个从而保证了极致的滚动性能。随机高度模拟在generateItems中我们为每个卡片生成了Math.floor(Math.random() * 150) 100的随机高度完美模拟了真实业务中卡片内容长短不一的场景。第二部分WaterFlow 核心布局与动态列数WaterFlow区别于Grid的核心在于其底层算法它按照列优先的顺序填充子项每列独立计算累积高度并将下一个子项自动放入当前最短的那一列。Scroll(){CustomWaterFlow({dataSource:this.dataSource,columns:this.columns,// 动态绑定的列数gap:this.gap,// 动态绑定的间距onLoadMore:()this.loadMoreData()// 触底加载更多回调}).width(100%).padding({left:16,right:16,top:16})}.layoutWeight(1).scrollBar(BarState.Off)动态列数切换columns是一个State变量。当用户在控制面板点击不同的列数按钮时CustomWaterFlow内部会动态更新columnsTemplate例如从1fr 1fr变为1fr 1fr 1fr 1fr。WaterFlow容器会自动重新计算所有卡片的排列位置实现布局的无缝切换。间距动态调节gap同样绑定状态用户拖动滑块时卡片之间的columnsGap和rowsGap会实时响应方便开发者调试最佳的视觉呼吸感。第三部分毛玻璃控制面板与交互反馈为了让这个技术演示更具现代感我们在页面顶部嵌入了一个带有毛玻璃效果的控制面板。BuilderControlPanel(){Column({space:16}){// 列数切换按钮组Row({space:8}){this.ColumnButton(1)this.ColumnButton(2)this.ColumnButton(3)this.ColumnButton(4)}// 间距调节滑块Slider({value:this.gap,min:4,max:24,style:SliderStyle.OutSet}).onChange((value:number){this.gapvalue})}.backdropBlur(20).backgroundColor(rgba(255,255,255,0.06)).borderColor(rgba(255,255,255,0.1))}状态联动ColumnButton通过对比this.columns count来动态切换按钮的高亮状态和字体颜色。点击按钮时直接修改State变量columns触发 UI 重渲染。视觉统一控制面板沿用了上一期实战中的毛玻璃Glass Morphism设计规范使用backdropBlur和半透明边框使其悬浮在深色背景之上既保证了操作的便捷性又不破坏整体界面的沉浸感。完整代码import{CustomWaterFlow,WaterFlowDataSource,WaterFlowItem}from../components/WaterFlowEntryComponentstructWaterFlowDemo{Statecolumns:number2Stategap:number12StatetotalCount:number0StateisLoading:booleanfalseprivate dataSource:WaterFlowDataSourcenewWaterFlowDataSource()aboutToAppear(){this.loadInitialData()}privateloadInitialData():void{constitemsthis.generateItems(0,50)this.dataSource.replaceData(items)this.totalCount50}privateloadMoreData():void{if(this.isLoading)returnthis.isLoadingtruesetTimeout((){constitemsthis.generateItems(this.totalCount,20)this.dataSource.addData(items)this.totalCount20this.isLoadingfalse},1000)}privategenerateItems(startIndex:number,count:number):WaterFlowItem[]{constcolors[#667EEA,#F093FB,#4FACFE,#43E97B,#FA709A,#FECA57,#95E1D3,#FF9FF3]constcontents[瀑布流,高性能,自定义布局,响应式,列平衡,可变高度,Grid,Flex,Layout,Waterfall,Flow,Masonry,Lazy,Virtual,Scroll]constitems:WaterFlowItem[][]for(let i0;icount;i){constindexstartIndexi items.push({id:item_${index},height:Math.floor(Math.random()*150)100,content:contents[index%contents.length],color:colors[index%colors.length]})}returnitems}build(){Column(){this.Header()this.ControlPanel()Scroll(){CustomWaterFlow({dataSource:this.dataSource,columns:this.columns,gap:this.gap,onLoadMore:()this.loadMoreData()}).width(100%).padding({left:16,right:16,top:16})}.layoutWeight(1).scrollBar(BarState.Off)}.width(100%).height(100%).backgroundColor(#1A1A2E)}BuilderHeader(){Column({space:8}){Text(瀑布流布局).fontSize(32).fontWeight(FontWeight.Bold).fontColor(#FFFFFF)Text(高性能LazyForEach· 已加载 ${this.totalCount}项).fontSize(16).fontColor(#FFFFFF).opacity(0.7)}.width(100%).padding({top:60,bottom:20,left:16,right:16}).alignItems(HorizontalAlign.Center)}BuilderControlPanel(){Column({space:16}){Row(){Text(列数:).fontSize(14).fontColor(#FFFFFF).opacity(0.8)Blank()Row({space:8}){this.ColumnButton(1)this.ColumnButton(2)this.ColumnButton(3)this.ColumnButton(4)}}.width(100%)Row(){Text(间距:).fontSize(14).fontColor(#FFFFFF).opacity(0.8)Blank()Slider({value:this.gap,min:4,max:24,style:SliderStyle.OutSet}).layoutWeight(1).trackThickness(4).selectedColor(#667EEA).blockColor(#FFFFFF).onChange((value:number){this.gapvalue})}.width(100%)}.width(90%).padding(16).backdropBlur(20).backgroundColor(rgba(255,255,255,0.06)).borderWidth(1).borderColor(rgba(255,255,255,0.1)).borderRadius(16).margin({bottom:16})}BuilderColumnButton(count:number){Button(){Text(count.toString()).fontSize(14).fontColor(this.columnscount?#667EEA:#FFFFFF).fontWeight(this.columnscount?FontWeight.Bold:FontWeight.Normal)}.width(40).height(40).backgroundColor(this.columnscount?rgba(255,255,255,0.2):rgba(255,255,255,0.08)).borderRadius(12).onClick((){this.columnscount})}}总结与实战建议通过这个高性能瀑布流的实战我们掌握了以下 ArkTS 高阶列表渲染技能WaterFlow vs Grid 的本质区别深刻理解了WaterFlow的列优先填充算法它是解决“参差不齐卡片布局”的唯一正解彻底告别了Grid带来的底部留白问题。LazyForEach 的性能优势在处理超过 50 项以上的长列表时必须使用数据源驱动的LazyForEach替代ForEach以实现组件复用和按需渲染。动态布局的平滑切换通过将columnsTemplate与State变量绑定我们可以轻松实现类似新闻客户端“单列/双列/三列”视图切换的高级功能。无限滚动的实现范式结合Scroll容器、onLoadMore回调以及异步数据追加构建了一套标准的海量数据加载流程。希望这篇详细的代码解析能帮你彻底掌握鸿蒙 ArkTS 的瀑布流布局与高性能渲染技巧如果你觉得有用欢迎点赞、收藏我们下期再见
鸿蒙 ArkTS 实战：打造高性能动态列数瀑布流 (WaterFlow)
发布时间：2026/7/6 4:03:19
文章目录前言完整代码结构预览第一部分高性能数据源与懒加载机制 (WaterFlowDataSource)第二部分WaterFlow 核心布局与动态列数第三部分毛玻璃控制面板与交互反馈完整代码总结与实战建议前言在上一期的实战中我们掌握了沉浸式光感的毛玻璃Glass MorphismUI 设计。今天我们将迎来鸿蒙 ArkUI 复杂列表布局的“终极武器”——高性能动态列数瀑布流 (WaterFlow)。在电商推荐、资讯流或图片展示等场景中传统的Grid布局往往因为“行高等高”的缺陷导致高度不一的卡片底部产生大量空白。而鸿蒙提供的WaterFlow容器配合LazyForEach懒加载机制不仅能实现真正的紧凑排列还能轻松应对海量数据的流畅渲染。这个实战案例结合了 ArkTS 的高性能渲染与动态交互能力涵盖了以下核心知识点WaterFlow 核心算法利用列优先填充策略实现高度不一卡片的无缝紧凑排列。LazyForEach 懒加载配合自定义数据源实现海量数据下的按需渲染与流畅滚动。动态列数切换实时改变columnsTemplate实现从单列到多列的平滑布局切换。上拉加载更多结合滚动监听与异步数据加载打造无限滚动的瀑布流体验。下面我们就对这段实现高性能瀑布流的代码进行一次深度解析。完整代码结构预览首先让我们从整体上把握代码结构。它定义了一个WaterFlowDemo入口组件核心是自定义数据源的管理、瀑布流容器的渲染以及控制面板的动态交互。import{CustomWaterFlow,WaterFlowDataSource,WaterFlowItem}from../components/WaterFlowEntryComponentstruct WaterFlowDemo{// 1. 状态与数据源定义Statecolumns:number2Stategap:number12StatetotalCount:number0StateisLoading:booleanfalseprivatedataSource:WaterFlowDataSourcenewWaterFlowDataSource()// 2. 数据加载与生成逻辑aboutToAppear(){...}privateloadInitialData():void{...}privateloadMoreData():void{...}privategenerateItems(startIndex:number,count:number):WaterFlowItem[]{...}// 3. 页面主体与自定义构建build(){...}BuilderHeader(){...}BuilderControlPanel(){...}BuilderColumnButton(count:number){...}}第一部分高性能数据源与懒加载机制 (WaterFlowDataSource)在鸿蒙 ArkTS 中处理长列表或瀑布流时直接使用ForEach会导致所有子项一次性渲染极易引发卡顿。本案例引入了自定义的WaterFlowDataSource配合LazyForEach来解决这一问题。privatedataSource:WaterFlowDataSourcenewWaterFlowDataSource()privateloadInitialData():void{constitemsthis.generateItems(0,50)this.dataSource.replaceData(items)// 初始化替换数据this.totalCount50}privateloadMoreData():void{if(this.isLoading)returnthis.isLoadingtruesetTimeout((){constitemsthis.generateItems(this.totalCount,20)this.dataSource.addData(items)// 异步追加数据this.totalCount20this.isLoadingfalse},1000)}数据源驱动WaterFlowDataSource充当了 UI 与原始数据之间的桥梁。它内部维护了数据的索引和状态能够精确告知WaterFlow当前需要渲染哪些子项。增量更新在loadMoreData中我们通过addData方法向数据源尾部追加新数据。LazyForEach监听到数据源的变化后只会创建新增的 20 个FlowItem而不会重新渲染之前的 50 个从而保证了极致的滚动性能。随机高度模拟在generateItems中我们为每个卡片生成了Math.floor(Math.random() * 150) 100的随机高度完美模拟了真实业务中卡片内容长短不一的场景。第二部分WaterFlow 核心布局与动态列数WaterFlow区别于Grid的核心在于其底层算法它按照列优先的顺序填充子项每列独立计算累积高度并将下一个子项自动放入当前最短的那一列。Scroll(){CustomWaterFlow({dataSource:this.dataSource,columns:this.columns,// 动态绑定的列数gap:this.gap,// 动态绑定的间距onLoadMore:()this.loadMoreData()// 触底加载更多回调}).width(100%).padding({left:16,right:16,top:16})}.layoutWeight(1).scrollBar(BarState.Off)动态列数切换columns是一个State变量。当用户在控制面板点击不同的列数按钮时CustomWaterFlow内部会动态更新columnsTemplate例如从1fr 1fr变为1fr 1fr 1fr 1fr。WaterFlow容器会自动重新计算所有卡片的排列位置实现布局的无缝切换。间距动态调节gap同样绑定状态用户拖动滑块时卡片之间的columnsGap和rowsGap会实时响应方便开发者调试最佳的视觉呼吸感。第三部分毛玻璃控制面板与交互反馈为了让这个技术演示更具现代感我们在页面顶部嵌入了一个带有毛玻璃效果的控制面板。BuilderControlPanel(){Column({space:16}){// 列数切换按钮组Row({space:8}){this.ColumnButton(1)this.ColumnButton(2)this.ColumnButton(3)this.ColumnButton(4)}// 间距调节滑块Slider({value:this.gap,min:4,max:24,style:SliderStyle.OutSet}).onChange((value:number){this.gapvalue})}.backdropBlur(20).backgroundColor(rgba(255,255,255,0.06)).borderColor(rgba(255,255,255,0.1))}状态联动ColumnButton通过对比this.columns count来动态切换按钮的高亮状态和字体颜色。点击按钮时直接修改State变量columns触发 UI 重渲染。视觉统一控制面板沿用了上一期实战中的毛玻璃Glass Morphism设计规范使用backdropBlur和半透明边框使其悬浮在深色背景之上既保证了操作的便捷性又不破坏整体界面的沉浸感。完整代码import{CustomWaterFlow,WaterFlowDataSource,WaterFlowItem}from../components/WaterFlowEntryComponentstructWaterFlowDemo{Statecolumns:number2Stategap:number12StatetotalCount:number0StateisLoading:booleanfalseprivate dataSource:WaterFlowDataSourcenewWaterFlowDataSource()aboutToAppear(){this.loadInitialData()}privateloadInitialData():void{constitemsthis.generateItems(0,50)this.dataSource.replaceData(items)this.totalCount50}privateloadMoreData():void{if(this.isLoading)returnthis.isLoadingtruesetTimeout((){constitemsthis.generateItems(this.totalCount,20)this.dataSource.addData(items)this.totalCount20this.isLoadingfalse},1000)}privategenerateItems(startIndex:number,count:number):WaterFlowItem[]{constcolors[#667EEA,#F093FB,#4FACFE,#43E97B,#FA709A,#FECA57,#95E1D3,#FF9FF3]constcontents[瀑布流,高性能,自定义布局,响应式,列平衡,可变高度,Grid,Flex,Layout,Waterfall,Flow,Masonry,Lazy,Virtual,Scroll]constitems:WaterFlowItem[][]for(let i0;icount;i){constindexstartIndexi items.push({id:item_${index},height:Math.floor(Math.random()*150)100,content:contents[index%contents.length],color:colors[index%colors.length]})}returnitems}build(){Column(){this.Header()this.ControlPanel()Scroll(){CustomWaterFlow({dataSource:this.dataSource,columns:this.columns,gap:this.gap,onLoadMore:()this.loadMoreData()}).width(100%).padding({left:16,right:16,top:16})}.layoutWeight(1).scrollBar(BarState.Off)}.width(100%).height(100%).backgroundColor(#1A1A2E)}BuilderHeader(){Column({space:8}){Text(瀑布流布局).fontSize(32).fontWeight(FontWeight.Bold).fontColor(#FFFFFF)Text(高性能LazyForEach· 已加载 ${this.totalCount}项).fontSize(16).fontColor(#FFFFFF).opacity(0.7)}.width(100%).padding({top:60,bottom:20,left:16,right:16}).alignItems(HorizontalAlign.Center)}BuilderControlPanel(){Column({space:16}){Row(){Text(列数:).fontSize(14).fontColor(#FFFFFF).opacity(0.8)Blank()Row({space:8}){this.ColumnButton(1)this.ColumnButton(2)this.ColumnButton(3)this.ColumnButton(4)}}.width(100%)Row(){Text(间距:).fontSize(14).fontColor(#FFFFFF).opacity(0.8)Blank()Slider({value:this.gap,min:4,max:24,style:SliderStyle.OutSet}).layoutWeight(1).trackThickness(4).selectedColor(#667EEA).blockColor(#FFFFFF).onChange((value:number){this.gapvalue})}.width(100%)}.width(90%).padding(16).backdropBlur(20).backgroundColor(rgba(255,255,255,0.06)).borderWidth(1).borderColor(rgba(255,255,255,0.1)).borderRadius(16).margin({bottom:16})}BuilderColumnButton(count:number){Button(){Text(count.toString()).fontSize(14).fontColor(this.columnscount?#667EEA:#FFFFFF).fontWeight(this.columnscount?FontWeight.Bold:FontWeight.Normal)}.width(40).height(40).backgroundColor(this.columnscount?rgba(255,255,255,0.2):rgba(255,255,255,0.08)).borderRadius(12).onClick((){this.columnscount})}}总结与实战建议通过这个高性能瀑布流的实战我们掌握了以下 ArkTS 高阶列表渲染技能WaterFlow vs Grid 的本质区别深刻理解了WaterFlow的列优先填充算法它是解决“参差不齐卡片布局”的唯一正解彻底告别了Grid带来的底部留白问题。LazyForEach 的性能优势在处理超过 50 项以上的长列表时必须使用数据源驱动的LazyForEach替代ForEach以实现组件复用和按需渲染。动态布局的平滑切换通过将columnsTemplate与State变量绑定我们可以轻松实现类似新闻客户端“单列/双列/三列”视图切换的高级功能。无限滚动的实现范式结合Scroll容器、onLoadMore回调以及异步数据追加构建了一套标准的海量数据加载流程。希望这篇详细的代码解析能帮你彻底掌握鸿蒙 ArkTS 的瀑布流布局与高性能渲染技巧如果你觉得有用欢迎点赞、收藏我们下期再见
相关文章
HarmonyOS技术精讲-Scan Kit：默认界面扫码——5分钟集成
Scan Kit 默认界面扫码：5分钟集成为什么需要默认界面扫码？ HarmonyOS 开发里，集成扫码能力是个高频需求。很多人第一次接触时，会尝试自己用 Camera Kit 写一个扫码界面，结果发现要处理相机预览、焦距控制、码识别、取景…
QMCDecode：macOS平台QQ音乐加密音频格式转换技术实现解析
QMCDecode：macOS平台QQ音乐加密音频格式转换技术实现解析 【免费下载链接】QMCDecode QQ音乐QMC格式转换为普通格式(qmcflac转flac，qmc0,qmc3转mp3, mflac,mflac0等转flac)，仅支持macOS，可自动识别到QQ音乐下载目录，默…
logback-spring.xml 完整生产模板
这是一个可直接用于生产环境的 logback-spring.xml 完整模板。它涵盖了日志滚动策略、多环境配置、JSON结构化输出（ELK兼容）、敏感信息脱敏、性能优化等核心要素。完整模板<?xml version"1.0" encoding"UTF-8"?> <config…
BatteryML：终极开源电池寿命预测机器学习工具包完整指南
BatteryML：终极开源电池寿命预测机器学习工具包完整指南 【免费下载链接】BatteryML 项目地址: https://gitcode.com/gh_mirrors/ba/BatteryML 在当今电动汽车和可再生能源快速发展的时代，电池性能退化预测已成为关键技术挑战。BatteryML作为一个…
手把手教你用API实现网站访问量统计：以ApiZero计数器为例
为什么需要访问量计数器？ 网站访问量（Page Views / Unique Visitors）是衡量站点活跃度和内容价值的基础指标。传统做法通常是自建数据库表，每次请求时 INSERT 或 UPDATE 计数。这种方式虽然灵活，但存在几个痛点&#…
免费AI图像放大神器Upscayl：3步让模糊照片秒变高清大片
免费AI图像放大神器Upscayl：3步让模糊照片秒变高清大片 【免费下载链接】upscayl 🆙 Upscayl - #1 Free and Open Source AI Image Upscaler for Linux, MacOS and Windows. 项目地址: https://gitcode.com/GitHub_Trending/up/upscayl 还在为手机…
5分钟接入网站访问量统计API：基于极数本源ApiZero的实战教程
为什么需要第三方访问量统计？ 对于个人博客、开源项目文档站或小型企业官网，自行开发一套访问量统计系统往往成本过高。你需要考虑数据存储、防刷、可视化等复杂问题。选择一个成熟的聚合API平台，例如极数本源（ApiZero࿰…
Synology硬盘兼容性终极指南：3分钟解锁第三方硬盘支持
Synology硬盘兼容性终极指南：3分钟解锁第三方硬盘支持 【免费下载链接】Synology_HDD_db Add your HDD, SSD and NVMe drives to your Synologys compatible drive database and a lot more 项目地址: https://gitcode.com/GitHub_Trending/sy/Synology_HDD_db …
Winsorized Mean：抗干扰均值计算与实战应用指南
1. 什么是Winsorized Mean？它为什么能稳稳接住数据里的“刺头”在做数据分析、模型训练或者写报告时，你有没有遇到过这种场景：一组销售数据里，95%的订单都在500到2000元之间，结果突然冒出一个87万元的单子——是真实大…
Windows任务栏终极清理指南：用RBTray一键隐藏窗口到系统托盘
Windows任务栏终极清理指南：用RBTray一键隐藏窗口到系统托盘 【免费下载链接】rbtray A fork of RBTray from http://sourceforge.net/p/rbtray/code/. 项目地址: https://gitcode.com/gh_mirrors/rb/rbtray 你是否厌倦了Windows任务栏上密密麻麻的图标&…
多协议远程连接管理工具mRemoteNG：告别混乱，统一你的远程桌面管理
多协议远程连接管理工具mRemoteNG：告别混乱，统一你的远程桌面管理 【免费下载链接】mRemoteNG mRemoteNG is the next generation of mRemote, open source, tabbed, multi-protocol, remote connections manager. 项目地址: https://gitcode.com/gh_m…
私有云管理平台登录绕过漏洞：从客户端信任模型到安全防御实践
1. 项目概述：一次典型的私有云管理平台登录绕过漏洞复现最近在整理内部安全测试案例库时，翻到了一个挺有意思的旧案例，是关于一个私有云管理平台的登录绕过漏洞。这个漏洞的利用方式非常“经典”，属于那种在特定开发框架或编码习惯…
3步彻底解决Windows右键菜单混乱问题：ContextMenuManager使用全攻略
3步彻底解决Windows右键菜单混乱问题：ContextMenuManager使用全攻略 【免费下载链接】ContextMenuManager 🖱️ 纯粹的Windows右键菜单管理程序 项目地址: https://gitcode.com/gh_mirrors/co/ContextMenuManager 你是否曾为Windows右键菜单中那些…
从GitHub安全案例解析常见漏洞与防护实践
1. 项目概述：从GitHub Trending看安全实战 最近在GitHub Trending上看到一个项目，叫 skills4/skills ，它因为一些安全漏洞案例被大家讨论。这其实是一个挺典型的场景：一个旨在展示或教授某种技能的仓库，本身却成了安…
MLT 2026启示：因果推理与概率建模驱动下一代LLM应用
# MLT 2026启示：因果推理与概率建模驱动下一代LLM应用## 一、背景与挑战：从“黑箱预测”到“可信推理”2026年6月，第7届机器学习与趋势国际会议（MLT 2026）将在悉尼召开。会议议程中，“因果与可解释机器学习…
FAE放射组学分析工具：医学影像特征探索的完整解决方案
FAE放射组学分析工具：医学影像特征探索的完整解决方案 【免费下载链接】FAE FeAture Explorer 项目地址: https://gitcode.com/gh_mirrors/fae/FAE 你是否曾经面对海量医学影像数据感到无从下手？想要从CT、MRI等影像中提取有价值的定量特征&#…
0.69B参数实现中文多模态AI：揭秘Qwen3-SmVL模型融合技术的完整实战指南
0.69B参数实现中文多模态AI：揭秘Qwen3-SmVL模型融合技术的完整实战指南 【免费下载链接】happy-llm 📚 从零开始构建大模型 项目地址: https://gitcode.com/GitHub_Trending/ha/happy-llm 还在为大型多模态模型动辄数十亿参数、显存占用高而烦恼&…
解锁AMD Ryzen处理器性能潜力的SMU调试神器：从新手到专家的完整指南
解锁AMD Ryzen处理器性能潜力的SMU调试神器：从新手到专家的完整指南 【免费下载链接】SMUDebugTool A dedicated tool to help write/read various parameters of Ryzen-based systems, such as manual overclock, SMU, PCI, CPUID, MSR and Power Table. 项目地址…