- 博客(43)
- 收藏
- 关注
RSS订阅原创 《Flutter 从入门到实战：函数、类构造与继承核心语法手把手教学》
这篇文章系统介绍了Dart语言中的函数和类相关知识。主要内容包括： 函数部分： 函数定义方式（无参无返回值、有参有返回值） 函数的参数类型（必传参数、可选参数） 函数对象（回调函数）的使用 匿名函数和箭头函数的写法 类部分： 类的基础定义（属性、方法） 构造函数的主次之分（同名和命名构造函数） 类的继承和重写（extends和@override） 混入（mixin）和with关键字实现方法复用 文章通过具体代码示例讲解了Dart语言中函数和类的核心用法，包括参数传递、函数回调、继承关系和代码复用等重要概念。
2025-11-02 22:18:34
876
原创 Dart 语法核心 7 讲：变量 + 常量 + 数据类型 + 空安全 + 运算符 + 流程控制 + 函数
本文主要介绍了Dart语言的基础语法知识，包括变量声明、数据类型、运算符和流程控制等内容。在变量方面，对比了var、const和final的使用场景与区别；详细讲解了数字、字符串、布尔、列表和字典等数据类型的定义与操作方法；介绍了算术、赋值、比较和逻辑等运算符的使用；最后阐述了if判断、三元运算、switch选择以及for/while循环等流程控制语句的语法特点。全文通过丰富的代码示例，系统性地展示了Dart语言的基础语法体系，为Flutter开发打下坚实基础。
2025-11-02 17:36:23
693
原创 《表单控件知识点：TextInput/TextArea/Checkbox 用法 + 选中结果获取 + 正则校验》
本文介绍了ArkUI框架中的用户输入组件和正则表达式应用。主要包括：1)单行输入框TextInput和密码框的实现；2)多行输入框TextArea的属性设置；3)多选框Checkbox的样式配置和状态绑定；4)一个完整的登录页面Demo，包含输入验证和协议勾选逻辑；5)CheckboxGroup实现多选功能；6)正则表达式的基本用法，包括匹配测试和字符串替换。文章展示了如何通过这些组件构建交互式界面，并处理用户输入数据。
2025-10-31 12:30:00
316
原创 《鸿蒙装饰器V2全解：从@ComponentV2到持久化存储的状态管理与组件开发实战》
本文介绍了ArkUI V2版本中的核心装饰器：1.@ComponentV2装饰自定义组件；2.@Local装饰内部可变的组件状态；3.@ObservedV2/@Trace监测嵌套对象变化；4.@Param父到子单项数据传递；5.@Once解决@Param修改限制；6.@Event实现子到父通信；7.@Provider/@Consumer跨组件数据共享；8.@Monitor监听状态变化；9.@Computed计算属性；10.AppStorageV2应用级状态管理；11.PersistenceV2提持久化存储。
2025-10-30 11:00:00
876
原创 《鸿蒙开发必备：V1 装饰器（@Observed&@ObjectLink 等）用法与原理》
总结了ArkUI框架中的状态管理机制：1. @Observed和@ObjectLink用于嵌套对象的响应式更新，@Observed修饰类，@ObjectLink修饰组件变量建立双向绑定；2. @Link实现父子组件双向同步，但不能本地初始化；3. @Provide和@Consume支持跨组件双向数据同步；4. @Watch监听状态变化，需配合其他装饰器使用；5. @BuilderParam实现组件内容自定义。此外还介绍了各装饰器的使用场景、限制条件和最佳实践，包括状态更新触发UI渲染、数据同步方式和初始要求
2025-10-29 20:10:45
983
原创 《省市区三级联动开发指南：数据接口设计与下拉菜单联动实现》
总结了省市区三级联动的核心实现逻辑：1.数据结构采用三个数组(range存储选项数据、selected控制高亮位置、values记录选中值)和防抖定时器；2.通过TextPicker组件的onChange事件触发联动，使用300ms防抖优化性能；3.分级处理联动逻辑：省份变更时重置城市和地区数据，城市变更时重置地区数据；4.关键点包括级联更新策略(上级变更清空下级数据)、接口调用模式(带参数的REST API)以及数据流控制。实现时需要注意判断真实变更、及时重置下级选项和位置，确保三级数据的正确级联更新。
2025-10-28 19:00:00
330
原创 《解决界面交互痛点：WaterFlow 瀑布流、双层嵌套滚动、键盘避让与跨 Ability 跳转实践》
介绍了WaterFlow瀑布流布局的实现方式，包括columnsTemplate/rowsTemplate设置、间隙调整和滚动控制，展示了带footer的瀑布流示例； 讲解了双层嵌套滚动的实现方案，通过nestedScroll设置父子容器滚动优先级； 说明键盘避让功能的实现，使用setKeyboardAvoidMode自动调整布局； 详细阐述跨Ability跳转的两种场景：同项目通过startAbility跳转，跨项目使用startAbilityForResult进行数据交互，并包含参数传递和结果返回处理。
2025-10-26 20:09:43
482
原创 《ArkUI 记账本开发：状态管理与数据持久化实现》
详细分析了一个记账本应用的核心功能实现方案，主要包括账单添加页面和首页展示两大模块。在账单添加功能中，通过枚举类型管理支出/收入分类，使用@State实现分类高亮切换，并用持久化存储保存账单数据。首页展示模块实现了账单列表渲染、滑动删除和收支统计功能，通过filter和reduce方法计算支出总额、收入总额及结余金额。应用采用ArkUI框架开发，利用@StorageLink实现组件间数据同步，并通过@Watch监听数据变化自动更新统计结果。关键点包括分类切换的动态渲染、数据持久化存储以及基于枚举的状态管理
2025-08-29 18:20:36
624
原创 《鸿蒙 TextInput/TextArea/Checkbox 组件：属性、样式与登录页应用》
主要内容包括：1) 单行输入框TextInput的基本属性设置，如placeholder、文本样式、边框、密码输入模式等；2) 多行输入框TextArea的使用方法，包括字数统计、最大长度限制等特性；3) 复选框Checkbox的选中状态控制、样式设置和形状选择；4) 通过一个完整的登录页面Demo展示了这些组件的综合应用，包括输入验证、协议勾选判断等交互逻辑。文档还特别说明了CheckboxGroup组件的使用方法，用于用于管理多个复选框的选中状态。
2025-08-22 07:30:00
489
原创 demo 汽车之家（渲染-筛选-排序-模块抽离数据）
整体渲染：顶部标题/图标 + 筛选条 + 时间/排序 + 列表，结构完整；前三名奖牌与序号展示符合 2.2。高亮：筛选与排序均用 @State 索引控制，点击即时变色。筛选：点击车型后基于全量数据按 type 过滤，符合 4.1。排序：热度升序、销量降序已符合 4.2.1/4.2.3；价格需将比较器改为“max_price 降序”以完全符合 4.2.2。
2025-08-21 14:55:38
421
原创 《类编程基础体系：属性、继承、实现约束与修饰符核心逻辑》
类的基本使用、实例属性、构造函数constructor、实例方法、静态属性和方法、实例化属性方法和静态属性方法区别、Extend继承、super调用父类的构造函数初始化数据、implements限制类中必须要有的某些的属性、new的时候做了什么、类的修饰符、 public (默认) 默认为 public 外部可以访问、readonly (只读) 把属性变为只读 不可修改、private (私有) 只能在此类中使用,类以外的都不能使用 包括子类、protected(受保护) ：可以在子类中使用
2025-08-19 00:39:42
607
原创 《鸿蒙开发类型体系实战：别名、检测、空安全与 ArkTS 模块化》
类型别名type + 检测数据类型(typeof+instanceof) 空安全：1，联合类型+判断，2，非空断言运算符 ! ，3，空值合并运算符 ?? 类比逻辑中断 | | 一样的用法，4，可选链？剩余参数，展开运算符 ...，值类型和引用类型的区别 模块化：默认导出和导入：按需导出和导入（常用）：全部导入
2025-08-18 23:41:34
229
原创 《鸿蒙应用开发必备：定时器、延时器及常见内置对象详解》
setTimeout延时器，.setInterval定时器，例demo：获取验证码，递归，内置对象（Object.keys 方法，Object.values方法）Math 对象（常用属性Math.pi，常用方法：Math.random()随机数，Math.ceil(x)上向上取整，Math.floor(x)向下取整，Math.round(x)四舍五入后的整数，Math.abs(x)绝对值，Math.max最大值，Math.min最小值）Date 对象，倒计时时间戳
2025-08-18 23:04:20
986
原创 《深入鸿蒙泛型：多泛型协同、约束机制及工具类型底层逻辑》
泛型函数，泛型约束extends，泛型接口，多个泛型，泛型类，工具类型：partial<Type>必填变可选，Required<Type>可选变必填，Readonly<Type>属性只读，Record<Type>构建对象新类型
2025-08-18 22:47:54
400
原创 《ArkTS 小实践：通讯录 / 城市选择器字母联动的最简实现案例》
通讯录+城市选择器 - 字母索引左右联动 （ListItemGroup+AlphabetIndexer）笔记，1. 使用双层循环按字母分组渲染数据；2. 定义BKCityContent接口管理数据结构；3. 利用状态变量和滚动器实现模态框左右联动；4. 使用AlphabetIndexer和ListItemGroup关键组件；5. 提供城市数据和索引数组示例；6. 描述交互流程；7. 展示模态框绑定和自定义分组头部构建器代码；8. 强调双层循环、左右联动、状态管理和数据驱动等实现要点。
2025-08-15 14:42:50
576
原创 《鸿蒙 List 分组与 AlphabetIndexer 联动：通讯录 / 城市选择案例解析》
以鸿蒙开发中 List 分组组件 + 字母索引联动 为核心，结合通讯录、城市选择实际案例，系统讲解 ListItemGroup 分组渲染 与 AlphabetIndexer 字母索引 的联动开发。从数据组织（城市数据、索引数组设计）、交互流程（滚动 / 点击双向联动）到组件实现（模态框、分组头部开发），完整呈现列表联动的技术细节。附带全部代码示例与关键逻辑总结，帮助开发者快速掌握鸿蒙列表交互增强技巧，提升界面体验与开发效率。
2025-08-15 14:27:23
1006
原创 《鸿蒙动画效果全解析：属性动画、帧动画与模态转场实现》
摘要：本文介绍了HarmonyOS中的几种动画实现方式：1）使用animation属性实现基础动画效果；2）通过animateToImmediately控制多个动画同步执行；3）ImageAnimator帧动画组件；4）bindSheet半模态弹窗实现，可设置高度、拖拽条等属性；5）bindContentCover全模态实现。文中提供了代码示例，包括文字缩放动画、齿轮旋转动画以及模态弹窗的具体实现方法，展示了状态变量(@State)与动画属性的配合使用方式。
2025-08-13 18:54:20
286
原创 《英雄热度榜 Demo：ArkTS 条件筛选、高亮切换与列表渲染实践》
实现了四个核心功能：筛选条件渲染、高亮切换、列表渲染和日期显示。主要涉及字符串处理（trim、split）、状态管理（@State）、循环渲染（ForEach）、点击事件处理（onClick）、条件渲染和日期格式化等技术点。通过这个项目，掌握了 ArkTS 中数据绑定、组件交互、动态样式切换和布局构建的核心技能。
2025-08-12 20:09:06
216
原创 《鸿蒙倒计时功能：状态变量、定时器逻辑与日期格式化全流程》
本文介绍了如何实现一个倒计时功能，主要包含以下内容：1) 定义三个状态变量存储时、分、秒；2) 通过计算当前时间与目标时间的时间戳差值，转换为时分秒格式；3) 对个位数进行补零处理；4) 使用定时器每秒更新倒计时；5) 在页面加载时启动定时器，并通过Text组件展示倒计时。关键点包括时间差计算、定时刷新、格式统一和状态管理。代码示例展示了完整的实现过程，包括日期格式化、倒计时计算和UI展示样式设置。
2025-08-12 16:39:10
349
原创 《鸿蒙四大容器组件：Scroll、Tabs、Badge、WaterFlow 用法总结》
本文介绍了HarmonyOS开发中四个常用组件的核心用法：1. Scroll滚动组件：支持横向/纵向滚动，可设置滚动条样式、边缘效果和滚动监听，示例展示了返回顶部功能实现。2. Tabs切换组件：支持自定义Tab栏样式，通过状态管理实现高亮切换，包含特殊Tab（圆形、角标）处理。3. Badge角标组件：提供数字、文字、点状三种角标样式，支持位置、大小和最大值设置。4. WaterFlow瀑布流组件（未详细展开）。这些组件通过属性配置和事件处理，能够满足常见UI交互需求，如滚动监听、Tab切换和消息提示等。
2025-08-12 14:13:51
517
原创 《首页动效、数据交互与短音频播放的开发探索》
首页滚动吸顶效果，加载中还没出数据时的显示（文字加载页面组件，图片帧动画加载 ImageAnimator的属性.state(AnimationStatus.Running)，旋转加进度动画的加载组件），获取推荐数据lazyFeach加载数据，下拉刷新数据Refresh的onStatechange方法，短音频工具的封装soundPool
2025-03-28 04:25:26
911
原创 《Node.js 开发必备：模块化（CommonJS+ES6）、npm 包管理核心知识梳理》
（下载的包会存放在当前项目下的 node_modules 中，并记录在 package.json 中）支持 2 种模块化标准 CommonJS 标准语法（默认） ECMAScript 标准语法。npm 是 Node.js 标准的软件包管理器。内置模块：直接写名字（例如：fs，path，http）自定义模块：写模块文件路径（例如：./utils.js）（得到 package.json 文件，有则略过此命令）在Nodejs中，每个文件都被视为一个单独的模块。导入：require('模块名或路径'),npm
2024-12-23 21:21:15
2110
原创 《Vue2 路由全栈进阶：声明式/编程式导航、参数传递、重定向、404、路由模式与 keep-alive 组件缓存深度实战》
路由和VueRouter 的使用（5个基础+2个核心步骤）路由重定向redirect，路由404，路由模式hash 和 history，声明式导航：router-link替换a标签做跳转，查询参数传参，动态路由参数传参（？可选参数），编程式导航：路径跳转，命名跳转，组件缓存 keep-alive以及触发的两个生命周期钩子activated和deactivated，生命周期都有完整面试题，返回$router.back（）
2024-12-23 21:04:13
634
原创 《Vue 深度进阶：自定义指令全维度实践（全局/局部、指令值封装）与插槽体系（默认、具名、作用域）深度解构》
自定义指令的全局注册和局部注册，指令的值，例：加载中的v-loading指令封装，插槽，默认插槽＋具名插槽，作用域插槽
2024-12-22 18:47:20
989
1
原创 《告别分类混乱！用自定义组件实现商品分类的高效交互与渲染》
案例：商品分类：一、表头分类组件,1，input修改数据 和 文字互斥2，双击显示input+自动获焦和失焦，3，input数据回显，4 : 用户输入后回车，新内容渲染到页面→数据同步。二、My-Table整体一个组件、插槽
2024-12-22 15:55:54
921
原创 《Vue 进阶：生命周期（八钩子）、工程化开发（脚手架+组件化）与清单案例》
生命周期（四阶段，八个钩子函数）生命周期案例，小黑记账本（基本渲染，添加功能，删除功能，饼图渲染echarts）工程化开发 :脚手架使用步骤vue create 项目名，项目运行流程，组件化开发，vue根组件，组件注册使用（局部注册组件，全局注册组件）
2024-12-19 12:09:02
1107
原创 《Vue 进阶核心：指令补充与 computed、watch 深度解析（附计算属性 vs 方法对比）》
（@keyup.enter按键）v-model.trim /.number 去除首尾空格 ,转数字,@事件名.stop 阻止冒泡 .prevent 阻止默认行为，动态操作class/style,computed 计算属性,watch 侦听器,
2024-12-18 19:58:01
1115
原创 《Vue 核心知识点全览：概念、指令（v-html/v-text、v-if/v-show、v-on、v-bind、v-for、v-model）、响应式与插值表达式》
Vue 概念 ，创建实例 步骤，插值表达式 {{ }} 响应式特性 ，Vue 指令：v-html / v-show / v-if / v-else / v-on注册事件 / v-bind动态的设置html的标签属性 / v-for循环，key / v-model双向数据绑定。例：小黑记事本
2024-12-15 20:50:05
666
原创 《Node.js 入门实战：从终端操作到 http 模块接口开发全流程解析》
require加载，writeFile写入，readFile读取，path路径处理__dirname当前文件所在的目录，端口号，http.创建服务器程序，支持中文字符，案例压缩html＋js，获取省份列表-获取城市列表-浏览时钟接口开发，node.js压缩、编译、整合
2024-12-12 23:48:10
1031
原创 《Git 实战指南：命令速查、分支操作与冲突解决，附带 Axios 小技巧》
git clone ，git pull ，git add . ， git commit -m "信息"， git push ，Git分支 + Git冲突，配置axios基地址，axios的别名方法 ，抽取轻提示函数（Git常用命令，Git分支，Git分支-冲突，axios基地址，抽取轻提示函数，axios的别名方法。我要发博客这是博客的主要内容，帮我想一个标题）
2024-12-12 16:01:17
859
原创 《JavaScript 异步异步编程全景解析：同步 vs 异步、回调地狱突围、Promise 链式调用、async/await 与事件循环（宏微任务）深度指南》
同步代码和异步代码，回调函数地狱，Promise-链式调用，async函数和await、事件循环-eventloop、Promise.all 静态方法、案例商品分类和学习反馈
2024-12-04 12:27:44
704
原创 《AJAX 进阶：XHR 核心用法（查询参数 / 数据提交）、Promise 状态解析与简易 axios 封装实战（附省份 / 地区 / 注册 / 天气预报案例）》
asiox底层原理，XHR基本使用，查询参数，数据提交，promise的三种状态，封装-简易axios-获取省份列表，获取地区列表，注册用户，天气预报
2024-12-04 11:40:33
942
原创 《AJAX 实战案例集：图书管理（弹窗 / 表单重置）、图片上传、网站换肤、英雄百科与商品分类实现》
图书管理(例)，图片上传（知识点），网站换肤（例）、个人设置（例），英雄百科（例），分类商品（例）
2024-12-04 11:40:06
647
原创 《吃透前端工具链：正则（边界 / 量词 / 范围）、插件（手势 / 对话框）与字符串操作》
正则的定义与使用，边界符，量词，范围，字符类，正则验证用户输入，替换replace和修饰符（i，j）触屏事件，通讯录案例（排他，手势插件，对话框插件）（四、正则表达式:边界符，量词，范围，字符类，替换字符replace，修饰符（i，j），js插件（手势插件，对话框插件，serialize收集表单），截取字符串substring）
2024-12-03 21:06:09
899
原创 《Web 布局与节点核心：尺寸位置计算、DOM 节点操作及综合案例实战》
元素尺寸（大小）元素位置，查找节点（父节点，子节点，兄弟节点），增加节点，删除节点（五、元素尺寸和位置、节点操作(DOM，查找节点，增加节点，删除节点)、阶段案例）
2024-12-03 20:58:52
553
原创 《吃透 Web 核心工具：window 对象、延时 / 定时器、地址操作与本地存储》
延时器setTimeout，定时器setInterval，时间戳三种方式，location对象（href，search，hash，reload），本地储存localStorage-简单和复杂数据类型的存储，数组去重new Set，例;距离xx时间倒计时，2bibi历史搜索记录（本地储存）（三、 window对象，延时器，定时器，时间戳，location对象（地址），本地存储-localStorage，数组去重new Set）
2024-12-03 20:28:09
963
原创 《从基础到实践：AJAX 中 URL、请求方法、HTTP 协议与接口文档学习指南》
ajax是什么，请求库axios使用，url组成（协议，域名，资源路径）查询参数和参数化简，错误处理，请求报文。响应报文，响应状态码，接口文档，智能聊天（例）
2024-12-01 22:34:08
2355
原创 《吃透 DOM 事件：从事件类型到事件委托，再到监听移除，一篇搞定》
事件类型（鼠标 焦点 文本 键盘 滚动-点击返回顶部）事件流（事件捕获 事件冒泡）事件委托 排他思想 移除事件监听 题-tab栏切换（事件委托-排他思想）快递单号查询（二、事件核心（事件类型，事件对象，事件流（捕获 冒泡），事件委托，移除事件监听））
2024-11-25 18:38:06
768
原创 js七、常用方法（数组、对象、字符串、数值、日期对象）、递归、异常处理
数组方法（filter,findindex,indexof,every,some,reverse,concat,sort）对象方法（Object.keys /values /assign）字符串方法（split,substring,sartsWith,endsWith,includes,trim,转大小写,indexOf）日期对象，递归，异常处理，收藏夹（渲染，删除，添加，搜索）
2024-11-22 17:34:17
1043
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人