前端Day03笔记

网页渲染的过程
    1）浏览器有两个引擎：渲染引擎&js引擎
    2）浏览器渲染网页经历了以下几个步骤：
        step1：浏览器将html中的代码从上至下进行解析，如果遇到外部资源，则会请求外部资源（这个过程不会影响对html继续解析）
        step2：渲染引擎解析html中的DOM元素，生成DOM树（DOM-tree）
        step3：渲染引擎解析css代码，生成CSSOM树（CSSOM-tree）
        step4：根据生成的DOM-tree和CSSOM-tree生成render-tree（渲染树）
        step5：布局阶段（layout），将渲染树里的内容进行布局，将标签元素对应浏览器界面的位置坐标
        step6：绘制阶段，渲染引擎遍历渲染树中的每个节点，逐步绘制
        补充：js引擎用于解析js代码
    3）回流和重绘
        回流：重新布局（重复step5）
        重绘：重新绘制（重复step6）
        
计算机组成原理
    计算机硬件包含：
        1）中央处理器（CPU）
            a.运算器
                用于算术逻辑单元运算（包含算术运算，逻辑运算，条件判断）
            b.控制器
                是计算机的指挥系统，负责从内存中获取指令，并分配执行指令，指令就是计算机下一步需要做什么
        2）内存
            存储装置，负责临时数据和指令的存储
            内存中数据或指令由0和1组成的二进制形式存在
        3）外部设备
            a.输入设备
                从外部将信息传入计算机的装置，如麦克风，鼠标，键盘，摄像头等
            b.输出设备
                从计算机内部向外部传输信息的装置，如显示器，音响等
                
        内存和外存的区别：
            a.读取速度：内存读取数据的速度比外存快很多
            b.作用：内存存储的是临时的数据和代码指令，外存存储的是永久的数据
            c.安全性：内存容易丢失数据，外存不容易丢失数据
            d.访问权限：内存数据可以直接被CPU访问，而外存中的数据只能先传入内存才能被CPU访问
            
    软件系统包含：
        1）系统软件
            windows系统、MACOS系统、linux系统、unix系统...
        2）应用软件
            QQ、微信、钉钉...
            
    关于内存：
        1.内存中最小的单元：bit 位
        2.内存中最小的管理单位：byte 字节 （1 byte=8 bit） 
        
            8 bit（位） = 1 byte（字节）
            1024 byte（字节） = 1 KB（千字节）
            1024 kb（千字节） = 1 MB（兆字节）
            1024 MB（兆字节） = 1 GB（吉字节）
            1024 GB（吉字节） = 1 TB（太字节）
        3.几个内存相关的概念：
            内存溢出：分配的内存无法满足程序运行的需要，会导致程序崩溃
            垃圾回收机制：js本身存在的一种机制，会从内存中删除不需要的指令（数据）
            内存泄露：因某存在些特殊的情况导致垃圾回收机制无法删除的数据，一直占用内存空间，最终会导致内存溢出
        
    如何查到对应的数据？
        每一个数据内存它会有一个独立的地址（由0和1组成），寸的时候给该数据分配一个地址，取的时候按这个地址来取
            
    进制：数据的表现形式
        二进制 B：
            满二进一
            0 10 11 100 101 110 111 1000...
        十进制 D：
            满十进一
        十六进制 H：
            满十六进一
            在颜色上用的比较多，如#ffffff
            0 1 2 3 4 5 6 7 8 9 a b c d e f
    
    关于颜色的表示方式：
        1）rgb 红绿蓝 每个取值0-255
        2）rgba 红绿蓝透明度 
        3）十六进制