0
点赞
收藏
分享

微信扫一扫

4.9 面试复习日记

诗尚凝寒 2022-04-13 阅读 48

JS进度

1.简单(基本)数据类型与复杂(引用)数据类型
  • 简单数据类型:在存储时变量中存储的是值本身。string,number,boolean,undefined,null

    简单数据类型存放到栈里面

  • 引用类型:在存储时变量存储的仅仅是地址(引用).

    通过new 关键词创建的对象(内置对象,自定义对象),例如object,

    Array,Date等。

    复杂数据类型存放到堆里面

在这里插入图片描述

2.简单类型数据传参

​ 函数的形参也可以看作一个变量,当我们把一个值类型的变量作为参数传给函数的形参时,其实是把变量在栈空间里的值复制了一份给形参,那么在函数内部对形参做任何的修改,都不会影响到外部的变量。

 function fn(a) {
            a++;
            console.log(a)
        }
        let x = 1;
        fn(x); //2
        console.log(x)  //1
3.复杂类型数据传参

函数的形参也可以看做是一个变量,当我们把引用数据类型的变量传给形参时,实际上是把变量在空间存放的堆地址复制给了形参,形参和实参保存同一个堆地址,所以操作的是同一个对象。

 function Person(name) {
            this.name = name
        }
        function f1(x) {
            console.log(x.name); //懒羊羊
            x.name = '喜羊羊';
            console.log(x.name) //喜羊羊
        }
        let p = new Person('懒羊羊')
        console.log(p.name) //懒羊羊
        f1(p);
        console.log(p.name);//喜羊羊

HTML进度

1.H5新增全局属性
  • contenteditable 属性

    contenteditable 是 HTML5 中新增加的属性,,其用途是让用户能够修改页面上的内容

    <body>
    
       <!-- contenteditable属性应用 -->
    
       <p contenteditable="true">设置为 true 是可编辑的</p>
    
      </body>
    
  • draggable 属性

​ raggable 属性是 HTML5 支持拖放操作的方式之一,用来表示元素是否可被拖放。

  • dropzone 属性

    dropzone 属性是 HTML5 支持拖放操作的方式之一,与 draggable 属性搭配使用。

  • hidden 属性

    hidden 是个布尔属性,表示相关元素当前不需要关注,浏览器对它的处理方式是隐藏相关元素(隐隐想起来控制一个元素的展示隐藏的时候,会自定义一个 hidden 类,然后在里面写隐藏样式),具体也可以看一下这篇介绍 HTML5 的 hidden 属性

    <!-- hidden属性应用 -->
    
    <div hidden>这个元素将会被隐藏</div>
    
  • spellcheck 属性

    spellcheck 属性用来表明浏览器是否应该对元素的内容进行拼写检查,这个属性只有用在用户可以编辑的元素上时才有意义。 spellcheck 属性可以接受的值有两个:true 和 false。至于拼写检查的实现方式则因浏览器而异。

    <!-- spellcheck属性应用 -->
    
     <textarea >This is some lalalala text</textarea>
    

浮动

  • 什么是浮动?

    浮动可以让元素“漂浮起来”到一行上显示,直到左侧或者右侧贴近边缘

  • 浮动的特点

    • 脱离标准流布局,不再占有原先的位置,称之为“脱标”
    • 设置浮动的元素具有行内块的特点
    • 要配合一个标准流的父盒子使用,且要指定宽高
    • 浮动会贴近父元素的边缘排列,如果没有父盒子,将会贴近浏览器边缘排列
  • 浮动的影响

    一般浮动要配合一个标准流的父盒子(有默认的宽高)使用,但是很多情况下我们不会指定宽高,这就导致设置浮动后,父盒子里面相当于没有了“内容”,宽高就会为0,会影响后面元素布局。

    • 父盒子没高度
    • 子盒子浮动了
    • 影响到下面页面布局了
  • 如何清除浮动?

    本质是清除浮动元素脱离标准流造成的影响

    • 额外标签法:在最后一个浮动元素的后面添加一个标签,并在样式中添加clear:both属性。必须是块级元素
    • 父级添加overflow属性:overflow:hidden
    • 父级添加after伪元素
    • 父级添加双伪元素
举报

相关推荐

4.9/10

面试题复习

mysql面试复习记录

4.9例题

Java面试 基础复习02

JAVA 面试复习题

0 条评论