然后与该IP地址确定的服务器建立起TCP网络连接。 浏览器拿到目标数据的后开始渲染把页面呈现给用户，并且时时等待响应用户的操作。 其中DNS解析和TCP网络连接，前端能做的非常有限。所以HTTP请求优化就成为我们优化的核心了。 即css sprites， 就是把很多小图片制作成…

一. 为什么缓存 缓存是一种性能优化，可以缩短网络请求的时间，提高文件的重复利用率。 二. 缓存的位置 首先，这种缓存位置有使用条件：传输协议使用HTTPS，是因为Service Worker涉及到请求拦截，需要使用HTTPS来保障安全。 当上面的第三步没有命中缓存时，就需要调…

在之前的开发中，经常会接触到前端性能优化的问题，这段时间看了一系列大佬的课程与博客，下面主要对前端性能优化进行一个总结。 用户首先在浏览器中输入一个url，浏览器中的核心代码会将url进行拆分解析。浏览器会将domain发送到dns服务器，dns服务器会根据domain查询对应…

对象间一种一对多的依赖关系，当目标对象 Subject 的状态发生改变时，所有依赖它的对象 Observer 都会得到通知。 对象间一种一对多的依赖关系，当目标对象指定的动作发生改变时，订阅该动作的依赖对象会收到相应的通知。 设计模式是在特定场景下面可以使用的解决方案，是前辈们…

这样杂七杂八的问题，亦或者 a == 1 && a == 2 这样有趣的问题。 将它们归类到 JavaScript 基础，并在本篇文章中一一讲述。 同时，会有十几道简单题目练手。 可以使用 document 或 window 元素的 API 来操作文档本身或…

这次梳理的篇幅主要是涉及网络部分，包括HTTP等，对巩固自己的网络知识体系也是很有帮助的，进一步的对性能优化而言也是帮助很大的。 但更多的是抛砖引玉，希望对你们有所帮助。 超文本传输协议，「HTTP 是一个在计算机世界里专门在两点之间传输文字、图片、音频、视频等超文本数据的约定…

使用Object.defineProperty和ES6的Proxy，这就是进行数据劫持或数据代理。 Vue通过设定对象属性的 setter/getter 方法来监听数据的变化，通过getter进行依赖收集，而每个setter方法就是一个观察者，在数据变更的时候通知订阅者更新视图…

本知识体系是为了查漏补缺,提升自己(不一定适合你们)而整理的。 本文结构尽量做到精简，详细内容点击每个模块下方链接。 文章将按模块进行分类，以简单的文字和外链相对深入的文章来整理各个模块。 一旦声明必须赋值,不能使用null占位。 一般通过 typeof 操作符来判断一个值属于…

由 P0 至 P1 的连续点 Q0，描述一条线段。 由 P1 至 P2 的连续点 Q1，描述一条线段。 由 Q0 至 Q1 的连续点 B(t)，描述一条二次贝塞尔曲线。 首先，创建画图起始点。 然后，使用画图命令去设置图形。 最后，通过描边或填充路径区域来渲染图形。 新建一条路…