03 2021 档案

摘要:前言 webpack的编译按照下面的钩子函数调用顺序执行:初始化参数 》 开始编译 》 确定入口 》 编译模块 》 完成模块编译 》 输出资源 》输出到dis目录 编译模块:从入口文件出发,调用所有配置的 Loader 对模块进行翻译,再找出该模块依赖的模块,再递归本步骤直到所有入口依赖的文件都经过 阅读全文
posted @ 2021-03-17 17:28 Jiox 阅读(137) 评论(0) 推荐(0)
摘要:前言 Vue采用Vnode的思想,缓存dom更新,逐次补丁Vnoe,最后在和真实dom进行比较。只更新一次真实dom。 (什么时候才和真实dom进行path?) Vue.js将DOM抽象成一个以JavaScript对象为节点的虚拟DOM树,以VNode节点模拟真实DOM,可以对这颗抽象树进行创建节点 阅读全文
posted @ 2021-03-15 22:37 Jiox 阅读(846) 评论(0) 推荐(0)
摘要:Vue的MVVM思想中,主要是靠VM 视图-模型完成响应,充当数据与视图之间的桥梁,数据更新响应视图、视图文本数据更新响应数据。 数据劫持 发布订阅 数据劫持指的是vue利用ES5的Object.defineProperty属性对data选项中的数据进行getter和setter设置; 发布订阅指 阅读全文
posted @ 2021-03-15 22:06 Jiox 阅读(153) 评论(0) 推荐(0)
摘要:先凉出常见术语 Header Field(头部域): 一个名值对。 名字和值都是以八进制存在的。 Dynamic Table(动态表): 动态表是用于存放含有索引值的头部域的。 这个表示动态变化的而且针对于编码或者解码的内容的。 Static Table(静态表): 静态表只要用于存放含有索引值的频 阅读全文
posted @ 2021-03-15 09:11 Jiox 阅读(930) 评论(0) 推荐(0)
摘要:新增特性 多路复用、二进制分帧 请求优先级 头部压缩 服务器推送 一、多路复用 http1.1的主要问题 TCP慢启动 开启多条TCP连接,那么这些连接会竞争固定的带宽。影响关键资源的下载速度 队头阻塞 多路复用的原理 http2的传输是基于二进制帧的。每一个TCP连接中承载了多个双向流通的流,每一 阅读全文
posted @ 2021-03-15 09:07 Jiox 阅读(443) 评论(0) 推荐(0)
摘要:从目前浏览器的多进程架构设计可以知道,最新的浏览器包括:1个浏览器主进程、1个GPU进程、1个网络进程、多个渲染进程和多个插件进程。 通常情况下打开2个页面会有5个进程,这五个进程分别是:1个浏览器主进程、1个GPU进程、1个网络进程和2个渲染进程。 但是往往会有很多其他情况: 如果页面中有插件,插 阅读全文
posted @ 2021-03-14 19:12 Jiox 阅读(599) 评论(0) 推荐(0)
摘要:前言:在整理计网这块知识点,顺便总结下TCP是如何保证可靠连接的。 先重新认识下 窗口 窗口分为滑动窗口和拥塞窗口: 滑动窗口是接受数据端使用的窗口大小,用来告知发送端接收端的缓存大小,以此可以控制发送端发送数据的大小,从而达到流量控制的目的。 那么对于数据的发送端就是拥塞窗口了,拥塞窗口不代表缓存 阅读全文
posted @ 2021-03-14 15:54 Jiox 阅读(679) 评论(0) 推荐(0)
摘要:前言:每个进程的用户地址空间都是独立的,一般而言是不能互相访问的,但内核空间是每个进程都共享的,所以进程之间要通信必须通过内核。 通过进程和内核空间的关系,我们先思考下可以依靠哪几种方式进行进程通信 管道(匿名管道、命名管道) 消息队列 共享内存 信号量 Linux 内核提供了不少进程间通信的方式, 阅读全文
posted @ 2021-03-14 08:20 Jiox 阅读(543) 评论(0) 推荐(0)
摘要:一、hashHistory 每一次改变 hash(window.localtion.hash),都会在浏览器访问历史中增加一个记录。 利用 hash 的以上特点,就可以来实现前端路由"更新视图但不重新请求页面"的功能了。 HashHistory拥有两个方法,一个是push, 一个是replace; 阅读全文
posted @ 2021-03-13 22:38 Jiox 阅读(190) 评论(0) 推荐(0)
摘要:后端路由简介 路由这个概念最先是后端出现的。在以前用模板引擎开发页面时,经常会看到这样 http://www.xxx.com/login 大致流程可以看成这样: 浏览器发出请求 服务器监听到 80 端口(或443)有请求过来,并解析url路径 根据服务器的路由配置,返回相应信息(可以是 html 字 阅读全文
posted @ 2021-03-13 22:19 Jiox 阅读(143) 评论(0) 推荐(0)
摘要:前言 之前在写判断字符串语句,都是用 或者 includes,其实有时候是可以用正则表达式的。 一、结构 pattern是指匹配字符串的模板 modifiers是指匹配字符串的修饰符 二、语法 /pattern/modifiers; 三、实例 var patt = /w3school/i; 四、修饰 阅读全文
posted @ 2021-03-13 16:14 Jiox 阅读(71) 评论(0) 推荐(0)
摘要:前言:因在准备春招,我在整理裤袋里装的前端知识,现在来总结下第一个项目的重构知识点。只是本人总结,不是正规的重构知识点,欢迎大家指引我。 一、为何重构 1.因为我的第一个项目是我的指导老师拿来给我先实战后理论再重新入门前端,因为我当时比较浪,哈哈。当时才入门2个月后就边写项目边学习前端,所以存在很多 阅读全文
posted @ 2021-03-13 12:55 Jiox 阅读(85) 评论(0) 推荐(0)
摘要:项目描述:改变了以往老师们手写相同试卷封面的方式,使用线上系统填写,一键打印,多份生成。提高效率,避免不必要的工作。 为何要处理浏览器兼容性: 浏览器内核主要分为两种:渲染引擎 和 JS引擎( 例如谷歌的V8 );内核更倾向于渲染引擎。 CSS兼容 JS兼容 一开始随着互联网的发展,不同浏览器之间的 阅读全文
posted @ 2021-03-11 23:27 Jiox 阅读(156) 评论(0) 推荐(0)
摘要:1.为何会出现状态码 http9.0版本只有get方法,报文格式为纯文本。用户使用过程中产生了新的需求,从用户的角度促进了HTTP的发展。 在HTTP1.0,其中增加了响应状态码,标记可能出错的原因;引入了协议版本号的概念。 2.状态行结构 响应状态行:版本号、状态码、原因 HTTP/1.1 200 阅读全文
posted @ 2021-03-11 20:38 Jiox 阅读(245) 评论(0) 推荐(0)