页面加载时间 阶段计算表 字段描述计算方式意义unload前一个页面卸载耗时unloadEventEnd - unloadEventStart-redirect重定向耗时redirectEnd - redirectStart重定向的时间appCache缓存耗时domainLookupStart - fetchStart读取缓存的时间dnsDNS解析…

什么是前端监控,都监控哪些东西 顾名思义,前端监控是对前端项目部署上线以后的一些观察和收集行为,一方面主要收集前端的报错信息,另一方面可以对某些操作进行 埋点 记录一些用户行为,后期可以针对这些用户行为进行数据分析。下面详细说一下针对报错信息方面的监控 如何进行前端监控 总体思路是在全局注册error事件，对所有的错误事件进行拦截，获取拦截后的报错…

官方退出的 reactHooks 可以完美的实现 redux 的功能, 使用方法更加便捷, 仿佛又看到了React的未来 使用步骤 将数据及重在一个store对象上将所有操作集中在reducer中创建一个Context创建对数据的读写API将第四部的内容放到第三步的Context中用 Context.Provider 将 Context 提供给所有…

Redux 和 React 的关系 redux 的功能和 vuex 相同,都是作为中央状态管理仓库, 但用户体验上和 vuex 真的是大相径庭, 其原因在于 vuex 高度集成在 vue 中,可以说是为vuex 量身打造的状态管理系统, 而 redux 作为一个库,可以支持在 React \ Angular \ jquery 还有原生JS中, 并不…

填坑一 ： electron打包运行为空白 vue项目构建完成默认为 History ，此时的路由模式在本地运行时没问题的，打包后客户端会出现空白现象；原因是匹配不到路径，将将路由模式改为 hash 模式既可 router.js // 导入 routerimport { createRouter, createWebHistory,createWe…

项目构建 技术选型：electronV19.0.4 / vue3.0 / vite 项目构建模板： github下载 运行 // 运行yarn electron:serve// 打包yarn electron:build electron 进程通信 主进程同渲染进程之间通信 ipcRenderer & ipcMain index.vue 渲…

electron引入图片 <!-- 1. 图片需要放在 public 文件下新建 img 文件 2. 引入时可以直接访问 /img/xxx--><img src="/img/xxx.png">​<!-- 1. CSS 引入图片中 ../img/xxx.png-->.container{ background:ur…

浏览器基础知识 通过浏览器访问页面,首先浏览器会请求回来一个HTML文档,然后自上而下开始渲染,这里面就包括进程和线程的基本概念 进程: 指一个程序 ( 浏览器打开一个页面,就相当于开一个进行 )线程: 进程中具体执行事物的东西,一个线程同时只能做一件事同步编程: 一般是指一个线程去处理任务,上面的任务处理不完,下面的任务就无法处理异步编程:多线程…

数据类型检测的方法 typeof : 返回一个字符包含对应的数字类型typeof 只能检测原始的数据类型typeof null 会返回 objecttypeof new Number(0) 会返回 object let arr = [];typeof arr // objecttypeof "123" // string typeof ne…

JS运行原理 名词介绍 堆：heap栈：stack执行环境栈作用：供代码执行上下文：ECEC(G)：全局执行上下文目的：区别代码执行环境全局代码都在全局上文中执行全局对象：GO存储浏览器内置API浏览器（window）；node中（global）变量对象 VO、AOVO(G) 变量对象存储当前上下文声明的变量 赋值的执行过程 创建一个值原始值：存在…