浏览器
日晞
这个作者很懒,什么都没留下…
展开
-
预加载和懒加载的区别
懒加载:用户看不到的数据先不加载,等到用户滑动到时/满足某种条件再加载。预加载:预先加载主要内容,缓存到本地,等需要用时直接从缓存中获取。原创 2023-08-17 11:32:03 · 54 阅读 · 0 评论 -
http 缓存:强制缓存与协商缓存 304 状态码
浏览器发起请求 --> 看强制缓存(Expires 和 Cache-Control)是否过期 -->则拿本地的上一次请求头的 Etag 或 last-modified 去服务端与最新资源对比 -->http 缓存:针对静态资源,因为静态资源所占内存较大,比如图片,且变动可能性较小;而对于接口数据不缓存原因是数据实时性较强,缓存用处不大。不一样则返回 200 状态码 --> 返回最新数据。一样则返回 304 状态码 --> 读取缓存。原创 2022-06-01 10:04:02 · 161 阅读 · 0 评论 -
浏览器组成和内核引擎(渲染引擎和js 引擎)
浏览器:可见:shell 可操作页面不可见:内核:渲染引擎 + 后来分出来的js 引擎浏览器内核:浏览器 渲染引擎 js 引擎 chrome (谷歌) webkit --> blink v8(这个引擎厉害,记住这个即可) firefox(火狐) Gecko ... safri(苹果) Webkit ... ie(windows 自带 微软) Trident ... Oper...原创 2021-11-06 18:02:05 · 311 阅读 · 0 评论 -
Location 的知识点
url.href = 'https://developer.mozilla.org/en-US/search?q=URL#search-results-close-container';console.log(url.href); // https://developer.mozilla.org/en-US/search?q=URL#search-results-close-containerconsole.log(url.protocol); // https:console.log(.原创 2021-10-09 20:14:30 · 172 阅读 · 0 评论 -
节流 防抖
A 进入电梯,10秒后将会关闭电梯门,此时B 进入电梯,将重新计时,继续从10秒开始计时。A进入电梯,无论后面是否进人,都是10秒后关闭电梯门。类似于技能冷却,行人等红绿灯。实际应用场景:提交 button 按钮。实际应用场景:计算滚动条的位置。原创 2021-10-09 13:10:16 · 109 阅读 · 0 评论 -
Cookie 和localStorage、SessionStorage 区别
存储大小: Cookie(小饼干)4K Storage 5M有效期: Cookie 有有效期 Storage永久存储(localStorage 永久 SessionStorage 到页面关闭)路径: Cookie 有路径限制 Storage 只存储在域名下API:Cookie 没有特点API Storage 有对应的API存储位置...原创 2021-10-09 13:01:59 · 102 阅读 · 0 评论 -
http 常见状态码
api 的状态码可在检查元素(F12)的 network 里看(如下图) ,或者用 postman 用 curl 发起请求。重定向:比如百度的网站变了,但是大家不知道,还是输入原来的,那么前端可以设置重定向到改变后的网址。403:服务器禁止请求。原创 2021-09-28 13:42:30 · 126 阅读 · 0 评论 -
输入一个url 到页面展示出来发生了什么
输入一个url 到页面展示出来发生了什么输入网址,看历史记录和书签,推荐相关网站DNS 解析(由网址转成ip 地址)服务器找到 ip 地址的网站,TCP 连接,三次握手浏览器向服务器发出请求原创 2021-09-20 14:00:43 · 95 阅读 · 0 评论 -
重排重绘区别;display:none 和 visibility:hidden 的区别
style --> 创建布局树 --> 分层(对动画) --> 光栅化 --> 合成。stlye 表 --> 光栅化 --> 合成。原创 2021-09-20 13:23:12 · 369 阅读 · 0 评论