![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 91
gqkmiss
前端
展开
-
Rust 版本升级:rustup update stable 报错
错误内容:系统无法连接到Rust语言官方的静态文件服务器,导致对应的文件没有下载到指定的文件夹中。原创 2024-07-11 11:37:45 · 262 阅读 · 0 评论 -
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 评论 -
JS Navigator.sendBeacon 可靠的、异步地向服务器发送数据
页面卸载时的日志记录:在用户离开页面时记录行为数据,如页面停留时间、点击行为等。分析和监控:发送用户行为数据到分析服务器,用于网站性能监控和用户行为分析。状态报告:向服务器报告应用程序状态或错误信息。是一个专为可靠性设计的API,特别适用于在页面卸载时发送少量数据。它具有简单、非阻塞、可靠等优点,特别适合日志记录和用户行为分析等场景。发出的是异步请求,并且是POST请求。只能判断出是否放入浏览器任务队列,不能判断是否发送成功。无需处理返回值。需要注意浏览器兼容问题。原创 2024-05-24 10:11:08 · 428 阅读 · 0 评论 -
JS 监听用户页面访问&页面关闭操作并进行数据上报
页面访问&页面关闭数据上报能清楚的掌握用户的使用数据,对营销活动或者画像分析很有帮助整体没有难点,就是不同项目不同分析如果你的项目是hash改变,那就可以针对hash进行监听主要就是使用进行可靠的数据传输。原创 2024-05-24 10:06:19 · 317 阅读 · 0 评论 -
JavaScript 中的 Range 和 Selection 对象
最近在做鼠标框选的需求,鼠标框选就需要用到Range和Selection对象。Range表示选择的区间范围,Selection表示选择的文档内容。下面就详细说下这两个对象。原创 2024-05-23 11:31:58 · 821 阅读 · 0 评论 -
JS 实现鼠标框选(页面选择)时返回对应的 HTML 或文案内容
鼠标框选上报能监控用户在页面的行为,能为后续的数据分析等提供便利基于JS中的Selection和Range实现的,使用原生JS涉及到的操作比较多,包含键盘、鼠标右键、全选等能对框选的内容进行分类,区别html和text,更方便的看出用户选择了哪些内容。原创 2024-05-23 10:15:13 · 1402 阅读 · 2 评论 -
ES 2024 新特性
ECMAScript 2024,第 15 版,添加了用于调整 ArrayBuffer 和 SharedArrayBuffer 大小和传输的功能; 添加了一个新的 RegExp /v 标志,用于创建具有更高级功能的 RegExp,用于处理字符串集; 并介绍了用于构造 Promise 的 Promise.withResolvers 便捷方法、用于聚合数据的 Object.groupBy 和 Map.groupBy 方法等...原创 2024-05-13 14:26:19 · 660 阅读 · 0 评论 -
VitePress 构建的博客如何部署到 Netlify 平台?
VitePress 构建的博客如何部署到 Netlify 平台原创 2024-04-30 15:08:47 · 1103 阅读 · 0 评论 -
VitePress 构建的博客如何部署到 github 平台?
由于我们的项目名称为 ,所以我们把 设置为 ,需注意前后 2.2. 页面显示异常这个时候你发现本地页面显示异常是因为配置了 之后,导致路径不正确,点击上面的链接即可配置好 之后,你发现其他页面都没问题,图片也都能正常显示,但是 不能正常显示。只需要把 中配置的 路径改下即可,加上 前缀项目正常构建成功是构建之后 文件夹中的内容,不包括 文件夹等几分钟,一般一分钟以内不停的刷新当前页面也行然后就会发现当前页面多了个 模块点击之后,就跳转到对应的网站链接啦…我这边是原创 2024-04-28 10:37:28 · 876 阅读 · 0 评论 -
使用 Vitepress 构建博客并部署到 github 平台
VitePress 是一个静态站点生成器 (SSG),专为构建快速、以内容为中心的站点而设计。简而言之,VitePress 获取用 Markdown 编写的内容,对其应用主题,并生成可以轻松部署到任何地方的静态 HTML 页面。原创 2024-04-28 10:18:43 · 1457 阅读 · 5 评论 -
使用CRXjs、Vite、Vue 开发 Chrome 多页面插件,手动配置 vite.config.ts 和 manifest.json 文件
使用 crxjs vite vue 开发 Chrome 多页面插件原创 2024-03-29 15:51:58 · 1384 阅读 · 0 评论 -
Chrome 插件 storage API 解析
Chrome 插件 Storage API 解析原创 2024-03-27 10:34:37 · 1634 阅读 · 0 评论 -
Chrome 插件 tabs API 解析
Chrome 浏览器插件 tabs API 解析原创 2024-03-27 10:16:47 · 1493 阅读 · 0 评论 -
Chrome 插件各模块之间的消息传递
Chrome 插件各模块之间消息传递原创 2024-03-26 11:02:52 · 1281 阅读 · 0 评论 -
Chrome 插件各模块使用 Fetch 进行接口请求
Chrome插件中的网络请求和普通web是一样的,只不过从常用的AJAX换成了Fetch进行跨域请求的时候一定要配置文件一般请求都需要和cookies进行配合,关于可以查看【Chrome 浏览器插件 cookies API 解析。原创 2024-03-26 10:54:41 · 1569 阅读 · 0 评论 -
使用 CRXJS、Vite、TypeScript、Vue3、Pinia、Less、Naive-ui 开发 Chrome 浏览器插件——自带热加载,无需手动配置 vite.config.ts 文件
使用 CRXJS 结合 Vite 插件结合 Vue 开发 Chrome 浏览器插件到这就基本结束了使用 CRXJS 不需要自己在手动配置 vite.config.ts 文件了,方便了不少但是也有不方便的部分,比如此篇文章没有 contentPage 页面,如果加入这个的话,也得配置 vite.config.ts,而且还得需要改 manifest.json 配置,比较麻烦如果想自己配置的话可以看。原创 2024-02-01 15:10:46 · 1825 阅读 · 0 评论 -
两万字大章使用 React、Vite、TypeScript、Less、Zustand、Ant Design 开发 Chrome 浏览器 Manifest V3 版本插件
使用库、Less、状态管理zustandVite开发浏览器插件到这整个流程就已经走完了,插件涉及的页面也都包括在内了开发上线的时候只需要把换成插件需要的域名即可Vite配置和React项目都是我们手动修改的,可以很好的适配自己的项目写这个教程趟了不少坑,和V2版本很不一样完结 🎉🎉🎉。原创 2024-02-01 10:39:40 · 1060 阅读 · 0 评论 -
Chrome 浏览器插件 runtime 字段解析
当消息从扩展程序进程通过 runtime.sendMessage 或内容脚本通过 tabs.sendMessage 发送时触发。从其他扩展程序/应用发送消息时触发通过 runtime.sendMessage。从清单中返回有关应用或扩展程序的详细信息,返回的对象是完整清单文件的序列化内容。首次安装扩展程序、将扩展程序更新到新版本以及 Chrome 更新到新版本时触发。尝试连接扩展程序/应用(例如后台网页)或其他扩展程序/应用中的监听器。向扩展程序/应用或其他扩展程序/应用中的事件监听器发送一条消息。原创 2024-01-26 17:25:57 · 1962 阅读 · 0 评论 -
强推 20 款实用的 Chrome 插件
沉浸式网页双语翻译扩展,支持PDF翻译,双语Epub电子书制作,Youtube/Netflix/Udemy 等平台双语字幕,支持Deepl/Google等多个翻译服务,免费使用。Apifox 是 API 文档、API 调试、API Mock、API 自动化测试一体化协作平台,定位 Postman + Swagger + Mock + JMeter。捕捉、标注、缩放、模糊、编辑视频等功能 - 无需登录,保护隐私。JSON自动格式化、手动格式化,支持排序、解码、下载等,更多功能可在配置页按需安装!原创 2024-01-26 10:31:32 · 2370 阅读 · 0 评论 -
开发 Chrome 浏览器插件时进行 Vue3+Vite 多页面多入口配置
开发 Chrome 浏览器插件时进行 Vue3+Vite 多页面多入口配置原创 2024-01-25 16:47:18 · 1353 阅读 · 0 评论 -
两万字大章带你使用 Vue3、Vite、TypeScript、Less、Pinia、Naive-ui 开发 Chrome 浏览器 Manifest V3 版本插件
两万字大章带你使用 Vue3、TypeScript、Less、Pinia、Naive-ui 以及 Vite 开发 Chrome V3 插件原创 2024-01-25 16:09:57 · 1501 阅读 · 0 评论 -
Chrome 浏览器插件 cookies API 解析
Chrome 浏览器插件 cookies API 解析原创 2024-01-17 17:14:31 · 1478 阅读 · 0 评论 -
两万+字数:从0到1带你开发 Chrome 浏览器 Manifest V3 版本插件
两万两千字,从 0 开始,一篇文章搞定 Chrome 浏览器 V3 版本插件原创 2024-01-17 15:53:10 · 3021 阅读 · 0 评论 -
Chrome 浏览器 Manifest V3 版本中 scripting API 解析
Chrome 浏览器 Manifest V3 版本中 scripting API 解析。原创 2024-01-16 11:40:09 · 1444 阅读 · 0 评论 -
一万六千字大章:Chrome 浏览器插件 V3 版本 Manifest.json 文件全字段解析
Chrome 浏览器插件 V3 版本 Manifest.json 文件全字段解析,一万六千字大章全字段图文解析原创 2024-01-16 10:06:42 · 2037 阅读 · 0 评论 -
Chrome 浏览器插件 Manifest.json V3 中权限(Permissions)字段解析
Chrome 浏览器插件 Manifest.json V3 中 permissions 字段解析,包含 host_permissions 以及对类型、方法和事件原创 2024-01-15 14:30:22 · 2065 阅读 · 0 评论 -
Chrome 插件匹配模式(Match patterns)规则
Chrome 插件匹配模式(Match patterns)规则原创 2024-01-15 09:44:46 · 983 阅读 · 0 评论 -
Chrome 插件 V3 版本 Manifest.json 中的内容脚本(Content Scripts)解析
Chrome 插件 V3 版本 Manifest.json 中的内容脚本(Content Scripts)解析原创 2024-01-15 09:42:31 · 1826 阅读 · 2 评论 -
Chrome 浏览器插件 V3 版本 Manifest.json 中 Commands API 字段解析以及对应的类型(Types)、方法(Methods) 和 事件(Events)
Chrome 浏览器插件 V3 版本 Manifest.json 中 Commands API 字段解析以及对应的 Types、Methods 和 Events原创 2024-01-12 15:42:36 · 1081 阅读 · 0 评论 -
Chrome 浏览器插件从 Manifest V2 升级到 V3 版本所需要修改的点
Chrome 浏览器插件从 V2 版本升级到 V3 版本所需要修改的点原创 2024-01-12 14:42:59 · 2342 阅读 · 0 评论 -
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
Manifest V3 版本 action 字段解析原创 2024-01-12 14:37:44 · 1263 阅读 · 0 评论 -
前端 PM(Project Manager) 分享
PMPMPM。原创 2024-01-08 13:39:05 · 1545 阅读 · 1 评论 -
Axios.post 请求报错: 403 Forbidden missing csrf token 和 invalid csrf token
Axios.post。原创 2023-11-30 17:41:42 · 2095 阅读 · 0 评论 -
Mac M3 芯片安装 Nginx
Mac m3 芯片安装 nginx原创 2023-11-15 19:06:08 · 706 阅读 · 0 评论 -
Mac M1/M2/M3 芯片环境配置以及常用软件安装-前端
最近换了台新Mac,所有的配置和软件就重新安装下,顺便写个文章。主要涉及原创 2023-11-14 10:59:50 · 4872 阅读 · 1 评论 -
前端学习思维导图
前端学习思维导图最近整理了前端学习大纲,理了一份思维导图,使用 GitMind官网 (打钱),包含了三种格式下载地址:github码云CSDN原创 2021-03-25 17:27:04 · 880 阅读 · 1 评论