• Vue扩展知识概括


    HTML,CSS,JS回顾

    常用选择器:

    • 元素选择器
      ①作用:根据标签名来选中指定的元素
      ②语法:标签名{}
      ③例子:p{} h1{} div{}
    • id选择器
      ①作用:根据元素的id属性值选中一个元素
      ②语法:#id属性值{}
      ③例子:#box{} #red{}
    • 类选择器
      ①作用:根据元素的class属性值选中一组元素
      ②语法:.class属性值{}
    • 通配选择器
      ①作用:选中页面中的所有元素
      ②语法: *{}

    对象简介:

    • JS中数据类型
      ①String 字符串
      ②Number 数值
      ③Boolean 布尔值
      ④Null 空值
      ⑤Undefined 未定义
    • 以上这五种类型属于基本数据类型,以后我们看到的值,只要不是上边的5种,全都是对象。

    函数简介:

    • 函数 function。函数也是一个对象。函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码)
    • 函数中可以保存一些代码在需要的时候调用。使用typeof检查一个函数对象时,会返回function
    • 我们在实际开发中很少使用构造函数来创建一个函数对象。创建一个函数对象,可以将要封装的代码以字符串的形式传递给构造函数。

    作用域简介:

    • 作用域指一个变量的作用的范围
    • 在JS中一共有两种作用域:
      ①全局作用域:直接编写在script标签中的JS代码,都在全局作用域。全局作用域在页面打开时创建,在页面关闭时销毁。在全局作用域中有一个全局对象window,它代表的是一个浏览器的窗口,它由浏览器创建我们可以直接使用
      <1>在全局作用域中:创建的变量都会作为window对象的属性保存,创建的函数都会作为window对象的方法保存。全局作用域中的变量都是全局变量,在页面的任意的部分都可以访问的到
      ②函数作用域:调用函数时创建函数作用域,函数执行完毕以后,函数作用域销毁。每调用一次函数就会创建一个新的函数作用域,他们之间是互相独立的。在函数作用域中可以访问到全局作用域的变量。在全局作用域中无法访问到函数作用域的变量。

    构造函数简介:

    • 创建一个构造函数,专门用来创建Person对象的,构造函数就是一个普通的函数,创建方式和普通函数没有区别,不同的是构造函数习惯上首字母大写
    • 构造函数和普通函数的区别就是调用方式的不同。普通函数是直接调用,而构造函数需要使用new关键字来调用
    • 对于不加new来执行构造函数来说,返回值就是构造函数的执行结果;对于加new关键字来执行构造函数而言,如果return的是基本数据类型,那么忽视掉该return值,如果返回的是一个引用类型,那么返回该引用类型。

    原型 prototype简介:

    • 我们所创建的每一个函数,解析器都会向函数中添加一个属性prototype。这个属性对应着一个对象,这个对象就是我们所谓的原型对象
    • 如果函数作为普通函数调用prototype没有任何作用。当函数以构造函数的形式调用时,它所创建的对象中都会有一个隐含的属性,指向该构造函数的原型对象,我们可以通过__proto__来访问该属性原型对象就相当于一个公共的区域,所有同一个类的实例都可以访问到这个原型对象,我们可以将对象中共有的内容,统一设置到原型对象中。

    DOM简介:

    • 浏览器已经为我们提供 文档节点 对象这个对象是window属性,可以在页面中直接使用,文档节点代表的是整个网页。
    • DOM,全称Document Object Model文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的操作WEB页面。
      ①文档表示的就是整个的HTML网页文档
      ②对象表示将网页中的每一个部分都转换为了一个对象。
      ③使用模型来表示对象之间的关系,这样方便我们获取对象。

    BOM简介:

    • 浏览器对象模型,BOM可以使我们通过JS来操作浏览器
    • 在BOM中为我们提供了一组对象,用来完成对浏览器的操作

    理解闭包:

    • 如何产生闭包?
      ①当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时, 就产生了闭包
      闭包到底是什么?
      ①使用chrome调试查看
      理解一: 闭包是嵌套的内部函数(绝大部分人)
      理解二: 包含被引用变量(函数)的对象(极少数人)
    • 注意: 闭包存在于嵌套的内部函数中
    • 产生闭包的条件?
      ①函数嵌套 ②内部函数引用了外部函数的数据(变量/函数)

    常见的闭包:

    • 将函数作为另一个函数的返回值
    • 将函数作为实参传递给另一个函数调用

    闭包的作用:

    • 使用函数内部的变量在函数执行完后, 仍然存活在内存中(延长了局部变量的生命周期)
    • 让函数外部可以操作(读写)到函数内部的数据(变量/函数)
    • 问题:
      ①函数执行完后, 函数内部声明的局部变量是否还存在?
      <1>看是否使用了闭包
      ②在函数外部能直接访问函数内部的局部变量吗?
      <1>不能

    闭包的生命周期:

    • 产生: 在嵌套内部函数定义执行完时就产生了(不是在调用)
    • 死亡: 在嵌套的内部函数成为垃圾对象时

    闭包的应用:自定义JS模块:

    • 具有特定功能的js文件,将所有的数据和功能都封装在一个函数内部(私有的),只向外暴露一个包信n个方法的对象或函数,
    • 模块的使用者,只需要通过模块暴露的对象调用方法来实现对应的功能
    //向外暴露包含多个方法的对象
    //通过return 返回向外暴露
      return {
        doSomething: doSomething,
        doOtherthing: doOtherthing
      }
    //通过window对象向外暴露
     window.coolModule2 =  {
        doSomething: a,
        doOtherthing: b
      }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11

    let 关键字:

    • let 关键字用来声明变量,使用 let 声明的变量有几个特点:
      ①不允许重复声明<

  • 相关阅读:
    牛客出bug(华为机试HJ71)
    记:apifox 返回 invalid header token 的问题排查思路
    软件质量保护与测试(第2版)学习总结第十一章 白盒测试
    Linux ls的三个选项(l、h、a)
    重温redis和mysql的数据一致性问题
    2.5 - 死锁
    【数据库】E-R图相关知识、绘制方法及工具推荐
    使用 GitHub Copilot 进行 Prompt Engineering 的初学者指南(译)
    Infer的安装及基本使用
    SQL字符串转换大小写
  • 原文地址:https://blog.csdn.net/weixin_41005188/article/details/126618505