开始之前 最近一直在赶项目，持续的连轴转让脑子都慢了。。。现在大概已经初步完成了，回过头来复盘一下，有很多需要优化的地方。 以下内容仅仅是列一些我们经历的、操作过的优化思路，仅供参考。 优化的目的 优化无非就是增强体验感，如果使用的时候出现卡顿、等待，甚至崩溃，那么必然体验是失败的。此时就需要进行优化。 优化的几个点 这里以我们项目中很长的一个页面为例，该页面中有大约400个组件，每个组件都需要数据请求，组件大部分都是表格和图表（echart）。嗯，这就是大概的前提。 1、拆分页面 如果可能，还是尽量不要设计信息量…
js 中的 ?. 和 ?? 操作符提供了非常便利的操作方式，但是在打包时会出现问题。需要引入： @babel/plugin-proposal-optional-chaining // 可选链 @babel/plugin-proposal-nullish-coalescing-operator // 双问号 这两个包，然后再配置一下 babel.config.js 文件： { "plugins": [ "@babel/plugin-proposal-nullish-coalescing-…
最近升级了 git 之后，发现只要操作，就会报 unsafe repository 的错误： 不过该错误也给出了提示： 执行 git config --global --add safe.directory xxx(路径) 即可。 解决方案 上面给出的方案可以解决当前目录，一般来说如果只有这一个目录，也就够用了。 但是如果有多个项目，一个一个添加很麻烦，可以通过： git config --global --add safe.directory '*' 来全局配置。这样的方式简单好用，但原则上还…
开始之前 为什么说是升级版呢？因为之前写过一篇关于美化终端的文章 美化PowerShell（含WindowsTerminal和VSCode终端），这次虽然大同小异，但是方法还是升级了很多，而且上次只针对 PowerShell，这次针对的是全终端，包括 cmd、bash、以及 wsl，所以叫个升级版应该没什么问题~ 先看一下我目前使用的样子吧~ 更有很多样子可以自行选择~ 安装 oh-my-posh 这次我们全局安装它，不用 PowerShell 安装了。 choco install oh-my-posh # or …
缘起 上午重装电脑，生成账户的时候选择了使用微软账户登录，这生成之后直接默认生成了一个名为 jerem 的账户，因为之前一直是创建本地账户，还真没注意过使用微软账户的区别。其实普通用户真无所谓，现在对于账户名来说不是那么重要，但是我们天天用到命令行，这就看着真头大了，一出来写个 C:\Users\jerem，很不爽，必须琢磨怎么改一下。 直接改文件夹名称是没戏的，需要一步一步该。 修改 修改注册表 Windows 的精髓是注册表，所有内容都在这里改，所以打开注册表（按 Ctrl + R，键入 regedit 并确定…
网站图片十分常用，尽可能让图片使用缓存，是一个提高页面效率的常见方法。那么页面如何判断图片是否已经缓存了呢？很简单，通过 HTMLImageElement.complete 属性就可以做到。 实现方式 const img = new Image(); img.src = 'xxx'; // 图片原地址 if (img.complete){ // 已经加载 } else { // 还没加载 } 通过这种方式，可以快速判断图片是否已经缓存，并可以结合这个方法进行不同的后续处理。 原理 利用 HTML…
起因 最近有人给我的 jz-gantt 提了个bug，说页面中放多个 gantt 组件会出现异常。我复现了一下，还真是。原因呢，也很简单，之前的升级小记中也记录过，就是因为 全局变量 冲突，当时没有意识到这会成为一个问题。这个之前还没考虑到，也是因为刚开始用 vue3，以为它会自动管理全局变量，但是，并不是~ 因为挂载多个组件，导致变量名重叠，最后只有最后一个挂载的组件中的变量会生效，这就导致了多个组件出现了异常情况。简单来说，之前那种全局变量的方法是真正的全局变量，它适合用在项目中，而并不适合用在组件中。 修改思…
今天没什么事，下载了最新的 Visual Studio 2022，配套的 .NET 6 还是很厉害的。 虽然我还没使用，之前也看过不少介绍了，但还是在打开的一瞬间有不小的震撼。 来看一下一个 web 项目的初始代码吧： var builder = WebApplication.CreateBuilder(args); // Add services to the container. builder.Services.AddRazorPages(); var app = builder.Build(); // Co…
开始之前 万字长文，爆肝三天，一点一点把项目又搭了一遍，还找了很多文档，链接已经贴在相关内容中了，方便大家查看，同时也写了一些常见坑的填坑方式。创作不易，如果喜欢，请点个赞吧~ 同时，原文已经存放在我的文档中，地址 -> 这里。 Vue.js3 + Vite + TypeScript 从0搭建工程化项目模板 为简化每次初始化项目，最好的方法就是搭建一个项目模板，这样每次初始化的时候直接拉取就好，不用再一个一个进行配置，省去了大量时间。 该内容模板已经在 Github，如果需要，可以直接下载使用。具体使用方法可…
最近评论
畅聊科技 发布于 1 个月前（07月01日）
BruceQiu 发布于 2 个月前（06月17日）
large-C 发布于 5 个月前（03月26日）
FateDong 发布于 7 个月前（01月12日）
tyty 发布于 9 个月前（11月02日）