Chrome 性能指标详解

如何理解 Chrome 性能分析 tab 里的 FP, FCP, DCL, L, LCP FP(First Paint) 意义:指浏览器渲染第一次绘制像素的时间点。 测量方式:从导航开始到浏览器首次绘制任何像素的时间间隔。 FCP(First Contentful Paint) 意义:指浏览器渲染首个页面内容的时间点(例如文本、图像等)。 测量方式:从导航开始到浏览器首次绘制"有意义"的内容的时间间隔。 DCL(DOMContentLoaded) 意义:指页面的 DOM 已完全加载并解析完成的时间点。 测量方式:当页面的 DOM 树构建完成并且所有的资源(如样式表、图像)已经加载完成时,触发 DOMContentLoaded 事件。 L(Load) 意义:指页面的所有资源(包括图片、样式表、脚本等)都已加载完成的时间点。 测量方式:当页面的所有资源都加载完毕时,触发 load 事件。 LCP(Largest Contentful Paint) 意义:指页面上最大且最有意义的内容元素加载完成的时间点。 测量方式:浏览器在页面渲染过程中识别并记录最大的内容元素(例如图片或文本块),并且记录它们加载完成的时间点。

December 29, 2023 · 1 min · 38 words · Jachy

redis

客户端启动 redis-cli redis-cli ping > PONG 远程: redis-cli -h host -p -a password Key相关 set key value del key dump key序列化, 返回被序列化的值 exists key expire key设置过期时间, 到期删除 ``

November 20, 2023 · 1 min · 28 words · Jachy

rabbitmq

基本概念 Server(Broker): 接收客户端连接, 实现AMPQ的实体服务 Connection: 连接, 客户端和Server的网络连接 Channel: 网络信道。消息读写的通道。每个channel代表一个会话任务 Message: C/S之间传输的数据,有Properties和Body组成 Properties: 消息的优先级, 延迟等高级特性 常用属性 : delivery mode, headers(自定义属性) 其他属性 content_type, content_encoding, priority correlation_id : 可以认为是消息的唯一id replay_to : 重回队列设定 expiration : 消息过期时间 message_id : 消息id timestamp, type, user_id, app_id, cluster_id Body: 消息体 Visual Host:逻辑隔离, 多个产线用一个rabbitMQ,就可以用这个做分离 Exchange: 交换机。用于接收消息, 和根据routing key绑定队列 Type:direct, topic, fanout, headers Direct: 直连(默认exchange): 当routing key完全匹配, 则消息被投递 Fanout:扇出:将消息路由给绑定到它身上的所有队列 不需要绑定routing key,只要把queue绑在这个exchange上 此类型会把消息写到绑定的全部队列上 此类型最快 Topic:队列通过路由键绑定到交换机上,然后,交换机根据消息里的路由值,将消息路由给一个或多个绑定队列(模糊匹配) “#” : 匹配一个或多个词 “*” : 匹配一个词...

November 20, 2023 · 1 min · 122 words · Jachy

Docker 国内镜像源

国内 Docker 镜像源 # 这个源好用 docker.m.daocloud.io 使用方法 在拉取镜像时替换默认的 Docker Hub 地址: # 原始方式 docker pull nginx # 使用镜像源 docker pull docker.m.daocloud.io/nginx 配置 Docker 守护进程 编辑 /etc/docker/daemon.json(Linux)或 Docker Desktop 设置(Mac/Windows): { "registry-mirrors": [ "https://docker.m.daocloud.io" ] } 重启 Docker 服务: sudo systemctl restart docker

November 20, 2023 · 1 min · 42 words · Jachy

Git 踩坑记录

问题:修改文件名大小写,Git 不敏感 问题描述 当修改项目某文件名的大小写时,git status 是不会查看到此文件有改动的。 解决方案 使用 git mv 命令进行两次重命名: git mv foldername tempname && git mv tempname FolderName 参考 CSDN: Git 修改文件名大小写 问题:Chrome 访问非受信证书页面提示错误 问题描述 访问非受信证书页面时,提示「您的连接不是私密连接」错误。 解决方案 在当前页面直接键盘输入: thisisunsafe 打完立刻就好了。 参考 腾讯云开发者社区 问题:Mac 浏览器连接已重置 问题描述 Mac 上浏览器访问某些网站时提示连接已重置。 解决方案 刷新 DNS 缓存: sudo dscacheutil -flushcache; sudo killall -HUP mDNSResponder 问题:node 版本管理工具 n 下载 node 慢 问题描述 使用 n 工具安装 node 版本时,下载速度很慢。 解决方案 切换镜像源,并设置环境变量: # 设置环境变量 export N_NODE_MIRROR=https://npm.taobao.org/mirrors/node # 安装 sudo -E n stable 参考 墨天轮社区 问题:内容相同,MD5 竟然不一样 问题描述 两个文件内容完全相同,但计算出的 MD5 值却不一样。...

November 20, 2023 · 1 min · 89 words · Jachy