【JS】Chapter15-高阶技巧

站在巨人的肩膀上

黑马程序员前端JavaScript入门到精通全套视频教程,javascript核心进阶ES6语法、API、js高级等基础知识和实战教程

(十五)高阶技巧

1. 深浅拷贝

  • 开发中我们经常需要复制一个对象。如果直接用赋值会有下面问题:
    // 一个 pink 对象
    const pink = {name: 'pink老师',age: 18
    }
    const red = pink
    console.log(red)    // { name: 'pink老师', age: 18 }
    red.name = 'red老师'
    console.log(red)    // { name: 'red老师', age: 18 }
    // 但是 pink 对象里面的 name 值也发生了变化
    console.log(pink)   // { name: 'red老师', age: 18 }
    

1.1 浅拷贝

  • 首先浅拷贝和深拷贝只针对引用类型。
  • 浅拷贝:拷贝的是地址
  • 常见方法:
    1. 拷贝对象:Object.assgin() / 展开运算符 {…obj} 拷贝对象
    2. 拷贝数组:Array.prototype.concat() 或者 […arr]
  • 例子1:
    const obj = {uname: 'pink'
    }
    const o = { ...obj }
    console.log(o)      // { uname: 'pink' }
    o.uname = 'red'
    console.log(o)      // { uname: 'red' }
    console.log(obj)    // { uname: 'pink' }
    
  • 例子2:
    // 一个 pink 对象
    const pink = {name: 'pink老师',age: 18
    }
    const red = {}
    Object.assign(red, pink)
    console.log(red)    // { name: 'pink老师', age: 18 }
    red.name = 'red老师'
    console.log(red)    // { name: 'red老师', age: 18 }
    // 不会影响 pink 对象
    console.log(pink)   // { name: 'pink老师', age: 18 }
    
  • 例子3:
    ```js
    // 一个 pink 对象
    const pink = {
    name: ‘pink老师’,
    age: 18,
    family: {
    mother: ‘pink妈妈’
    }
    }
    const red = {}
    Object.assign(red, pink)
    console.log(red) // { name: ‘pink老师’, age: 18 }
    red.name = ‘red老师’
    // 更改对象里面的 family 还是会有影响
    console.log(red) // { name: ‘red老师’, age: 18 }
    // 不会影响 pink 对象
    console.log(pink) // { name: ‘pink老师’, age: 18 }
    - 如果是简单数据类型拷贝值,引用数据类型拷贝的是地址 (简单理解:如果是单层对象,没问题,如果有多层就有问题)
    
  • 直接赋值和浅拷贝有什么区别?
    • 直接赋值的方法,只要是对象,都会相互影响,因为是直接拷贝对象栈里面的地址
    • 浅拷贝如果是一层对象,不相互影响,如果出现多层对象拷贝还会相互影响
  • 浅拷贝怎么理解?
    • 拷贝对象之后,里面的属性值是简单数据类型直接拷贝值
    • 如果属性值是引用数据类型则拷贝的是地址

1.2 深拷贝

  • 首先浅拷贝和深拷贝只针对引用类型
  • 深拷贝:拷贝的是对象,不是地址
  • 常见方法:
    1. 通过递归实现深拷贝
    2. lodash/cloneDeep
    3. 通过JSON.stringify()实现
1.2.1 通过递归实现深拷贝
  • 函数递归:
    • 如果一个函数在内部可以调用其本身,那么这个函数就是递归函数
  • 简单理解:函数内部自己调用自己, 这个函数就是递归函数
  • 递归函数的作用和循环效果类似
  • 由于递归很容易发生“栈溢出”错误(stack overflow),所以必须要加退出条件return
  • 例子:
    let num = 1
    // fn 就是递归函数
    function fn() {console.log('我要打印6次')if(num >= 6) {return}num++fn()    // 函数内部调用函数自己
    }
    fn()
    
  • 利用递归函数实现 setTimeout 模拟 setInterval效果。
    function getTime() {const time = new Date().toLocalString()console.log(time)setTimeout(getTime, 1000)   // 定时器调用当前函数
    }
    getTime()
    
  • 通过递归函数实现深拷贝(简版)
    const o = {}
    function deepCopy(newObj, oldObj) {for(let k in oldObj) {if(oldObj[k] instanceof Array) {newObj[k] = []deepCopy(newObj[k], oldObj[k])}else if(oldObj[k] instanceof Object) {newObj[k] = {}deepCopy(newObj[k], oldObj[k])}else {newObj[k] = oldObj[k]}}
    }
    
1.2.2 js库lodash里面cloneDeep内部实现了深拷贝
const obj = {uname: 'pink',age: 18,hobby: ['篮球', '足球'],family: {baby: '小pink'}
}
// 语法:_.cloneDeep(要被克隆的对象)
const o = _.cloneDeep(obj)
console.log(o)
o.family.baby = '老pink'
console.log(obj)
1.2.3 通过JSON.stringify()实现
const obj = {uname: 'pink',age: 18,hobby: ['篮球', '足球'],family: {baby: '小pink'}
}
const o = JSON.parse(JSON.stringify(obj))
console.log(o)
o.family.baby = '老pink'
console.log(obj)

2. 异常处理

2.1 throw 抛异常

  • 异常处理是指预估代码执行过程中可能发生的错误,然后最大程度的避免错误的发生导致整个程序无法继续运行
  • 总结:
    1. throw 抛出异常信息,程序也会终止执行
    2. throw 后面跟的是错误提示信息
    3. Error 对象配合 throw 使用,能够设置更详细的错误信息
  • 例子:
    function counter(x, y) {if(!x || !y) {// throw '参数不能为空!';throw new Error('参数不能为空!')}return x + y
    }
    counter()
    

2.2 try/catch 捕获异常

  • 我们可以通过try / catch 捕获错误信息(浏览器提供的错误信息) try 试试 catch 拦住 finally 最后
  • 总结:
    1. try…catch 用于捕获错误信息
    2. 将预估可能发生错误的代码写在 try 代码段中
    3. 如果 try 代码段中出现错误后,会执行 catch 代码段,并截获到错误信息
    4. finally 不管是否有错误,都会执行
  • 例子:
    function foo() {try {// 查找 DOM 节点const p = document.querySelectro('.p')p.style.color = 'red'} catch(error) {// try 代码段中执行有错误时,会执行 catch 代码段// 查看错误信息console.log(error.message)// 终止代码继续执行return}finally {alert('执行')}console.log('如果出现错误,我的语句不会执行')
    }
    foo()
    

2.3 debugger

  • 我们可以通过 try / catch 捕获错误信息(浏览器提供的错误信息)
  • 例子:
    const arr = [1, 3, 5]
    const newArr = arr.map((item, index) => {debuggerconsole.log(item)       // 当前元素console.log(index)      // 当前元素索引号return item + 10        // 让当前元素 + 10
    })
    console.log(newArr)         // [11, 13, 15]
    

3. 处理this

  • this 是 JavaScript 最具“魅惑”的知识点,不同的应用场合 this 的取值可能会有意想不到的结果,在此我们对以往学习过的关于【 this 默认的取值】情况进行归纳和总结。

3.1 this指向

3.1.1 普通函数this指向
  • 普通函数的调用方式决定了 this 的值,即【谁调用 this 的值指向谁】
  • 普通函数没有明确调用者时 this 值为 window,严格模式下没有调用者时 this 的值为 undefined。
  • 例子1:
    // 普通函数
    function sayHi() {console.log(this)
    }
    // 函数表达式
    const sayHello = function() {console.log(this)
    }
    // 函数的调用方式决定了 this 的值
    sayHi()     // window
    windows.sayHi()
    
  • 例子2:
    // 普通对象
    const user = {name: '小明',walk: function() {console.log(this)}
    }
    // 动态为 user 添加方法
    user.sayHi = sayHi
    user.sayHello = sayHello
    // 函数的调用方式决定了 this 的值
    user.sayHi()
    user.sayHello()
    
  • 例子3:
    <script>'use strict'function fn() {console.log(this)   // undefined}fn()
    </script>
    
3.1.2 箭头函数this指向
  • 箭头函数中的 this 与普通函数完全不同,也不受调用方式的影响,事实上箭头函数中并不存在 this !
    1. 箭头函数会默认帮我们绑定外层 this 的值,所以在箭头函数中 this 的值和外层的 this 是一样的
    2. 箭头函数中的this引用的就是最近作用域中的this
    3. 向外层作用域中,一层一层查找this,直到有this的定义
  • 例子1:
    console.log(this)   // 此处为 window
    // 箭头函数
    const sayHi = function() {console.log(this)   // 该箭头函数中的 this 为函数声明环境中 this 一致
    }
    
  • 例子2:
    // 普通对象
    const user = {name: '小明',// 该箭头函数中的 this 为函数声明环境中 this 一致walk: () => {console.log(this)}
    }
    
  • 注意情况1:
    • 在开发中【使用箭头函数前需要考虑函数中 this 的值】,事件回调函数使用箭头函数时,this 为全局的 window
    • 因此DOM事件回调函数如果里面需要DOM对象的this,则不推荐使用箭头函数
    • 例子:
      // DOM 节点
      const btn = document.querySelector('.btn')
      // 箭头函数,此时 this 指向了 window
      btn.addEventListener('click', () => {console.log(this)
      })
      // 普通函数,此时 this 指向了 DOM 对象
      btn.addEventListener('click', function () {console.log(this)
      })
      
  • 注意情况2:
    • 同样由于箭头函数 this 的原因,基于原型的面向对象也不推荐采用箭头函数
    • 例子:
      function Person() {
      }
      // 原型对象上添加了箭头函数
      Person.prototype.walk = () => {console.log('人都要走路...')console.log(this);  // window
      }
      const p1 = new Person()
      p1.walk()
      
  • 总结:
    1. 函数内不存在this,沿用上一级的
    2. 不适用
      • 构造函数,原型函数,dom事件函数等等
    3. 适用
      • 需要使用上层this的地方
    4. 使用正确的话,它会在很多地方带来方便,后面我们会大量使用慢慢体会

3.2 改变this

  • JavaScript 中还允许指定函数中 this 的指向,有 3 个方法可以动态指定普通函数中 this 的指向:
    • call()
    • apply()
    • bind()
3.2.1 call()–了解
  • 使用 call 方法调用函数,同时指定被调用函数中 this 的值
  • 语法:
    fun.call(thisArg, arg1, arg2, ...)
    
    • thisArg:在 fun 函数运行时指定的 this 值
    • arg1,arg2:传递的其他参数
    • 返回值就是函数的返回值,因为它就是调用函数
  • 例子1:
    const obj = {name: 'pink'
    }
    function fn() {console.log(this)   // 指向 obj {name: 'pink'}
    }
    fn.call(obj)
    
  • 例子2:
    const obj = {name: 'pink'
    }
    function fn(x, y) {console.log(this)   // 指向 obj {name: 'pink'}console.log(x + y)  // 传递过来的参数相加
    }
    fn.call(obj, 1, 2)
    
3.2.2 apply()-理解
  • 使用 apply 方法调用函数,同时指定被调用函数中 this 的值
  • 语法:
    fun.apply(thisArg, [argsArray])
    
    • thisArg:在fun函数运行时指定的 this 值
    • argsArray:传递的值,必须包含在数组里面
    • 返回值就是函数的返回值,因为它就是调用函数
    • 因此 apply 主要跟数组有关系,比如使用 Math.max() 求数组的最大值
  • 例子:
    // 求和函数
    function counter(x, y) {return x + y
    }
    // 调用 counter 函数,并传入参数
    let result = counter.apply(null, [5, 10])
    console.log(result)
    
  • 求数组最大值2个方法:
    // 求数组最大值
    const arr = [3, 5, 2, 9]
    console.log(Math.max.apply(null, arr))  // 9,利用apply
    console.log(Math.max(...arr))           // 9,利用展开运算符
    
3.2.3 bind()-重点
  • bind() 方法不会调用函数。但是能改变函数内部this 指向
  • 语法:
    fun.bind(thisArg, arg1, arg2, ...)
    
    • thisArg:在 fun 函数运行时指定的 this 值
    • arg1,arg2:传递的其他参数
    • 返回由指定的 this 值和初始化参数改造的 原函数拷贝 (新函数)
    • 因此当我们只是想改变 this 指向,并且不想调用这个函数的时候,可以使用 bind,比如改变定时器内部的this指向.
  • 例子:
    // 普通函数
    function sayHi() {console.log(this)
    }
    let user = {name: '小明',age: 18
    }
    // 调用 bind 指定 this 的值
    let sayHello = sayHi.bind(user);
    // 调用使用 bind 创建的新函数
    sayHello()
    
3.2.4 call apply bind 总结
  • 相同点:
    • 都可以改变函数内部的this指向.
  • 区别点:
    • call 和 apply 会调用函数, 并且改变函数内部this指向.
    • call 和 apply 传递的参数不一样, call 传递参数 aru1, aru2…形式,apply 必须数组形式[arg]
    • bind 不会调用函数, 可以改变函数内部this指向.
  • 主要应用场景:
    • call 调用函数并且可以传递参数
    • apply 经常跟数组有关系. 比如借助于数学对象实现数组最大值最小值
    • bind 不调用函数,但是还想改变this指向. 比如改变定时器内部的this指向.

4. 性能优化

4.1 防抖

  • 所谓防抖(debounce),就是指触发事件后在 n 秒内函数只能执行一次,如果在 n 秒内又触发了事件,则会重新计算函数执行时间
  • 现实例子:北京买房政策,需要连续5年的社保,如果中间有一年断了社保,则需要从新开始计算
  • 开发使用场景:搜索框防抖
    • 假设输入就可以发送请求,但是不能每次输入都去发送请求,输入比较快发送请求会比较多
    • 我们设定一个时间,假如300ms, 当输入第一个字符时候,300ms后发送请求,但是在200ms的时候又输入了一个字符,则需要再等300ms 后发送请求
  • 利用防抖来处理-鼠标滑过盒子显示文字
    const box = document.querySelector('.box')
    let i = 1
    function mouseMove() {box.innerHTML = i++
    }
    function debounce(fn, t = 500) {let timeIdreturn function () {// 如果有定时器,先清除if(timeId)clearTimeout(timeId)// 开启定时器timeId = setTimeout(function() {fn()}, t)}
    }
    box.addEventListener('mousemove', debounce(mouseMove, 500))
    
    • 核心思路:利用定时器实现,当鼠标滑过,判断有没有定时器,还有就清除,以最后一次滑动为准开启定时器

4.2 节流

  • 所谓节流(throttle),就是指连续触发事件但是在 n 秒中只执行一次函数

  • 现实例子:只有等到了上一个人做完核酸,整个动作完成了,第二个人才能排队跟上

  • 开发使用场景:小米轮播图点击效果、鼠标移动、页面尺寸缩放resize、滚动条滚动 就可以加节流

    • 假如一张轮播图完成切换需要300ms,不加节流效果,快速点击,则嗖嗖嗖的切换
    • 加上节流效果,不管快速点击多少次,300ms时间内,只能切换一张图片。
  • 利用节流来处理-鼠标滑过盒子显示文字:

    const box = document.querySelector('.box')
    let i = 1
    function mouseMove() {box.innerHTML = i++// 如果存在开销较大操作,大量数据处理,大量dom操作,可能会卡
    }
    function throttle(fn, t = 500) {let startTime = 0return function () {let now = Date.now()if(now - startTime >= t) {fn()startTime = now}}
    }
    box.addEventListener('mousemove', throttle(mouseMove, 500))
    
    • 利用节流的方式,鼠标经过,500ms,数字才显示
  • 节流和防抖的区别是?

    • 节流: 就是指连续触发事件但是在 n 秒中只执行一次函数,比如可以利用节流实现 1s 之内只能触发一次鼠标移动事件
    • 防抖:如果在 n 秒内又触发了事件,则会重新计算函数执行时间
  • 节流和防抖的使用场景是?

    • 节流: 鼠标移动,页面尺寸发生变化,滚动条滚动等开销比较大的情况下
    • 防抖: 搜索框输入,设定每次输入完毕n秒后发送请求,如果期间还有输入,则从新计算时间

4.3 Lodash 库实现节流和防抖

  • 节流

    const box = document.querySelector('.box')
    let i = 1
    function mouseMove() {box.innerHTML = i++// 如果存在开销较大操作,大量数据处理,大量dom操作,可能会卡
    }
    box.addEventListener('mousemove', _.throttle(mouseMove, 1000))
    
  • 防抖

    const box = document.querySelector('.box')
    let i = 1
    function mouseMove() {box.innerHTML = i++// 如果存在开销较大操作,大量数据处理,大量dom操作,可能会卡
    }
    box.addEventListener('mousemove', _.debounce(mouseMove, 1000))
    

5. 节流综合案例

页面打开,可以记录上一次的视频播放位置

  • 思路:
    1. 在ontimeupdate事件触发的时候,每隔1秒钟,就记录当前时间到本地存储
    2. 下次打开页面, onloadeddata 事件触发,就可以从本地存储取出时间,让视频从取出的时间播放,如果没有就默认为0s
    3. 获得当前时间 video.currentTime
  • 代码:
    const video = document.querySelector('video')
    video.ontimeupdate = _.throttle(() => {localStorage.setItem('currentTime', video.currentTime)
    }, 1000)
    video.onloadeeddata = () => {video.currentTime = local.getItem('currentTime') || 0
    }
    

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/160426.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

微信订房功能怎么做_公众号里怎么实现在线订房系统

微信公众号在线订房系统&#xff1a;一键解决您的住宿问题 在当今数字化时代&#xff0c;微信公众号已经成为人们生活中不可或缺的一部分。它提供了各种各样的功能和服务&#xff0c;让我们的生活变得更加便捷和高效。而如今&#xff0c;微信公众号也实现了在线订房功能&#…

什么是应急演练脚本?其设计原则是什么?

应急演练脚本是一种系统性、有计划的模拟性文件&#xff0c;旨在测试和评估组织在紧急情况下的应对能力。这种脚本提供了一系列步骤和场景&#xff0c;以确保团队能够高效、协调地应对各种紧急事件。以下将详细探讨应急演练脚本的定义、设计原则以及实施过程。 一、应急演练脚本…

常见面试题-Redis持久化策略

谈谈Redis 的持久化策略&#xff1f; 参考文章&#xff1a; Redis 持久化机制演进与百度智能云的实践 Redis的确是将数据存储在内存的&#xff0c;但是也会有相关的持久化机制将内存持久化备份到磁盘&#xff0c;以便于重启时数据能够重新恢复到内存中&#xff0c;避免数据丢…

【Python 千题 —— 基础篇】奇数列表

题目描述 题目描述 创建奇数列表。使用 for 循环创建一个包含 20 以内奇数的列表。 输入描述 无输入。 输出描述 输出创建的列表。 示例 示例 ① 输出&#xff1a; 创建的奇数列表为: [1, 3, 5, 7, 9, 11, 13, 15, 17, 19]代码讲解 下面是本题的代码&#xff1a; #…

9. 回文数 --力扣 --JAVA

题目 给你一个整数 x &#xff0c;如果 x 是一个回文整数&#xff0c;返回 true &#xff1b;否则&#xff0c;返回 false 。 回文数是指正序&#xff08;从左向右&#xff09;和倒序&#xff08;从右向左&#xff09;读都是一样的整数。 例如&#xff0c;121 是回文&#xff0…

二、爬虫-爬取肯德基在北京的店铺地址

1、算法框架解释 针对这个案例&#xff0c;现在对爬虫的基础使用做总结如下&#xff1a; 1、算法框架 (1)设定传入参数 ~url: 当前整个页面的url:当前页面的网址 当前页面某个局部的url:打开检查 ~data:需要爬取数据的关键字&…

DB2中实现数据字段的拼接(LISTAGG() 与 xml2clob、xmlagg)

DB2中实现数据字段拼接&#xff08;LISTAGG 与 xml2clob、xmlagg&#xff09; 1. 使用函数LISTAGG()1.1 同oracle实现方式1.2 DB2中使用LISTAGG()1.2.1 关于DB2版本1.2.2 数据准备1.2.3 代码实现 2 解决DB2中关于 LISTAGG() 超长问题2.1 使用xmlagg xmlelement2.2 将xml标签去…

数据结构与算法编程题11

已知两个链表A和B分别表示两个集合&#xff0c;其元素递增排列。 请设计算法求出A与B的交集&#xff0c;并存放于A链表中。 a: 1, 2, 2, 4, 5, 7, 8, 9, 10 b: 1, 2, 3, 6, 7, 8 #include <iostream> using namespace std;typedef int Elemtype; #define ERROR 0; #defin…

【iOS】实现评论区展开效果

文章目录 前言实现行高自适应实现评论展开效果解决cell中的buttom的复用问题 前言 在知乎日报的评论区中&#xff0c;用到了Masonry行高自适应来实现评论的展开&#xff0c;这里设计许多控件的约束问题&#xff0c;当时困扰了笔者许久&#xff0c;特此撰写博客记录 实现行高自…

如何构建更简洁的前端架构?

目录 为什么需要前端架构&#xff1f; 那么&#xff0c;前端架构是什么样的呢&#xff1f; 使用了哪些层&#xff1f; 那么&#xff0c;这种架构会出什么问题呢&#xff1f; 我们应该如何避免这些错误&#xff1f; 哪些原则应适用于组件&#xff1f; Anti-Patterns 反模…

小程序存在优惠卷遍历,但是歪了

进入小程序&#xff0c;因为是一个小商城&#xff0c;所以照例先查看收货地址是否存在越权&#xff0c;以及能否未授权访问&#xff0c;但是发现不存在这些问题&#xff0c;所以去查看优惠卷 进入领券中心&#xff0c;点击领取优惠券时抓包 发现数据包&#xff0c;存在敏感参数…

数据库的级联删除

级联删除是指在数据库中删除一个对象时&#xff0c;与该对象有关的其他对象也被自动删除。在 Django 中&#xff0c;级联删除通常通过在模型中定义外键时使用 on_delete 参数来实现。以下是一些常见的 on_delete 选项&#xff1a; 1.models.CASCADE: 当关联的对象被删除时&…

CentOS 7 使用Fmt库

安装 fmt Git下载地址&#xff1a;https://github.com/fmtlib/fmt 步骤1&#xff1a;首先&#xff0c;你需要下载fmt的源代码。你可以从https://github.com/fmtlib/fmt或者源代码官方网站下载。并上传至/usr/local/source_code/ ​ 步骤2&#xff1a;下载完成后&#xff…

【Docker】Docker安装Nginx配置静态资源

1.下载镜像 2.创建nginx配置文件 3.创建nginx容器运行 4.配置nginx静态资源 1.下载镜像 Dockerhub官网&#xff1a;Docker docker pull nginx docker pull nginx下载最新版本 默认latest 下载指定版本docker pull nginx:xxx 2.创建nginx配置文件 启动容器之前要创建nginx…

怎么使用sentinel,以及所有的知识点

Sentinel是一个开源的流量控制和实时监控系统&#xff0c;主要用于保护企业级应用程序免受不良的请求。下面是使用Sentinel需要了解的知识点&#xff1a; 1. 什么是流量控制&#xff1f; 流量控制指的是限制应用程序的请求流量&#xff0c;防止过多的请求超出系统的承受范围。…

基于单片机停车场环境监测系统仿真设计

**单片机设计介绍&#xff0c; 基于单片机停车场环境监测系统仿真设计 文章目录 一 概要二、功能设计设计思路 三、 软件设计原理图 五、 程序六、 文章目录 一 概要 基于单片机的停车场环境监测系统是一种利用单片机技术实现环境监测和数据处理的系统。它可以感知停车场的温湿…

Python (十一) 迭代器与生成器

迭代器 迭代器是访问集合元素的一种方式&#xff0c;可以记住遍历的位置的对象 迭代器有两个基本的方法&#xff1a;iter() 和 next() 字符串&#xff0c;列表或元组对象都可用于创建迭代器 字符串迭代 str1 Python str_iter iter(str1) print(next(str_iter)) print(next(st…

zip4j压缩使用总结

一、引入依赖 <dependency><groupId>net.lingala.zip4j</groupId><artifactId>zip4j</artifactId><version>1.3.1</version></dependency>二、使用添加文件&#xff08;addFiles&#xff09;的方式生成压缩包 /*** Author wan…

蓝桥杯物联网_STM32L071_2_继电器控制

CubeMX配置&#xff1a; Function.c及Function.h&#xff1a; #include "Function.h" #include "gpio.h" void Function_LD5_ON(void){HAL_GPIO_WritePin(LD5_GPIO_Port, LD5_Pin, GPIO_PIN_RESET); }void Function_LD5_OFF(void){HAL_GPIO_WritePin(LD5_…

HarmonyOS应用开发者认证题目满分指南

为了帮助大家快速的上手HarmonyOS应用程序开发&#xff0c;官方制作了一些免费的课程&#xff1a;HarmonyOS第一课。每个课程后面都有一些练习题&#xff0c;下面就是这些题目的满分答案。 【习题】运行Hello World工程 判断题 1.DevEco Studio是开发HarmonyOS应用的一站式集…