2020.4.11知识梳理

发布于 2020-04-11  28 次阅读


Table of Contents

1.复习内容

2.灵感代办

  • 问题1.float为什么不遮挡inline-block

3.学习内容

  • float属性中疑惑点,

    • inline-block不设置宽高,并不被遮挡,文字环绕笑过,最好用inline来制作
    • float可以遮挡block,和inline,但是inline-block好像不被遮挡,并排或者换行显示
    • inline-block 看着换行了,其实还是一行,比如两个浮动div会排列到两个inline-block前面
  • BFC的个人理解
  • 行内块元素与行内元素的区别

  • 文本流文档流

    • 文本流应该叫做正常流
    • 文档流是相对于盒子模型讲的
    • 文本流是相对于文子段落讲的
    • 元素浮动之后,会让它跳出文档流,也就是说当它后面还有元素时,其他元素会无视它所占据了的区域,直接在它身下布局。但是文字却会认同浮动元素所占据的区域,围绕它布局,也就是没有拖出文本流。
    • 但是绝对定位后,不仅元素盒子会拖出文档流,文字也会出文本流。那么后面元素的文本就不会在认同它的区域位置,会直接在它后面布局,不会在环绕。
      当然你可以使用 index-z 来让底部的元素到上面来,类似于一个图层的概念
    • https://www.zhihu.com/question/24529373/answer/704041782
  • JS基础

    • web发展史

      1. Mosaic是互联网第一个普遍被使用的浏览器
      2. Navigator根据Mosaic改的,网景破产之后Mozilla又改了一遍
      3. 1996年 Brendan Eich创造出JavaScript
      4. JavaScript早起叫LiveScript
    • 浏览器组成

      • shell部分

      • 内核部分

        • 渲染引擎(语法规则和渲染)
        • js引擎
        • 其他模块
        • 浏览器绘制 :从上到下
      • JS引擎

        • Chome的V8引擎最厉害,可以将JS直接转换成字节码
        • 解释性语言
      • Web标准

        • 结构 行为 样式 相分离 ,HTML CSS JavaScript互相分离
      • JavaScript基础

        • 原始值(常量)不能更改(改变原始值就是另附一个新值给变量)
        • 分为栈和堆,
        • 两种错误
          • 低级错误:先扫描一边,看看基础错误
          • 逻辑错误:标准错误
          • 两个<Script></Script>就是两个块,两个块之间的错误不影响

4.扩展延伸知识

5.知识内容个人梳理

6.今天都复习了之前的什么内容