随笔分类 -  浏览器

摘要:开发者可以控制浏览器资源的加载顺序,但这种控制的粒度能做到多细呢? 本文来聊聊资源加载优先级的问题。 浏览器解析资源的优先级 当浏览器开始解析网页,并开始下载图片、Script 以及 CSS 等资源的时候,浏览器会为每个资源分配一个代表资源下载优先级的 fetch priority 标志。 而资源下 阅读全文
posted @ 2021-12-15 10:27 苍青浪 阅读(1371) 评论(0) 推荐(0) 编辑
摘要:Web Audio提供了一个强大的音频处理系统,在我们现有的业务场景中,很少有使用到Web Audio,很多时候用到也仅限于播放一段音频。 除此之外,还能实现丰富的功能,比如:可视化、音色合成器、动态混音、声音特效、3D空间音频、均衡器、环境混响等,可以应用在音乐播放器、电子音乐软件、游戏音效、音乐 阅读全文
posted @ 2021-08-20 09:10 苍青浪 阅读(885) 评论(0) 推荐(0) 编辑
摘要:前言 对于从事IT行业的我们来说,几乎无时无刻都在用chrome浏览器,因为它给我们的工作和生活带来了极大的便利。今天给大家分享我用过的11款牛逼的chrome插件。 1. 谷歌翻译 很多小伙伴,英语不太好,包括我自己,英语刚过四级。从事软件相关工作时,有时有些吃力,因为很多优秀的技术网站、书籍或者 阅读全文
posted @ 2021-05-23 10:27 苍青浪 阅读(538) 评论(0) 推荐(0) 编辑
摘要:本文的目的是搜集当前主流的meta配置,方便开发者快速开发调试。在这里不会做各种meta的深入分析,只是简单的介绍,让大家知道有这个东西。 meta简述 meta用于描述 HTML 文档的元数据。通常用于指定网页的描述,关键词,作者及其他元数据。 元数据可以被使用浏览器(如何显示内容或加载页面),搜 阅读全文
posted @ 2021-05-19 20:45 苍青浪 阅读(287) 评论(0) 推荐(0) 编辑
摘要:前言 Chrome 浏览器的 Performance 面板为我们提供了检测页面性能的能力,但其提供的远不止一些性能数据。本文将从工作原理的视角,结合实际工程的录制结果,探一探性能面板向我们透露的其他信息。 性能面板 关于面板的功能与使用方法,可以参考这篇文章。本节主要介绍浏览器架构与性能面板的关系。 阅读全文
posted @ 2021-04-22 14:40 苍青浪 阅读(836) 评论(0) 推荐(0) 编辑
摘要:前言 本文会介绍浏览器中帧(Frame)的概念,它的流程是怎么样的。 至于写这个文章的出发点在于,我好奇浏览器中像素工作流程是怎么样的,什么时候开始的,最后的结果是什么。 基于这些好奇,查阅了些外文资料,本文提供了些参考,参考链接在文末。 缘由 在将帧的概念前,我们得从背景开始看起,也就是渲染页面的 阅读全文
posted @ 2021-04-22 11:03 苍青浪 阅读(461) 评论(0) 推荐(0) 编辑
摘要:Puppeteer 是 Chrome 开发团队在 2017 年发布的一个 Node.js 包,用来模拟 Chrome 浏览器的运行。我们团队从 Puppeteer 刚发布出来就开始成为忠实用户了(主要是因为 PhantomJs 坑太多了),本文主要在介绍 Puppeteer 的同时,结合我们平时的实 阅读全文
posted @ 2021-03-28 10:52 苍青浪 阅读(1593) 评论(0) 推荐(0) 编辑
摘要:一.为什么使用缓存 简单的说,就是为了让页面加载的更快一点,通过将部分静态资源保存到本地这种方式,从而减少网络请求,提升用户体验的一种手段。 二.使用缓存有什么弊端 凡事有利必有弊,缓存也是。使用缓存最大的问题就是如果资源有更新,如果不采取相应措施的话,我们在访问的时候就很可能获取不到最新的资源。 阅读全文
posted @ 2019-08-01 12:29 苍青浪 阅读(56623) 评论(0) 推荐(0) 编辑
摘要:突然发现一些按钮的点击功能失效,在控制台发现该a标签中多出个font标签,导致文字区域不能触发到a标签 就算a标签宽高设置百分百 也没用。 经测试不同的浏览器情况不一样 safari就不会出现这种情况 原因:在html头部申明的时候是这样写了<html lang="en"> ,导致浏览器自动去翻译这 阅读全文
posted @ 2019-05-16 08:27 苍青浪 阅读(974) 评论(0) 推荐(0) 编辑
摘要:1.H5地理位置定位功能 首先判断用户浏览器是否支持该功能,目前大多数现代浏览器均支持,获取位置信息需用户授权同意 function getLocation(){ if (navigator.geolocation){ navigator.geolocation.getCurrentPosition 阅读全文
posted @ 2019-05-08 18:40 苍青浪 阅读(22611) 评论(1) 推荐(0) 编辑
摘要:网上查了很多关于修改火狐浏览器样式的资料,发现千篇一律,能解决问题的可以说没有。 当然一番搜寻下来也不是没有收获,为了节省广大前端同学不再耗费时间在这上面,特此记录。解决了在火狐浏览器下滚动条的部分样式问题,当然有更好的解决办法欢迎留言~~~ 基于webkit的浏览器: /* 滚动条样式 */ :: 阅读全文
posted @ 2019-03-28 11:41 苍青浪 阅读(19818) 评论(2) 推荐(0) 编辑
摘要:原文出处: Chrome DevTools 译文出处:DestinyXie 内存泄漏是指计算机可用内存的逐渐减少。当程序持续无法释放其使用的临时内存时就会发生。JavaScript的web应用也会经常遇到在原生应用程序中出现的内存相关的问题,如泄漏和溢出,web应用也需要应对垃圾回收停顿。 尽管Ja 阅读全文
posted @ 2019-03-22 18:37 苍青浪 阅读(2233) 评论(0) 推荐(0) 编辑
摘要:一、简介 content属性早在CSS2.1的时候就被引入了,可以使用:before以及:after伪元素生成内容。此特性目前已被大部分的浏览器支持:(Firefox 1.5+, Safari 3.5+, IE 8+, Opera 9.2+, Chrome 0.2+)。另外,目前Opera 9.5+ 阅读全文
posted @ 2018-12-04 20:50 苍青浪 阅读(1926) 评论(0) 推荐(0) 编辑
摘要:什么是 WebView WebView 是手机中内置了一款高性能 webkit 内核浏览器,在 SDK 中封装的一个组件。没有提供地址栏和导航栏, WebView 只是单纯的展示一个网页界面。在开发中经常都会用到。 ps: 关于 WebView 的介绍,可以看这里 《谈谈 WebView 的使用》 阅读全文
posted @ 2018-08-28 14:36 苍青浪 阅读(768) 评论(0) 推荐(0) 编辑
摘要:移动端隐藏scroll滚动条::-webkit-scrollbar ::-webkit-scrollbar {/*隐藏滚轮*/ display: none;} CSS3自定义滚动条样式 -webkit-scrollbar 前言 webkit支持拥有overflow属性的区域,列表框,下拉菜单,tex 阅读全文
posted @ 2018-07-10 10:51 苍青浪 阅读(193) 评论(0) 推荐(0) 编辑
摘要:先看上图,如果对图中的(a)(b)(c)(d)四个过程的处理方式都很清楚了,那么请不用再看本文了。 两个概念 强缓存用户发送的请求,直接从客户端缓存中获取,不发送请求到服务器,不与服务器发生交互行为。 协商缓存用户发送的请求,发送到服务器后,由服务器判定是否从缓存中获取资源。 两者共同点:客户端获得 阅读全文
posted @ 2018-05-30 10:58 苍青浪 阅读(862) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示
哥伦布
03:14发布
哥伦布
03:14发布
7°
多云
西南风
3级
空气质量
相对湿度
64%
今天
多云
-1°/10°
周三
小雨
2°/12°
周四
中雨
2°/14°