像一颗滚石。-优快云博客

原创 vue使用gzip打包 Error: Rule can only have one resource source

如何配置：npm i compression-webpack-plugin -D安装插件，在vue.config.js里添加以下配置（CompressionPlugin配置选项具体看个人需求）configureWebpack: { plugins: [ new CompressionPlugin({ test: /\.(js|css)?$/i, // 哪些文件要压缩 algorithm: 'gzip',　// 使用gzip压缩 }) ]}问题：给vue项目进行gzi

2021-11-13 21:31:50 1104

转载 Vue祖孙组件传值

祖传孙方法一：props传递次序：GrandFather → Father → GrandSon1、在 GrandFather 中给 Father 传递了一条消息。GrandFather.vue<template> <div class="parent"> ????爷爷 <Father :msg1="msg1" :msg2="msg2" /> </div></template><script>i

2021-11-08 21:44:00 7163

原创小程序生命周期及页面生命周期

小程序生命周期小程序的生命周期是在app.js里调用的，App(Object object)注册小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。App({ // 小程序初始化完成时触发，全局只触发一次 onLaunch(options) { // Do something }, // 小程序启动，或从后台进入前台显示时触发 onShow(options) { // Do something }, // 小程序从前台进入后台时触发 onHide() {

2021-10-30 17:33:30 276

原创在ts+vite项目中使用path模块提示错误

新项目使用使用 npm init @vitejs/app创建项目，添加别名时，想要引入node的path模块，vscode提示错误解决方法：安装@types/nodenpm install @types/node --save-dev最终代码：import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import { resolve } from 'path'export default defineCo

2021-10-08 18:01:25 13945 6

原创 TypeScript笔记二：基础类型

TypeScript的基本类型有：数字类型、字符串类型、布尔类型、数组类型、元组、枚举、Any和Unknown、Void、Null 和 Undefined、Never、Object。数字类型TypeScript里的所有数字和JavaScript一样都是浮点数，除了支持十进制和十六进制字面量，TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。let a: number = 10;let b: number = 0xa;let c: number = 0b010

2021-09-13 22:23:25 292

原创 TypeScript笔记一：环境搭建

搭建TypeScript环境需要npm包管理工具首先去Node.js官网下载安装包，安装成功后在控制台执行以下命令：将npm换成国内的源：npm config set registry https://registry.npm.taobao.org安装typescript：npm install -g typescript检查是否安装成功：$ tsc -vVersion 4.4.3新建一个hello.ts文件let str: string = 'hello word!';cons

2021-09-13 19:40:17 110

原创使用MongoDB Compass将JSON数据文件导入MongDB

使用MongoDB Compass将JSON数据文件导入MongDB1. 安装MongoDB Compass下载地址：https://www.mongodb.com/try/download/compass进去之后看到的页面如下图：嫌安装麻烦可以直接下载绿色版Windows 64-bit (7+) (Zip)，直接解压就能使用。2.将数据导入数据库首先打开MongoDB Compass软件点击中间绿色的Connect按钮进行数据库的连接，进入如下界面：点击绿色的CREATE DATAB

2021-07-26 00:25:44 4860 3

原创解决webpack5下使用webpack-dev-server报错

先说下我使用的版本"webpack": "^5.4.0","webpack-cli": "^4.2.0","webpack-dev-server": "^3.11.0"使用 npx webpack-dev-server 运行会报Error: Cannot find module 'webpack-cli/bin/config-yargs'这样的错误。解决方法一：webpack-cli的版本降为3.3.12解决方法二：使用npx webpack serve这个命令运行。...

2020-11-13 22:44:41 5789 3