排序
浅谈浏览器存储
浅谈浏览器存储 1、概念 浏览器存储:浏览器存储是指浏览器提供的一种本地存储数据的机制,包括:Cookie、Web Storage、IndexedDB 等。 前端持久化存储:是指通过 JavaScript 在客户端进行数据...
浏览器缓存原理
本文可以配合本人录制的视频一起食用 目的 通常说到浏览器缓存,大多是和性能优化有关,使用缓存,通常是两个主要目的,第一是提高访问速度,第二是减少网络IO消耗。 当合理配置了缓存,可以得...
视野修炼-技术周刊第47期
欢迎来到第 47 期的【视野修炼 - 技术周刊】,下面是本期的精选内容简介 ?强烈推荐 Arc 浏览器!!! 前端代理神器 whistle 客户端 ?开源工具&技术资讯 显示页面重定向历史chrome插件 clang...
你了解浏览器原理吗?浏览器的缓存机制及缓存策略是什么?
持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第8天,点击查看活动详情 前言 浏览器的缓存机制也就是我们说的HTTP缓存机制,其机制是根据HTTP报文的缓存标识进行的。 在...
如何在浏览器中缓存一张图片
要使用JavaScript缓存一张图片,你可以使用Image对象的src属性来加载图片,并将其存储在浏览器的缓存中。 以下是一个示例的JavaScript代码,演示如何缓存一张图片: const image = new Image();...
不是技术的创新,却是交互的颠覆
Arc Tech Sharing 注意事项 本文使用 Craft 编辑, 这里 阅读体验更佳 第一次使用时,打开增强模式 Arc 与 chrome 用的是同一个内核,可以无缝转移插件 布局 不同于 chrome 的上下布局,Arc 选择...
IntersectionObserver 浏览器观察器 API详解
作为前端开发的事件监听,一般常用前端框架自带监听属性,和浏览器对象属性 vue-watch react-componentdidupdate 浏览器对象属性document.addEventListener 一. IntersectionObserver是浏览器原...
标签页的打开控制与跨标签页通话
这是每一个音乐网站都会实现的功能,快来看看自己会不会做! 我们看下图这个效果,在首次点击播放音乐时,打开了一个新的标签页并在新的标签页中播放音乐。 再次切换音乐时,并没有打开新的标签...
HTML 渲染那些事儿
导读 最近一段时间刚好在公司内部涉及一些老旧项目的优化,所以对于 Web 网页性能方面沉淀了一些自己的看法。 恰好也参与了一些新同学的面试,发现大多数同学对于浏览器的渲染原理也只是一知半...
Web浪漫历程:揭秘二十年间与您“约会”的浏览器发展
?? 个人简介:一个不甘平庸的平凡人? ? 你的一键三连是我更新的最大动力❤️! ? 欢迎私信博主加入前端交流群? ? 前言 哈喽,大家好啊!? 因为自身的原因已经好久没发文了,本篇文章我们来简...
浏览器页面安全-CSRF【安全篇】
什么是 CSRF 攻击 CSRF (Cross-site request forgery),又称为“跨站请求伪造”,是指黑客引诱用户打开黑客的网站,在黑客的网站中,利用用户的已登录状态发起的跨站请求。简单来讲,CSRF 攻...
性能优化之详解各种指标
前言 上篇文章最后提到了我们可以通过performance的一些属性对性能做统计,我们会发现performance对象下有非常多的属性,远不止上篇文章提到的DOMContentLoaded与Load这两个事件。 或许你在浏览...
浏览器页面安全-XSS【安全篇】
什么是XSS攻击 XSS (Cross Site Scripting),为了与“CSS”区分开来,故简称 XSS,翻译过来就是“跨站脚本”。XSS 攻击是指黑客往 HTML 文件中或者 DOM 中注入恶意脚本,从而在用户浏览页面时...
浏览器中Cookie的全面介绍
简介 在Web前端开发时,我们经常会遇到一些浏览器存储相关的工具,例如Cookie。Cookie的英文本意是曲奇,但是在Web中,它被用作浏览器中存储的数据。Cookie都是name=value的结构,name和value都...
深入解析CORS(跨域资源共享)是什么?
现代网页使用的外部脚本和资源比以往任何时候都要多。默认情况下,JavaScript 遵循同源策略,只能调用与运行脚本相同域的 URL。那么,我们如何让我们的 JavaScript 强化页面使用外部脚本呢? CO...
广州蓝景分享—浏览器的渲染原理
Hello大家好,我是小蓝,又到了继续和大家分享技术内容的时间,今天的主题是“浏览器的渲染原理” 觉得有用的小伙伴们记得给小蓝一个赞哟~~ 网页被解析的过程 一个网页url从输入到展示到浏览器...
WebAPI:setTimeout是如何实现的?
setTimeout 和 XMLHttpRequest 是事件循环的两种不同类型的应用,非常典型。 function showName(){ console.log('极客时间') } var timerID = setTimeout(showName,200);// 指定showName在xx毫...
浏览器之性能指标-FID
如果坚持做一件事就要把目标放低一点,确保自己可以实现,不要把目标定的很高,让人高不可攀,无法坚持 大家好,我是柒八九。 前言 今天我们来聊聊另外一个比较重要的性能指标FID。 如果想了解...
一文搞懂,浏览器是如何渲染页面的
当浏览器的网络线程收到 HTML 文档后,会产生一个渲染任务,并将其传递给渲染主线程的消息队列。 在事件循环机制的作用下,渲染主线程取出消息队列中的渲染任务,开启渲染流程。 整个渲染流程分...
【前端缓存】记录一次修改Docker环境变量页面不生效的问题
一、问题描述 公司项目大多是Docker容器化部署,之前的 ci 文件和 ng 配置文件基本没怎么动过,也没有过多关注。最近接手的一个新项目,在部署工作台修改环境变量后,重新部署后,刷新页面没有...