摘要：
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、写代码的时候尽量精简 本文主要针对，资源文件加载的优化。异步资源加载一般有两 阅读全文
摘要：
前言 实际工作中可能会遇到需要封装WebSocket的场景，以下基于ts做了WebSocket的封装，包括心跳机制和重连 1、封装逻辑如下，新建ws文件： // websocket 封装 enum ConnectionState { // websocket 连接状态 'CONNECTING', ' 阅读全文
摘要：
前言： WebSocket是HTML5开始提供的一种浏览器与服务器进行全双工通讯的网络技术，属于应用层协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。 1、创建webSocket // Create WebSocket connection. 阅读全文
摘要：
1、多级路由 （1）配置路由规则，使用children配置项： // 编写配置项 const router = new VueRouter({ routes: [ { path: '/about', component:About, }, { path: '/home', component: Ho 阅读全文
摘要：
1、相关理解 1.1 vue-router的理解 vue的一个插件库，专门用来实现SPA应用的 1.2 对SPA应用的理解 1、单页Web应用（single page web application，SPA） 2、整个页面只有一个完整的页面。index.html 3、点击页面中的导航链接不会刷新页面 阅读全文
