【鸿蒙生态第一节课#1】
-
鸿蒙使用JavaScript开发模式
可以使用相关组件并且可以自定义组件
-
var 和 let 区别
var
是函数作用域,let
是块作用域
var
在函数内声明,整个函数内都是有效的,在for
循环内定义了一个var
变量,实际上其在for循环以外也是可以访问的,
let
是块作用域,所以如果在块作用域内(for
循环内)定义的变量,在其外面是不可被访问的。 -
纵向滚动和横向滚动的实现
方法一:使用组件实现
<list> <list-item></list-item></list>
方法二:在css中使用overflow:scroll属性
display: flex; overflow: scroll;
注:纵向滚动可在基础容器直接使用,横向滚动需要嵌套
后在新容器中使用点击更改样式思路
使用标志,如 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: 模型驱动视图 虚拟解析器 把数据模型驱动视图变化视图会响应数据的变化、数据会驱动视图的渲染