第一种

1

Object.prototype.toString.call()

第二种

1

Array.isArray()

第三种

1

obj instanceof Array

1、安装插件

1

pnpm install rollup-plugin-visualizer

2、在vite.confg.ts引入插件并使用

引入

1

import { visualizer } from 'rollup-plugin-visualizer';

使用

1

const plugins = [vue(), vueSetupExtend(), vueJsx(), visualizer()]

3、打包后，会在项目根目录下产生一个stats.html文件

效果展示

前言

大家都知道，通过浏览器的地址栏来改变切换页面，前端实现主要有两种方式：

①通过hash改变，利用window.onhashchange 监听。

②通过history的改变，进行js操作加载页面，然而history并不像hash那样简单，因为history的改变，除了浏览器的几个前进后退（使用 history.back(), history.forward()和 history.go() 方法来完成在用户历史记录中向后和向前的跳转。）等操作会主动触发popstate 事件，pushState，replaceState 并不会触发popstate事件，本篇文章主要解决history监听的问题，下面来看下具体实现

当font-size带小数时，height 会向下取整，如果再设置了overflow: hidden; 字体就会被截断

设置 Windows 系统常量-解决 PowerShell 或 CMD 等命令行工具输出 git log 中文乱码

Windows键+R打开运行，输入sysdm.cpl打开系统属性，选中“高级”这个Tab，点击“环境变量”。新建系统变量

image.png

验证 关闭 PowerShell 重新打开，输入echo $env:LESSCHARSET，如果输出utf-8证明设置成功！此时输入git log可以看到中文乱码问题已得到解决！

image.png

docker run -d –restart always –name PandoraNext –net=bridge -p 8811:8811 -v ./data:/data -v ./sessions:/root/.cache/PandoraNext pengzhile/pandora-next

性能指标

HTTP 相关

element-ui 动态table导致的性能瓶颈

创建一个使用 typescript 的 electron 桌面程序，使用 react 做前端界面

Vue3 缓存页面

vue3 使用 keep-alive 缓存列表类页面

我们平时在开发中都会遇到列表类型的组件，不管是pc的查询，分页，还是手机端的分页，滚动位置，这类列表还经常有对应的详情页，我们希望用户进入详情页之后返回列表页时，能够展示进入详情页之前的状态，此时就要用的vue-router的keep-alive组件了

因为我们不需要缓存所有页面，比方说详情页，那我们就需要一个配置来区分哪个页面是需要缓存的，这里我们采用在 router 的 meta 信息里加上标志位的方式区分