![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 94
一个爱编程的男孩
你现在的压力是来源于你的不自律,你只是在假装努力,你知道自己该干什么不该干什么,可你就是控制不住你自己。你现在的行为跟不上自己的思想,所以你惶恐惧焦虑,你明知道你自己不去做这件事情的后果是什么,可你就是控制不住自己这副懒惰的躯体。这感觉就好像一个人拿一把刀,离你的眼睛越来越近越来越近越来越近,马上就扎到你的眼睛了,可是你宁愿干着急,却连动都不想动一下,你就眼睁睁的看着自己等死,所以你越来越害怕越来越惶恐,可是谁救得了你呢。所以只有管好自己,靠努力去战胜惶恐焦虑,加油!~
展开
-
一文带你了解,前端性能指标&优化那些事
CDN 是内容分发网络的缩写,它是一种将互联网内容快速传输给用户的技术。CDN 通过在不同地区部署多个服务器,将内容缓存到离用户最近的服务器上,从而减少延迟和带宽消耗。CDN 回源是指当 CDN 节点没有缓存用户请求的内容时,需要向源站(原始服务器)请求资源,并重新设置缓存的过程。回源可以保证 CDN 节点总是能够提供最新和最完整的内容给用户,但也会增加源站的负载和流量成本。原创 2023-03-15 14:34:21 · 737 阅读 · 1 评论 -
浏览器对象详解
window.screen.deviceXDPI/deviceYDPI 屏幕实际的水平 DPI、垂直 DPI。100 信息性|200 成功|300 重定向|400 客户端错误|500 服务器错误。既是 window 对象属性,也是 document 的对象属性。提供当前窗口中的加载的文档有关的信息和一些导航功能。封装 XMLHttpRequest 请求。用来表示浏览器窗口外部的显示器的信息等。先区别 IE 的不同之处。浏览器系统信息大集合。不携带cookies。原创 2023-03-13 17:31:35 · 1135 阅读 · 0 评论 -
一文带你了解,前端模块化那些事儿
该文章主要讲述了前端模块化的发展历史和各个阶段的技术方案,包括无模块化(IIFE)、CommonJS、AMD、CMD、ESModule、UMD。其中,无模块化时期的文件拆分是最基础的模块化,但也存在函数命名冲突的问题;IIFE 是现代模块化的基石,利用函数的块级作用域进行隔离,可以控制作用域;CommonJS 文件即模块,模块加载同步,适用于服务器端 node,浏览器端使用 webpack 或 browserfy。原创 2023-03-09 17:41:19 · 795 阅读 · 0 评论 -
Promise 分析与实现(手撕&通过A+规范case)
Promise 分析与实现(手撕&通过A+规范case)原创 2023-03-08 14:27:44 · 814 阅读 · 0 评论 -
一篇文章带你揭 秘现代浏览器原理
现代浏览器原理揭秘首先我们先了解一些关键的计算机术语以及Chrome浏览器的多进程架构。前提计算机基础概念1.CPU(Central Processing Unit)中央处理器, 解释计算机指令以及处理计算机软件中的数据, 功能强大,它可以串行地一件接着一件处理交给它的任务现代电脑上cpu通常会有多个核心, 比如经常听到的8核处理器, 4核处理器等等。因为多核心CPU可以大大提高手机和电脑的运算能力CPU的核心数是指物理上,也就是硬件上存在着几个核心。比如,双核就是包括2个相对独立的CPU核心原创 2021-10-10 13:52:07 · 65878 阅读 · 14 评论 -
使用Object.defineProperty进行数据劫持,实现响应式原理-剖析vue2.0
数据响应式是vue的特性之一,在面试过程中也会常常被问起响应式原理,现在就让我们深入了解一下vue2.0中如何实现响应式,下图是Vue2.0中对响应式原理的描述,其核心就是使用Object.defineProperty中的get/set进行数据劫持,虽然Vue3.0中使用Proxy(代理)去实现响应式,其实原理都差不多,在3.0中主要是使用Proxy的get和set实现响应式,如果理解defineProperty,Proxy也会很快理解的Object.defineProperty是什么?.原创 2021-01-11 16:24:07 · 62558 阅读 · 4 评论 -
前端性能优化之rel=“prefetch“预/懒加载功能
在HTML5中,有个很有用但常被忽略的特性,就是预先加载(prefetch),它的原理是:利用浏览器的空闲时间去先下载用户指定需要的内容,然后缓存起来,这样用户下次加载时,就直接从缓存中取出来,效率就快了.举个例子说明:比如要预先加载某个页面,可以这样:<link rel="prefetch" href="http://www.example.com/"> <!-- Firefox --> 但如果是google的话,要用另外的一个名称,即://XML/HTML.原创 2021-01-04 10:19:40 · 64758 阅读 · 1 评论 -
面试宝典-浏览器交互常见问题汇总
学习目标一次完整的http服务过程 能够说出一次完整的http服务的几个阶段 能够说出html的渲染过程 能够说出常见的http请求状态码http缓存控制 能够理解http缓存控制 主要是指浏览器缓存 知道强缓存和协商缓存 知道http强缓存的控制字段 知道协商缓存的配置方式和各自的优缺点fetch与axios 理解fetch和axios分别是什么? 掌握fetch的优缺点 掌握axios的优缺点浏览器内多个标签页之间的通讯 知道浏览器多个标签页通讯的常见使用场景原创 2020-11-05 21:21:44 · 667 阅读 · 1 评论