> 文档中心 > 【鸿蒙生态第一节课#1】

【鸿蒙生态第一节课#1】


  1. 鸿蒙使用JavaScript开发模式

    可以使用相关组件并且可以自定义组件
    自定义title与使用

  2. var 和 let 区别
    var是函数作用域,let是块作用域
    var在函数内声明,整个函数内都是有效的,在for循环内定义了一个var变量,实际上其在for循环以外也是可以访问的,
    let是块作用域,所以如果在块作用域内(for循环内)定义的变量,在其外面是不可被访问的。

  3. 纵向滚动和横向滚动的实现
    方法一:使用组件实现

    <list>    <list-item></list-item></list>

    方法二:在css中使用overflow:scroll属性

    display: flex;    overflow: scroll;
    注:纵向滚动可在基础容器直接使用,横向滚动需要嵌套
    后在新容器中使用
  4. 点击更改样式思路
    使用标志,如 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: 模型驱动视图  虚拟解析器 把数据模型驱动视图变化视图会响应数据的变化、数据会驱动视图的渲染