JavaScript中的一些任务机制

JavaScript中的执行机制、任务队列、宏任务和微任务

JavaScript是单线程的

  1. JavaScript是单线程的，意味着在同一时间时，只能做一件事情。
  2. JavaScript的只要任务是操作DOM和用户进行交互，这决定了只能是单线程的。假如JavaScript是多线程的，一个线程在进行渲染DOM，而另一个线程在进行的DOM的删除，这必然会带来冲突。JavaScript的单线程已经成为其语言的最大特点。

任务队列 （task Queue)

在JS中，共有两种任务：同步任务和异步任务

  1. 同步任务进入主线程，等本次任务执行完毕后，在执行下一个任务
  2. 异步任务：不进入主线程，进入任务队列，只有主线程通知异步任务和执行了，才会按需进行执行。

JS中的宏任务(macrotask)和微任务(microtask)

宏任务 (macrotask)

  1. 每次执行栈执行的代码就是一个宏任务
  2. 浏览器对宏任务的执行流程
    宏任务 –> 网页渲染 –> 宏任务

    微任务 (microtask)

  3. 当前任务执行结束后，就立即执行的任务，在当前task任务完成后，下一个task任务开始之前，在渲染之前进行的任务。
    主要的宏任务有：script脚本、setTimeout、setInterval、I/O、用户界面交互事件 postMessage MessageChannel setImmediate.
    主要的微任务有：promise.then catch finally process.nextTick(Node环境)、mutationObserver(浏览器使用)
<

展开全文 >>

计算机网络知识脉络

计算机网络

计算机网络的分层

  1. 应用层
  2. 传输层
  3. 网络层
  4. 数据链路层
  5. 物理层

物理层

  1. 主要是一些物理设备等等

数据链路层

  1. 以太网的格式
  2. MTU 最大传输单元
  3. ARP协议 (定时器和逆定时器)
    ARP的报文形式

网络层

  1. 掌握IP的首部形式
    • 16位分偏标识
    • DF不分篇偏标识
    • MF更多分片标识
    • 13位片偏移
  2. 掌握IP分片
    • 如何分辨
    • 如何判断到达
  3. IP的选路
  4. 掌握ICMP协议
    • 报文格式
    • 报文的两大分类：查询和差错
    • 2种查询报文和5种存错报文

      传输层

  5. 掌握UDP协议
    • 特点和首部各个字段 UDP无连接不可靠
  6. 掌握TCP协议
    • 特点、首部字段和可靠机制
    • TCP连接控制：三次握手、四次握手、同时打开、同时关闭、半关闭
  7. TCP超时重传机制（四个定时器）

应用层

  1. 掌握DNS协议
    • DNS协议的命名空间
    • DNS指针查询（反向查找和逆向解析）基本原理
    • DNS缓存的一些概念
  2. 掌握FTP协议
    • 两条连接：控制连接和数据连接
    • 两种工作方式：PASV和PORT
    • 各种FTP指令和响应码
    • FTP断点续传，匿名FTP
  3. Http协议
    • 报文格式：请求报文和响应报文
    • 头字段：请求头子段和响应头字段
    • Http的状态码:200 303 401 404····
  4. Https协议 (多了SSL)
    • Http的详细握手过程
    • 摘要算法、数字签名、数字证书的原理和过程

推荐学习书籍

  • 计算机网络（自顶向下方法） 原书第7版
  • TCP/IP详解 卷1：协议 原书第2版
  • 计算机网络 第7版 谢尔希主编

推荐学习视频

  • 国防科技大学 计算机网络精品课程
<

展开全文 >>

计算机网络相关知识-数据链路层传输

后退N帧协议（GBN）

  1. 克服了停等协议的缺点
  2. 发送方发送多个帧，接收方返回多个帧
  3. 后退N帧协议类似于流水线技术。必须增加序号范围，发送方需要缓存多个分组。

后退N帧协议中的滑动窗口

  1. 存在的帧类型
    • 发完被确认的
    • 已经发送但等待确认的
    • 还能发送的，存在窗口总的
    • 还不能发送的，在窗口外的
  2. 接收窗口
    • 接收方维持一段连续的允许接收帧的序号。
  3. GBN必须响应的三件事
    • 上层的调用
    • 收到了一个ACK 对n号帧采用累积确认的方式，表明接收方已经收到n号帧和它之前的全部帧。
    • 超时事件hexo
  4. GBN要做的事
    如果正确收到n号帧，并且按序，那么接收方为n帧发送一个ACK,并将改帧中的数据交付给上层（网络层）
  5. 滑动窗口长度
    若采用n个比特对帧编号，那么发送窗口的尺寸Wr应满足，若发送窗口过大，就会使得接收方无法区别新帧和旧帧。
  6. GBN协议重点总结
    • 累积确认（偶尔捎带确认）
    • 接收方只按顺序接收帧，不按顺序的丢弃
    • 确认序列号最大的、按序到达的帧
    • 发送窗口最大为2的n方-1，接收窗口大小为1。

选择重传协议(SR)

  1. 累积确认，会导致批量重传。
  2. 解决办法：设置单个确认，加大接收窗口，设置缓存机制，缓存乱序到达的帧。
  3. SR发送方必须响应的三件事
    • 上层的调用 (SR发送方检查下一个可用于该帧的序号。假如序号位于发送窗口内，则发送数据，否则缓存数据，或者返回给上一层之后再传输）
    • 收到了一个ACK
    • 超时事件（每个帧都有自己的定时器，一个超时事件发生后只能重传一个帧）
  4. SR接收方要做的事
    对于窗口内的帧，来者不拒。
  5. 选择重传协议中的窗口
    对于选择重传协议来说，发送窗口最好等于接受窗口。（大了会溢出，小了没意义）
    WTmax=WRmax=2的(n-1)方。
  6. SR协议重点总结
    • 对数据帧逐一确认，收一个确认一个
    • 只重传出错的帧
    • 接收方有缓存（WTmax=WRmax= 2n-1方）
<

展开全文 >>

Web前端进阶之路

学习路线

  1. 阶段1
  • 基础三大件: HTML CSS Javascript
  • 计算机网络基础 TCP/IP协议 Http/Https协议
  • 数据结构与算法
  • 互联网的运行原理
  • 浏览器的运作原理
  1. 阶段2
  • CSS的预处理工具
    • 推荐Sass、PostCss.
  • 前端的JS框架
    • 推荐React
    • 推荐Vue3.0(Vue4.0 过段时间可能会发布)
  • CSS框架
    • 推荐 Antd
    • 推荐 Element UI
  • CSS优化方案
    • Styled Component
    • CSS Modules
    • Styled JSX
  1. 阶段3
  • 测试
    • 单元测试
    • 集成测试
    • E2E测试
  • 代码质量
    • 类型校验 TypeScript
    • Flow
  • Linter and Formater
    • 推荐Eslint
  • 编码规范
    • javascript Style Guide
    • CSS style Guidde
    • React Style Guide
  • 性能
    • 后续更新

学习的中的一些工具

  1. 任务运行
    • npm script
  2. 模块化打包
    • webpack
    • rollup
    • parcel
  3. Git和GitHub
    • 可以查看ProGit官方文档
<

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

一只菜鸡