【鸿蒙生态第一节课#1】
- 鸿蒙使用JavaScript开发模式 可以使用相关组件并且可以自定义组件
- var 和 let 区别 var是函数作用域,let是块作用域 var在函数内声明,整个函数内都是有效的,在for循环内定义了一个var变量,实际上其在for循环以外也是可以访问的, let是块作用域,所以如果在块作用域内(for循环内)定义的变量,在其外面是不可被访问的。
- 纵向滚动和横向滚动的实现 方法一:使用<list>组件实现 <list> <list-item></list-item> </list> 方法二:在css中使用overflow:scroll属性 display: flex; overflow: scroll; 注:纵向滚动可在基础容器直接使用,横向滚动需要嵌套<div>后在新容器中使用
- 点击更改样式思路 使用标志,如 flag ,结合三元运算符,实现两种样式的更换 三元运算符 (条件表达式)?选项1(true):选项2(false)
<text class="title { {flag?t1:t2}}" onclick="changetext"> { { title}} </text>
changetext(){ console.log("文本被点击"); if(this.flag){ this.title = "欢迎各位同学"; this.flag = false; } else{ this.title = "第一个界面"; this.flag = true; } }
5.鸿蒙的JavaScript 响应式
MVVM思想 M: model 数据模型 V:view 视图 VM: 模型驱动视图 虚拟解析器 把数据模型驱动视图变化 视图会响应数据的变化、数据会驱动视图的渲染