技术栈
浏览器
bo52100
8 小时前
前端
·
面试
·
浏览器
浏览器渲染机制详解(包含渲染流程、树结构、异步js)
公众号:小博的前端笔记核心目标: 将 HTML、CSS、JavaScript 代码转换为用户可见、可交互的像素点。
归于尽
12 小时前
前端
·
node.js
·
浏览器
浏览器和 Node.js 的 EventLoop,原来差别这么大
在 JavaScript 中,Event Loop 是处理异步操作的核心机制,但不同运行环境下的实现存在显著差异。
bo52100
1 天前
前端
·
面试
·
浏览器
解决跨域的几种种方法, 你都知道几种?
公众号:小博的前端笔记原理:服务器设置响应头告知浏览器允许跨域请求。关键响应头:请求分类:代码示例:原理:利用<script>标签无跨域限制的特性。
前端小巷子
2 天前
前端
·
面试
·
浏览器
web从输入网址到页面加载完成
在日常生活中,我们每天都会多次打开浏览器,输入网址,按下回车键,然后等待页面加载完成。这个过程对我们来说是如此的简单和自然,以至于我们很少会去思考浏览器背后究竟发生了什么。今天,就让我们一起深入探索一下,从输入网址到页面加载完成,浏览器究竟经历了哪些复杂的步骤。
拾光拾趣录
2 天前
前端
·
浏览器
浏览器对队头阻塞问题的深度优化策略
在Web性能优化领域,队头阻塞(Head-of-Line Blocking)问题一直影响着网络传输效率。本文将深入探讨浏览器如何通过创新技术优化队头阻塞问题,并分析HTTP/2、HTTP/3协议的解决方案。
kingsley
3 天前
浏览器
safari 浏览器的一次问题定位
批量上传资源型文件, 需要先获取对应每份文件的 ID 标识进而上传。 简而言之, 上传链路为: 并行获取标识 -- 并行触发上传。
拾光拾趣录
3 天前
前端
·
javascript
·
浏览器
JavaScript 加载对浏览器渲染的影响
在现代Web开发中,理解JavaScript加载机制对页面渲染的影响至关重要。本文将深入探讨JS加载如何阻塞浏览器渲染,并通过对比实验展示不同优化策略的效果。
闲坐含香咀翠
4 天前
前端
·
http
·
浏览器
记一次交互优化:从根源上解决Axios请求竞态问题
故事发生在一个阳光明媚的下午,测试同学突然在群里@我:"这个电机参数的弹窗数据好像有问题,有时候会串..."
前端小巷子
4 天前
前端
·
面试
·
浏览器
浏览器的同源策略与跨域问题
在Web开发中,同源策略是一个重要的安全机制,它保护用户免受恶意网站的攻击。然而,同源策略也给开发者带来了一些挑战,尤其是当涉及到跨域请求时。本文将详细介绍同源策略的概念、影响以及解决跨域问题的常见方法。
bo52100
4 天前
前端
·
面试
·
浏览器
浏览器缓存优先级
公众号:小博的前端笔记核心原则:浏览器总是优先尝试使用最快、最接近的可用有效缓存,避免不必要的网络请求。
mortimer
14 天前
前端
·
chrome
·
浏览器
Chrome 开发者工具终极指南:从入门到精通
Chrome 开发者工具 (Chrome DevTools) 堪称现代网页开发和调试的“瑞士军刀”,无论是网页开发者、测试人员,掌握它都是必须的。
专注VB编程开发20年
14 天前
linux
·
ui
·
跨平台
·
浏览器
·
cef
·
miniblink
java/.net跨平台UI浏览器SDK,浏览器控件开发包分析
在 Linux 系统中,虽然没有完全等同于安卓 WebView 的内置浏览器 SDK,但存在多种基于开源浏览器引擎的解决方案,支持通过 Java 代码控制网页加载和执行 JavaScript。以下是具体实现方案和技术细节:
断竿散人
15 天前
前端
·
css
·
浏览器
🌈CSS渐进增强实战指南:构建跨世代浏览器的稳健体验
摘要:你的网站在IE11崩溃?在旧手机惨不忍睹?渐进增强是救世主!本文揭秘分层增强策略、特性检测技巧、优雅降级方案,覆盖Flexbox/Grid/变量等现代特性安全落地,附带兼容性速查表+企业级代码模板,让用户从IE11到Chrome最新版都获得最佳体验!
前端小巷子
17 天前
前端
·
面试
·
浏览器
跨标签页通信(五):IndexedDB
在现代 Web 应用中,跨标签页通信的需求越来越普遍。无论是实现多标签页之间的数据同步,还是构建实时协作功能,跨标签页通信都能极大地提升用户体验。今天,我们将探讨一种基于 IndexedDB 的跨标签页通信方案。IndexedDB 是一种在客户端存储大量结构化数据的底层 API,它不仅支持持久化存储,还可以通过事务机制实现跨标签页的数据同步。
前端小巷子
18 天前
前端
·
面试
·
浏览器
跨标签页通信(四):SharedWorker
在现代 Web 开发中,跨标签页通信的需求越来越普遍。无论是实现多标签页之间的数据同步,还是构建实时协作功能,跨标签页通信都能极大地提升用户体验。今天,我们将探讨一种高效且易于实现的方案:SharedWorker。
Senar
19 天前
前端
·
javascript
·
浏览器
听《富婆KTV》让我学到个新的API
作为一名前端开发,我有在网页上听歌的习惯,那天我如常边听我的每日推荐边写代码,突然一首非常攒劲带感的音乐成功引起了我的注意,我想去调大我耳机的声音,就点了下右下角任务栏的声音,我发现弹出来的面板上面竟然有播放控件、歌曲名字、作者和专辑封面的信息。
前端小巷子
19 天前
前端
·
面试
·
浏览器
跨标签页通信(三):Web Storage
在现代 Web 应用中,跨标签页通信的需求越来越普遍。无论是实现多标签页之间的数据同步,还是构建实时协作功能,跨标签页通信都能极大地提升用户体验。今天,我们将探讨一种简单而高效的实现方式:Web Storage。
前端小巷子
20 天前
前端
·
面试
·
浏览器
跨标签页通信(二):Service Worker
在现代 Web 开发中,跨标签页通信的需求越来越普遍。无论是实现多标签页之间的数据同步,还是构建实时协作功能,跨标签页通信都能极大地提升用户体验。今天,我们将探讨一种强大的实现方式:Service Worker。
不一样的少年_
20 天前
前端
·
浏览器
浏览器插件(crx)实现多标签页数据同步机制
想象一下,你用 Chrome 插件打造了一个酷炫的新标签页,每次按下 Ctrl+T,用户打开的都是你自定义的页面,而不是浏览器默认的空白页或搜索页。听起来很棒,对吧?
前端小巷子
21 天前
前端
·
面试
·
浏览器
跨标签页通信(一):BroadcastChannel
在现代 Web 应用中,跨标签页通信的需求越来越常见。无论是实时协作应用、多标签页的用户状态同步,还是简单的数据共享,跨标签页通信都能极大地提升用户体验。今天,我们来探讨一种简单而强大的实现方式:BroadcastChannel。