分类 教学相长 下的文章

HarmonyOS 4.0 应用开发快速入门之 03-样式处理

文章系统梳理 HarmonyOS 4.0 ArkTS 样式处理:链式与枚举语法、vp/px/fp/lpx 像素单位、layoutWeight 与 aspectRatio 适配;@Styles 全局/组件内复用通用样式,@Extend 带参扩展原生组件;stateStyles 依据 focused、pressed、disabled 等状态动态切换样式,并可与 @Styles 组合实现复用,覆盖开发中 90% 样式场景。

HarmonyOS 4.0 应用开发快速入门之 02-组件基础

文章系统梳理 HarmonyOS 4.0 ArkTS 组件开发基础:先回顾 JS→TS→ArkTS 演进与声明式 UI 思想;再详解 @Component、@Entry、build 结构及页面注册流程;示范 Text、Column、Row、Button、TextInput、Image 等系统组件用法与样式;最后对比普通变量与 @State 状态变量,并给出 TextInput 双向绑定完整示例,帮助开发者快速上手组件化与状态管理。

响应式布局与 Bootstrap 框架之 05-移动 Web 页面开发

文章系统梳理移动 Web 开发核心要点:先剖析多终端、多浏览器、性能瓶颈等行业现状,对比 PC 与移动在分辨率、视口、交互上的差异;继而详解英寸、像素、DPI、PPI、CSS 像素、设备像素比等基础概念,厘清布局视口、视觉视口、理想视口三者关系与 meta viewport 设置;最后给出移动优先、理想视口匹配、相对单位 em/rem 等实战原则,为响应式与 Bootstrap 框架实践奠定扎实基础。

响应式布局与 Bootstrap 框架之 04-JavaScript 插件

本文系统梳理 Bootstrap 的 JavaScript 插件体系:先强调 jQuery 依赖与全部/按需引入方式,再详解 data 属性与 JS API 两套调用规范;随后依次剖析过渡、模态框、选项卡、轮播、滚动监听五大核心组件的 HTML 结构、尺寸与动画配置、data 参数、JS 方法及事件钩子,并给出可直接套用的代码片段与注意事项,帮助开发者快速实现响应式交互。

响应式布局与 Bootstrap 框架之 03-Bootstrap 组件

本文系统梳理 Bootstrap 常用组件:字体图标、下拉与分裂按钮、输入框组、标签页/胶囊/自适应/下拉菜单导航、响应式导航条、分页与翻页、缩略图、媒体对象及列表组。结合 class 语义与示例代码,展示如何快速调用 .glyphicon、.dropdown、.nav、.navbar、.pagination、.thumbnail、.media、.list-group 等预定义样式,实现图标、菜单、表单、内容块与导航的响应式交互,助力高效构建一致且兼容多端的 Web 界面。

目录

目录