- 博客(32)
- 收藏
- 关注
RSS订阅原创 [HarmonyOSNext鸿蒙开发]11.ArkUI框架：Swiper、Grid布局与代码复用实战指南
/ 创建控制器build() {Column() {// 网格布局// 内容.scrollBar(BarState.Off) // 禁用默认滚动条// 自定义滚动条}) {Circle().width(10)重要内容放在前3屏自动播放间隔建议3-5秒移动端优先横向滑动优先使用columnsTemplate/rowsTemplate定义布局需要滚动时只设置一个方向模板Complex layouts use row and column merging功能。
2025-06-11 19:44:17
599
原创 [HarmonyOSNext鸿蒙开发]10.ArkTS核心类型系统深度解析：接口、类、枚举、联合类型完全指南
/ 基础接口message?: string;// 可选属性// 只读属性// 接口继承stackTrace?: string[];// 函数类型接口// 基础类定义// 实例字段// 静态字段// 构造函数// 方法// 继承与实现// 实现接口方法// 基础枚举// 常量枚举（编译优化）// 位标志枚举// 基础联合类型// 可辨识联合// 函数重载// 接口定义// 类实现) {}// 枚举定义。
2025-05-21 15:51:02
1053
原创 [HarmonyOSNext鸿蒙开发]9.wrapBuilder与@BuilderParam对比解析
都是实现UI动态化的核心工具，但二者的设计理念和应用场景存在显著差异。本文将深入对比两者的技术特性，并通过典型场景解析其最佳实践。通过对象引用实现状态联动，修改源数据自动触发UI更新。需严格匹配参数类型，适用于静态内容传递。@BuilderParam应用场景。wrapBuilder应用场景。在鸿蒙ArkUI开发中，
2025-05-21 11:50:45
1127
原创 [HarmonyOSNext鸿蒙开发]8.wrapBuilder 封装全局@Builder的高阶用法
让复杂UI组件管理变得优雅——wrapBuilder深度解析在鸿蒙应用开发中，装饰器是UI复用的利器，它可以将重复的UI逻辑抽离成独立函数。但当项目复杂度上升时，开发者会遇到两个棘手问题：假设我们有以下场景代码：此时就需要登场——它如同给@Builder穿上"防护衣"，让全局构建器获得对象化操作能力！✨通过模板函数生成的封装对象，包含两个关键特性：Args泛型：定义构建器的参数类型元组返回对象：包含与原构建器参数匹配的builder方法三、六大实战场景详解3.1 动态组件阵列适用于需要根
2025-05-21 10:59:25
1036
原创 前端开发——前端样式BUG调试全指南2025终极版
愿你的CSS选择器永不打架，JavaScript闭包永远懂事，console.log永不迷路——但万一真有bug，请相信那一定是浏览器的锅！（顺便祈祷你发量永远浓密）• 铰链区域热区标注（针对折叠屏）• 多分辨率设备实时渲染对比。• 横竖屏媒体查询断点预演。Flex/Grid计算。
2025-05-20 21:11:33
1162
原创 [HarmonyOSNext鸿蒙开发]7.ArkUI进阶：@BuilderParam装饰器的核心用法与实战解析
定位：用于装饰指向@Builder函数的变量，相当于UI元素的占位符（类似Vue的slot）解决的问题：避免自定义组件功能过度耦合，实现功能逻辑的动态注入兼容性：支持ArkTS卡片（API 9+）、元服务（API 11+）掌握@BuilderParam装饰器，意味着获得了组件动态化的金钥匙。3大核心使用模式2种作用域控制技巧5类常见问题解决方案开发者能够构建出高内聚、低耦合的鸿蒙组件体系。建议结合官方示例工程，在实践中深化对this指向、类型校验等关键概念的理解。
2025-05-20 20:40:01
1128
原创 前端开发——没有对象没关系，来做个SPA吧！
SPA，全称Single Page Application，是一种网页应用模式，中文名“单页应用”。它的最大特点就是——页面只加载一次，后续所有内容切换都靠JS动态切换，不会整页刷新，所有内容都在一个 HTML 页面中，通过 JS 动态切换内容区域，实现“页面”间的切换，无需刷新浏览器。就像你单身多年，心里只有一个人（页面），但可以切换不同的心情（内容区域），永远不离不弃。用户体验流畅，切换快结构清晰，易于维护只加载一次 HTML用 JS 控制内容区域的显示/隐藏CSS 负责美化和布局。
2025-05-20 15:20:01
657
原创 [HarmonyOSNext鸿蒙开发]使用全局状态变量控制动画，动画异常甚至动画方向相反的原因分析以及解决方案
本文体现了鸿蒙动画系统的两个重要特性： 1. 动画触发严格依赖状态变化过程而非当前状态值 2. 角度动画会自动计算最优路径，可能产生方向偏差 开发者需要建立「状态变更驱动动画」的思维模型，而非「状态值决定动画」的静态认知
2025-05-17 16:19:49
826
原创 [HarmonyOSNext鸿蒙开发]6.ArkUI框架状态管理V2深度解析：V2所属装饰器指南
鸿蒙ArkUI框架的状态管理V2版本在核心架构上进行了显著升级，引入了数据驱动范式，实现了更精细化的状态控制。V2版本通过深度观察机制、精准更新优化和性能提升，显著提高了状态管理的效率和性能。核心装饰器如@ComponentV2、@ObservedV2和@Trace等，为开发者提供了更灵活的状态管理工具。此外，V2版本还支持跨组件通信、计算属性优化和状态监听等高级开发模式，进一步提升了开发体验。在企业级开发规范中，V2版本推荐使用MVVM架构，并提供了性能优化守则和迁移选型策略，帮助开发者更好地应用新版本。
2025-05-15 11:56:51
618
原创 [HarmonyOSNext鸿蒙开发]5.ArkUI @Builder装饰器：打造高效可复用的UI组件
特点：组件内部使用，通过this访问组件状态@Entry@Component// 定义私有构建函数@BuilderButton(`点击次数:${this@Entry@Component// 定义私有构建函数 @Builder CounterButton() {Button(` 点击次数: ${ this . count } `) . onClick(() => this . count ++) } build() {Column() {
2025-05-08 09:51:15
981
原创 [HarmonyOSNext鸿蒙开发]4.ArkTS快速入门指南
/ 基础函数// 箭头函数// 可选参数`你好,${// 基础函数 function add(a : number , b : number) : number {return a + b } // 箭头函数 const multiply =(x : number , y : number) => x * y // 可选参数 function greet(name?` 你好, ${ name }!` : "你好!") }!` : "你好!")
2025-05-07 19:58:40
783
原创 [HarmonyOSNext鸿蒙开发]3.ArkTS声明式开发:构建第一个ArkTS应用
3、进入配置工程界面，配置项目名称、保存位置等，Compatible SDK表示兼容的最低API Version，此处以选择5.0.4(16)为例，其他参数保持默认设置即可，点击Finish，工具会自动生成示例代码和相关资源，等待工程创建完成。在Project窗口，打开entry > src > main > ets，右键点击pages文件夹，选择New > ArkTS File，命名为second，点击回车键。参照第一个页面，在第二个页面添加Text组件、Button组件等，并设置其样式。
2025-05-07 19:32:30
1072
原创 [HarmonyOSNext鸿蒙开发]2.ArkTS声明式开发:页面和自定义组件
🌟 ArkUI组件生命周期全解析一、组件与页面的关系二、生命周期图解（组件的一生）三、核心生命周期方法页面级方法（大门守卫的职责）组件级方法（积木的自我管理）四、代码示例解析五、常见操作的生命周期轨迹六、最佳实践指南七、生命周期监听技巧（进阶）八、情景模拟测试。
2025-05-07 15:28:00
907
原创 [HarmonyOSNext鸿蒙开发]1.ArkTS声明式开发:UI范式基本语法
就像搭乐高积木，系统组件是现成的积木块，而自定义组件是开发者自己设计的特殊积木。它能组合多个积木、重复使用，还能根据数据变化自动更新外观。代码复用：像写好的菜谱，重复使用不重写代码逻辑分离：把界面和数据处理分开，像把食材和烹饪步骤分开维护方便：改一个地方，所有用到的地方自动更新。
2025-05-07 15:00:54
789
原创 前端基础——8、网站首页demo解析与实践
2. CSS样式代码3. JavaScript轮播图实现二、核心功能实现解析1. CSS变量系统实现原理：布局要点：CSS动画控制JavaScript核心逻辑三、开发注意事项1. 图片路径管理路径规则：兼容策略：移动端适配：优化策略：安全要点：以上代码和解析完全基于您提供的源代码实现，可以直接用于教学和二次开发。建议新手开发者按照模块逐个实现，最后进行整合调试。学习收获：完整代码如下，建议读者动手实践后，尝试添加新的功能模块来巩固知识。八、用到的图片
2025-04-29 15:46:36
771
原创 前端基础——7、弹性布局：卡片demo
Flexbox（弹性盒子布局）是CSS3推出的革命性布局方案，特别适合构建响应式界面。相比传统布局，它具备以下优势：我们以抖音开放能力卡片布局为例，先看HTML结构：三、核心Flex布局实现3.1 容器布局（body）• 实现屏幕缩小时的自动换行• 让卡片间距均匀分布• 改变主轴方向为垂直• 三项内容（图标、标题、描述）自动均匀分布通过百分比宽度实现响应式：• 大屏幕：4列（24% * 4 = 96%）• 中屏幕：2列（48% * 2 = 96%）• 小屏幕：自动换行成1列• CSS变
2025-04-28 14:20:56
616
原创 前端基础——6、深入理解CSS Flexbox布局
在现代Web开发中，响应式布局已成为必备技能。Flexbox（弹性盒子布局）作为CSS3的重要特性，为开发者提供了强大的布局控制能力。本文将系统解析Flexbox的核心概念和应用技巧。主轴方向控制（默认）：水平方向，从左到右：水平方向，从右到左：垂直方向，从上到下：垂直方向，从下到上2.2 多行布局属性值效果nowrap单行显示（默认）wrap多行排列wrap-reverse反向换行三、Flex容器属性详解3.1 复合属性flex-flo
2025-04-28 10:44:22
1110
原创 前端基础——5、CSS border属性与渐变色（详解与实战）
* 默认椭圆 *//* 正圆 *//* 显式尺寸 */radial-gradient(100px 50px, red, blue) /* 水平半径 | 垂直半径 */
2025-04-27 21:23:58
1326
原创 前端基础——4、深入理解 CSS 盒子模型：从基础到多值写法
Content（内容）：元素的实际内容（如文本、图片）Padding（内边距）：内容与边框之间的透明区域Border（边框）：包裹内容和内边距的线条Margin（外边距）：盒子与其他元素之间的透明间距值的数量示例对应方向顺序4 个值上 → 右 → 下 → 左3 个值上 → 左右 → 下2 个值10px 20px上下 → 左右1 个值10px所有方向统一掌握盒子模型是 CSS 布局的基石，通过：✅ 理解 content/padding/border/margin 的层级关系。
2025-04-27 17:51:33
572
原创 微信小程序（4）——视图容器之moveable-view和moveable-area
moveable-areamoveable-area是moveable-view的可移动区域，在这个区域内，在没有设置移动规则时，moveable-view可以在区域内自由移动。属性：scale-area:当里面的moveable-view设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个moveable-area注意事项：1、moveable-area在没有设置width和height属性时，默认为width=10px,height=10px2、当movable-view大于mova
2020-07-21 07:34:17
1294
原创 微信小程序（3）——WXSS基本使用
WXSS基本使用WXSS是什么？WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程序，WXSS 对 CSS 进行了扩充以及修改。与 CSS 相比，WXSS 扩展的特性有：1、尺寸单位rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽
2020-07-18 22:10:36
992
原创 微信小程序（1）——环境配置及原生项目目录了解
环境配置及开发前准备1、开发环境配置1）前往微信小程序官网下载自己电脑系统对应的微信开发者工具(如windows64位则下载对应的windows64位的微信小程序开发者工具)下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html2）软件下载之后点击安装程序安装，安装完成之后打开开发者工具3）新建项目，根据自己的需要选择是新建小程序还是小游戏还是公众号网页，有已经注册的AppID可以直接填写，如果只是
2020-07-17 07:58:33
804
原创 学习笔记--感知器(单层感知器举例)
感知器一、输入节点在单层感知器中输入节点一般只有一个，也有将偏置因子也设为一个输入节点的，也就是将该输入节点的权向量置为一，二、输出节点三、权向量四、偏置因子五、激活函数...
2020-02-26 14:07:32
2975
2
原创 继承与派生
继承与派生在教材中给出的对类的继承和派生的解释：“类的继承，是新的类从已有类那里得到已有的特性。”“从已有的类产生新类的过程就是类的派生。”新的类是基类的派生类，新的类从基类处得到已有的特性。一、继承与派生举例新的类是基类的派生类，新的类从基类处得到已有的特性。例1、写一个类student,再写一个Student类的派生类Undergraduate。...
2019-10-12 10:27:07
178
原创 break语句、continue语句、goto语句的用法辨析
上述三种语句的用法1、break语句break语句常使用在switch语句、循环体以及if语句中，它的作用是跳出循环，而且只能跳出一层循环。2、continue语句continue语句3、goto语句...
2019-09-15 12:36:56
956
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人