Http/Axios 网络请求文档中心
Http
返回字符串
免费测试接口地址：
https://jsonplaceholder.typicode.com/todos/1
https://jsonplaceholder.typicode.com
https://httpbin.org
https://apis.juhe.cn
:::
@State result_use: string = ''async sendHttp() { //发请求的实例 const req = http.createHttp() //通过实例发请求 const res = await req.request("https://httpbin.org") //使用结果 this.result_use = res.result as string}Button('发起Http请求') .onClick(() => { this.sendHttp() })Scroll() ...
页面级UI状态存储文档中心
通过@Entry装饰器接收的参数可以在页面内共享同一个LocalStorage实例。LocalStorage支持UIAbility实例内多个页面间状态共享
页面内数据共享
const data: Record<string, string> = { 'uname': '张三', 'age': '18'}const storage = new LocalStorage(data)@Entry(storage)@Componentstruct LocalStorageCase { @LocalStorageLink('uname') message: string = ''; build() { Column({ space: 20 }) { Text(this.message) Text('------------ ...
文本提示框点击
创建并显示文本提示框、对话框和操作菜单
//轻提示，过一会自动消失promptAction.openToast({ message: "提示文本", // 要显示的提示内容 duration: 数字, // 可选，显示时长（毫秒），默认约 2000ms bottom: 数字 // 可选，距离屏幕底部的距离（如 '100px' 或 100）})//强提示，弹层提示 不会自动消失uiContext: UIContext = this.getUIContext();promptAction: PromptAction = this.uiContext.getPromptAction();this.promptAction.showDialog({ title: '标题文本', message: "提示文本", // 要显示的提示内容 buttons: [ { text: '按键文本', ...
布局思路：先排版，再放内容，再美化
线性布局文档中心
Row行、Column列：默认有居中效果
通过space属性设置排列方向上子元素的间距
Column({ space: 数字 }){}Row({ space: 数字 }){}
build() { Column({ space: 20 }) { Text('space: 20').fontSize(15).fontColor(Color.Gray).width('90%') Row().width('90%').height(50).backgroundColor(0xF5DEB3) Row().width('90%').height(50).backgroundColor(0xD2B48C) Row().width('90%').height(50). ...
Ctrl+p：提示方法
莓创图表
自定义组件点击
@Componentstruct 自定义组件名{ build() { //内容 }}//export：导出组件，申明导出后再使用会自动导入export default 组件名
组件重用样式文档中心
只能在当前文件内使用，不支持export 和传参，仅支持通用属性和通用事件
@Styles函数名(){ //通用样式和事件抽离}.函数名()
@StylesstyleFunction(){ .width('100%') .height('100%') .backgroundColor(Color.Blue)}.styleFunction() //调用
扩展组件样式
不支持export，扩展 组件的 样式、事件，实现 复用 效果
@Extend(组件名称)function styleFunction01(形参: 类型, ...) { //属性和事件}
@Exten ...
通用事件
通用事件API
组件区域变化事件文档中心
组件区域变化时触发
返回目标元素变化之前的宽高以及目标元素相对父元素和页面左上角的坐标位置
返回目标元素变化之后的宽高以及目标元素相对父元素和页面左上角的坐标位置
.onAreaChange((_oldValue, _newValue) => { // onAreaChange可能会触发多次，所以不要批量使用 promptAction.showDialog({ message: ` 宽度:${_oldValue.width} - ${_newValue.width} 高度:${_oldValue.height} - ${_newValue.height} X坐标:${_oldValue.globalPosition.x} - ${_newValue.globalPosition.x} Y坐标:${_oldValue.glob ...
通用属性文档
颜色格式，将颜色统一存放 \src\main\resources\base\element\color.json 文件中，方便统一管理
Color.枚举值 数字类：0x00ffffff字符类：'#ffffff'，'#ff000000'，'rgb(255, 100, 255)'，'rgba(255, 100, 255, 0.5)'$r('app.color.枚举值') //枚举值也就是文件中写的名字.backgroundColor($r('app.color.backgruokcolor'))
尺寸设置文档中心
宽度
.width(数字).width('数字%')
高度
.height(数字).height('数字%')
内边距
.pading().pading({ top: 数字, bottom: 数字, left: 数字, right: 数字})
外边距
...
原生鸿蒙开发
未读打印日志：console.log(‘消息说明’,‘打印的内容’)
对象等复杂数据，需要日志打印需要JSON.stringify()转换
文档中心
项目：
美蔻商城_v1.2
https://www.yuque.com/megasu/hm_meikou_v1.2
HarmonyOS NEXT 面试通
守护助手APP项目实战教程_哔哩哔哩_bilibili
鸿蒙守护助手-黑马程序员_v1.0
项目代码仓库：
美蔻商城
面试通
鸿蒙守护助手
微信聊天
小时达
小时达-快递项目（hap+har）.md
变量
基础数据类型
let：表示全局变量
string 字符串, ‘’ 和 ""都可以
number 数字，Number(数字/变量).toFixed(数字)保留几位小数
boolean 布尔（真、假）
let 变量名: 类型 = 值Number(数字/变量).toFixed() //保留两位小数
// 字符类型，'' 或 "" ...
d0082e95ce53ece4a4c0f5b8a727fc3f962b5c64e8654922e002aaab68a80fee8287b5237e990cc3bb2bfba1a3e0315d2966363fe9d120e6754f5085a6baa530f335af0c4ab0c4bc8036a0f7fae3a1749fbd6c3f3219622f5853dbd76d71fde75d5581adb6eb85a1561d2d1651af5b17e2cf3b1d5773d134511c747bacdabd84ea0d8166d836d1f4a08d015acc25b44eb779a5e26562b0ef7b7a84ae1d1fbc09ffe9d56ae1a3cb3cfc717afb1cc34f59d9bddbb6429437c0e11e5a44fe02fdd2be15bd56c998297e8a9ff666556a02c80f1217ee4fb62183378595675c6b358cfbe2722e1887038e4a8c0afdc335e66274145202106ac4a02 ...
嵌入式软件
未读
终端打开：一个窗口打开第二个：Ctrl+Shift+t，不同串口打开：Ctrl+Alt+t
虚拟机Ubuntu安装参考：下载安装Ubuntu 20.04详细教程_ubuntu20.04下载-CSDN博客
文件和目录操作
参考：Linux命令大全（常用的命令解析）-CSDN博客
查看文件
查看当前目录里面内容：ls
查看当前目录里面内容(详细信息)：ls -l
查看当前目录里面内容(包括隐藏)：ls -a
查看系统加载哪些驱动：lsmod
查看系统有哪些usb设备：lsusb
文件夹操作
进入哪个文件夹(不知道有哪些需先查看)：cd 文件夹名，连续进入：cd 文件夹名1/文件夹名2
返回上一级：cd ..
切换到系统根目录：cd /
切换用户主目录：：cd ~
返回当前文件夹所在路径：pwd
创建文件夹：mkdir 文件夹名
文件操作
新建文件：touch 文件.后缀名
删除文件：rm 文件.后缀名，删除文件夹中后缀名全部文件：rm *.后缀名
删除文件夹：rm -R 文件夹名
复制文件：cp 文件名.后缀名 路径
移动文件：mv 文件名.后缀名 路径
查看文 ...
