![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
浏览器
文章平均质量分 90
gqkmiss
前端
展开
-
Web 网页性能优化
预加载扫描程序的角色是推测性,也就是说,它会检查原始标记,以便查找资源,以便在主要HTML解析器发现之前抓取相应资源预加载扫描程序是一种浏览器优化,采用辅助HTML解析器的形式,可扫描原始HTML响应,以找出并推测性地提取资源,然后主HTML解析器才会发现这些资源为了充分利用预加载扫描器,服务器发送的HTML标记中应包含关键资源。由CSS使用属性加载的图片。这些图片引用位于CSS中,预加载扫描器无法发现这些引用动态加载的脚本,采用元素标记(使用JavaScript注入DOM。原创 2024-06-04 20:31:56 · 1143 阅读 · 0 评论 -
Web 页面性能衡量指标-以用户为中心的效果指标
FCP:从网页开始加载到网页内容的任何部分呈现在屏幕上所用的时间。首次内容绘制 (FCP) 是一项以用户为中心的重要指标,用于衡量感知的加载速度。它标记了网页加载时间轴中用户可以看到屏幕上任何内容的第一个点。FCP衡量的是从用户首次导航到相应网页到该网页的任何部分呈现在屏幕上所用的时间。对于此指标,内容是指文本、图片(包括背景图片)、元素或非白色元素。LCP:从网页开始加载到屏幕上呈现最大的文本块或图片元素所用的时间LCP。原创 2024-06-04 13:50:29 · 846 阅读 · 0 评论 -
VitePress 构建的博客如何部署到 Netlify 平台?
VitePress 构建的博客如何部署到 Netlify 平台原创 2024-04-30 15:08:47 · 1103 阅读 · 0 评论 -
80 行 JS 代码实现页面添加水印:文字水印、多行文字水印、图片水印、文字&图片水印
水印技术调研显示,水印在保护版权、信息标识和安全保护方面具有重要作用。通过CSS、JavaScript或第三方库,可以实现页面水印功能。过多或显眼的水印可能影响用户体验,而性能和兼容性也是考虑的因素。综合评估水印的利弊,可结合实际需求谨慎选择适合的实现方式。如果需求有更复杂的水印,可以按步骤去改即可。原创 2024-04-30 11:09:00 · 1100 阅读 · 1 评论 -
Chrome 93 版本新特性& Chrome 93 版本发行说明
Chrome 93 版本新特性& 93 版本发行说明一、Chrome 93 浏览器更新SyncXHR 策略不再可用Chrome 93 删除了 AllowSyncXHRInPageDismissal。新 RelaunchWindow 策略RelaunchWindow 策略允许管理员在 Chrome 重新推出给力的更新申请指定的时间窗口。新的 JavaScript JIT 设置策略Chrome 93 引入了三个新策略:默认 JavaScriptJit 设置JavaSc原创 2021-09-10 14:57:20 · 1627 阅读 · 1 评论 -
Chrome 92 版本新特性& 92 版本发行说明
Chrome 92 版本新特性& 92 版本发行说明Chrome 92: July 20, 2021一、Chrome 92 版本浏览器更新Chrome 阻止端口 989 和 990Chrome 92 将端口 989 (ftps-data) 和 990 (ftps) 添加到受限端口列表并阻止通过它们的流量。这不会影响使用标准端口的客户,但使用非标准端口的自定义配置可能会受到影响。Chrome 在隐私沙盒设置中添加了 FLoC 控件Android 版 Chrome 包含用于网络钓原创 2021-07-23 17:32:00 · 2857 阅读 · 6 评论 -
V8 v9.1 版本新特性:顶层 await
V8 release v9.1 04 May 2021 releaseV8 release v9.1Chrome V8 于 5 月 4 号发布 v9.1 版本,带来几个新特性一、Top-level await (顶层 await)Top-level await is enabled by default in V8 starting with v9.1 and is available without --harmony-top-level-await.一句话就是:我们可以在模块顶级中使用.原创 2021-06-07 10:47:28 · 2511 阅读 · 3 评论 -
Chrome 91 版本新特性& 91 版本发行说明
Chrome 浏览器于 2021 年 5 月 25 号发布了 91 版本,新增了不少特性。1、Chrome 浏览器更新说明Chrome 暂停了折叠的标签组Chrome 阻止了端口 10080,并添加了允许特定端口的策略Chrome 启用了量子计算机安全防护Chrome 不再允许 TLS 1.0 或 TLS 1.1当用户登录操作系统时,PWA 可以启动如果用户在已知的网络钓鱼站点上重复使用保存的密码,则 iOS 上的 Chrome 会警告用户Chrome 引入了 initial_pref.原创 2021-05-26 17:37:31 · 5073 阅读 · 11 评论 -
强推10个前端实用的插件
1、Google 翻译浏览网页时可轻松查看翻译版本。支持 53 种语言Bahasa Indonesia, Bahasa Melayu, Deutsch, English, English (UK), Filipino, Français, Kiswahili, Nederlands, Norsk, Tiếng Việt, Türkçe, català, dansk, eesti, español, español (Latinoamérica), hrvatski, italiano, latvi原创 2021-05-21 14:37:34 · 1501 阅读 · 2 评论 -
强推10个实用的浏览器插件
1、Google 翻译浏览网页时可轻松查看翻译版本。支持 53 种语言Bahasa Indonesia, Bahasa Melayu, Deutsch, English, English (UK), Filipino, Français, Kiswahili, Nederlands, Norsk, Tiếng Việt, Türkçe, català, dansk, eesti, español, español (Latinoamérica), hrvatski, italiano, latvi原创 2021-05-21 13:44:46 · 27 阅读 · 0 评论 -
XSS 攻击和 CSRF 攻击各自的原理是什么?两者又有什么区别?以及如何防范?
XSS 攻击和 CSRF 攻击1、XSS 攻击1. 概念XSS(Cross Site Scripting):跨域脚本攻击。2. 原理不需要你做任何的登录认证,它会通过合法的操作(比如在 url 中输入、在评论框中输入),向你的页面注入脚本(可能是 js、hmtl 代码块等)。3. 防范编码;对于用户输入进行编码。过滤;移除用户输入和事件相关的属性。(过滤 script、style、iframe 等节点)校正;使用 DOM Parse 转换,校正不配对的 DOM 标签。HttpOnly。原创 2021-05-12 10:36:37 · 1943 阅读 · 3 评论 -
浏览器的跨域问题&跨域问题有哪些解决方法& JSONP 是如何实现跨域的?
浏览器跨域问题1、什么是浏览器同源策略?同源策略是一个重要的安全策略,它用于限制一个 origin 的文档或者它加载的脚本如何能与另一个源的资源进行交互,它能帮助阻隔恶意文档,减少可能被攻击的媒介。所谓同源策略,是指只有在地址的:协议名域名端口名均一样的情况下,才允许访问相同的 cookie、localStorage,以及访问页面的 DOM 或是发送 Ajax 请求。2、没有同源策略限制有哪些危险场景?ajxa 请求Dom 的查询同源策略确实能规避一些危险,不是说有了同源策略就安原创 2021-05-11 15:33:11 · 263 阅读 · 1 评论