webHYT

摘要： 前言 项目中遇到一个需求：弹框中有一个带分页的多选表格，在用户切换分页时，需要记录用户当前选择，在切换回上页时，显示用户已勾选项 使用elementUI 表格多选框的toggleRowSelection发现并没有效果。 一开始以为是切换分页后没有等待页面加载完成后就调用了该函数所以无效； 解决1：添 阅读全文

摘要： 使用prettier进行格式化的时候发现，标签内有文字，尾标签>会单独成一行，如下所示 期望尾标签>不单独成行，如下图所示 在vscode setting.json设置"prettier.bracketSameLine"，即可 "prettier.bracketSameLine": true, 注意 阅读全文

摘要： 前言 最近遇到一个需求，读取JOSN文件，以JSON文件的标题为word的文件名导出多个文档，利用nodeJs和 officegen 实现了该功能exportWords.js 代码如下 /** * 读取指定文件夹下的JSON文件，导出多个word文件 * 一个json文件导出多个word文件，通常以 阅读全文

摘要： 前言最近遇到一个需求，将JSON文件的内容，导出到word文档，利用nodeJs 和 Officegen 实现了文件导出的功能exportAWord.js 代码如下 /** * 读取指定文件夹下的JSON文件，导出为word * 一个json文件为一个word，以json文件的名称为word文件的名 阅读全文

摘要： NVM是一个node版本管理器 1、nvm -h // 查看所有命令；2、 nvm list // 查看当前安装的nodeJS的版本；这里有星号标注的说明是当前使用的nodeJS版本3、 nvm install v11.15.0 // 指定安装v11.15.0 的nodeJS；4、 nvm use 阅读全文

摘要： 1、先新建vars.less文件，定义基础样式变量2、在vite.config.ts 下添加配置 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from "path"; // 阅读全文

摘要： 1、只包含中文 const regCn = /[\u4e00-\u9fa5]+/ // !str.match(regCn ) 2、只包含英文 const regOnlyEn = /[a-zA-Z]+/ // regEn.test(str) 3、包含英文和数字 const regOnlyEnAndNu 阅读全文

摘要： 前言最近接触了一个新的vue项目，安装依赖是一直无法安装成功，有部分依赖包的地址报404，查看package-lock.json，发现其中部分依赖使用了公司私有的镜像库，但是目前该镜像库已关闭，访问该包地址返回404. 解决方案如下1、删除package-lock.json，重新npm i 生成新的 阅读全文

摘要： 前言： 最近接触一个比较大的vue项目，发现打包后的项目文件体积很大，最大的的一个js有17M，于是用 Vue CLI report 分析一下 Vue CLI（@vue/cli）自带的 webpack 包体积优化工具，它可以查看各个模块的 size 大小，方便优化。只需要在 build 后面加上 - 阅读全文

摘要： 前言首屏速度是用户体验的最关键一环，而首屏速度最大的决定性因数就是资源的加载速度 而资源的加载速度 = 资源大小 + 网速 资源大小影响的方面有1、压缩（如Gzip） 2、一部分代码分割出来做异步加载，需要的时候在加载 3、写代码的时候尽量精简 本文主要针对，资源文件加载的优化。异步资源加载一般有两 阅读全文