首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
浏览器
yanessa_yu
创建于2021-06-01
订阅专栏
浏览器的事件循环 浏览器的渲染 浏览器的缓存
暂无订阅
共12篇文章
创建于2021-06-01
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
在Chrome中调试跳转前的页面
常见调试方法不支持 Chrome DevTools的Network面板勾选Preserve Log(勾选日志)选项只能保留之前的网络记录; Chrome DevTools的Sources面板左侧的资源
h5 兼容性
1. window电脑版微信小程序 webview h5无法新开页面 解决办法:去掉 target='_blank' 2. 移动端浏览器(如 Safari 和 Chrome)的地址栏和工具栏会动态显示
使用defer和async高效加载JavaScript
没有defer或async,在head 解析将暂停,直到获取并执行脚本为止。完成此操作后,解析将继续。 没有defer或async,在body末尾 解析是在没有任何停顿的情况下完成的,当它完成时,脚本
图片懒加载的五种方法
英文原文:https://www.sitepoint.com/five-techniques-lazy-load-images-website-performance/ 1. 原生惰性加载 正如你所看
mkcert生成本地SSL证书
mkcert生成证书 https://github.com/FiloSottile/mkcert mkcert 是一个用 GO 写的零配置专门用来本地环境 https 证书生成的工具。 安装mkcer
Node + Koa实现跨域(域名不同,端口不同)携带Cookies
Set-Cookie的domain设置的是服务器的域名。 在 Koa 中使用 session我这里使用的是Koa-session中间件。 Koa-session会根据请求的后端接口域名给cookie设
node + koa实现session ID认证、token认证
session ID认证流程 用户向服务器发送用户名和密码。 服务器验证通过后,在当前对话(session)里面保存相关数据,比如用户角色、登录时间等。 服务器向用户返回一个session_id,写入
requestAnimationFrame回调函数的参数到底是什么时间
requestAnimationFrame回调函数的参数表示 requestAnimationFrame() 开始执行回调函数的时刻(错误) 在MDN中的对该参数的描述是: 测试案例A:验证上面所说:
requestAnimationFrame中使用耗时的任务,导致部分呈现帧、掉帧,导致帧率FPS下降
浏览器渲染过程 主线程将 html 文件转化为浏览器能够读懂的 DOM 树结构。其中会通过网络进程加载次级资源,遇到 js 会停止构建 DOM 树,并执行 js。 主线程将 css 文件转化为浏览器能
vue单页面记录用户访问次数和访问时长——客户端数据收集
记录网站的访问次数 在App.vue的onMounted中添加代码记录网站的进入, 缺点是刷新页面也算上了。 记录网站页面的离开和进入 在vue-router的全局前置守卫beforeEach中添加代
Provisional headers are shown 问题排查
网络请求错误截图如下 控制台抛出错误如下 排查问题, 找到报错原因是Accept-Language设置为en_US, 而后端没有配置对应的语言。 Request Headers : 1. Accept
浏览器的渲染
渲染过程 构建DOM树 输入内容是HTML文件,经有HTML解析器解析,输出树状的DOM。 DOM是保存在内存中的树状结构,可以通过JavaScript来查询或修改其内容。 样式计算 将CSS转化为浏