Qiuyu Blog

好好学习,天天向上

Http1.0,Http1.1,Http2.0,Http3比较

the different between Http1.0,Http1.1,Http2.0,Http3

Http1.0: 请求头和响应头 Cache机制 每进行一次HTTP通信,都需要经历建立TCP连接、传输HTTP数据和断开TCP连接三个阶段 Http1.1: 持久连接,浏览器中对于同一个域名,默认允许同时建立6个TCP持久连接 存在队头阻塞的问题 增加了Host字段,提供虚拟主机的支持 对动态生成的内容提供了完美支持 客户端Cookie、安全机制...

webpack原理分析

frontend module

一、什么是webpack   webpack是一个现代 JavaScript 应用程序的 静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个 依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。   这里提到了模块的概念,在webpack中所有的文件都被当做模块,w...

前端模块化简介

frontend module

一、什么是模块?   模块化已经成为前端开发的趋势。在模块化的规范出来之前,在模块化规范出来之前,前端开发一直存在一些问题:     (1)全局变量命名冲突,例如Jquery库使用$符号做完全局变量挂载在window下,但是Zepto也一样,这就导致了冲突     (2)依赖难以管理,一些库的使用依赖于其他的库,在页面上使用这些库之前,必须按照先手动引入其依赖的库。     (3)脚本加载顺...

深入理解ES6第12章-代理(Proxy)和反射(Reflection)API

understaing es6

深入理解ES6第12章-代理(Proxy)和反射(Reflection)API,Vue3.0的数据监听采用了ES6的新语法Proxy,这篇主要介绍一下什么是Proxy。   Proxy和Reflection API的出现主要是为了让开发者可以调用一些Javascript已经有的功能,但之前没有开放出来的。通过Proxy和Reflection API我们可以调用Javascript的...

es6新的数据结构,Map, Set, weakMap 和weakSet的区别

the different between Map,Set,weakMap and weakSet

对象 1、对象的键名必须是字符串类型且在对象中是唯一的 一个Object的键只能是字符串或者 Symbols,但一个 Map 的键可以是任意值,包括函数、对象、基本类型。 Var map = Objeact.create(null) Map[5] = “foo” Console.log(Map[‘5’]) // “foo” 2、对象会对键名进行强制转换 Map 1、存储着键值...

深入React技术栈读书笔记(3)——react事件系统和组件

react events system and component

本文主要《深入React技术栈》这本书的读书笔记系列之三,主要是讲React的组件和事件系统 事件系统   React在virtual Dom上实现了一个 SyntheticEvent (合成事件)层,这是React实现的事件系统,他和原生的浏览器事件一样拥有同样的接口,同样支持事件的冒泡机制。 合成事件的绑定方式   React 事件的绑定方式在写法上与原生的 HTML 事件监听...

深入理解JavaScript数组:演变与性能

Diving deep into JavaScript array – evolution & performance

原文作者:Paul Shan 原文地址:Diving deep into JavaScript array – evolution & performance ps:写这篇文章的原因是最近在复习数据结构的知识,讲到了数组的知识点,于是联想到Javascript中对于数组的实在和数据结构中的数组还是有很大的区别的,好奇JavaScript到底是如果实现数组,于是找到这篇文章,翻译...

深入React技术栈读书笔记(2)——diff算法

react diff algorithmic

本文主要《深入React技术栈》这本书的读书笔记系列之二,主要是讲React的diff算法   React的diff算法和Virtual Dom的结合,使得React可以高效的渲染页面。diff算法无疑是React中最优秀的一部分之一。 传统的diff算法 传统diff算法时间复杂度是O(n) ##React diff React diff算法的时间复杂度是O(n),为了降低时间...

深入React技术栈读书笔记(1)——react中的基本概念

react code reading

本文主要《深入React技术栈》这本书的读书笔记系列之一,主要是介绍一些React中一些重要的概念,之后的文件会更加深入讲解React   React和Vue相比较React在初学之时,可能会觉得更复杂,没有Vue这么傻瓜式易上手。Vue提供了完善的API,而React则是以Minimal API Interface为目标,只提供组件化相关的非常少量的API,同时为了保持灵活性,它...

JavaScript中的异步机制——你不知道的javacscript(2)

asynchronous in javascript

Javascript是单线程的,一次只能执行一个任务,然而在浏览器等宿主环境中,可以同时响应用户点击、Dom操作、ajax请求等多种不同的事件,浏览器是如何组织安排这些事件有序的执行的呢 一、异步   异步的概念经常在Javascript中被提到,那么到底什么是异步呢。在Javascrit中,所有的代码都是分块执行的,这些块中只有一个是现在执行,其余的则会在将来执行。最常见的块单位...