随笔分类 -  vue

摘要：vite是一种新型前端构建工具，能够显著提升前端开发体验，它主要由两部分组成； 一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。 一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。 阅读全文

摘要：由于很多组件需要在不同的项目中复用，考虑到维护成本，这段时间写了个vue cli3进行组件封装，并上传到npm； 环境搭建和项目初始化 1）若电脑上没有安装过nodejs，首先需要从官网下载https://nodejs.org/安装包，并进行安装 检查电脑是否有安装nodejs，打开命令行工具，输入 阅读全文

摘要：gzip压缩 如果后台有对前端的代码进行gzip压缩的话，那么就不需要进行压缩了，后台自己配置就可以。如果后台不具备这种情况那么我们可以利用compression-webpack-plugin插件可以帮助我们进行gzip压缩： 安装依赖： npm install --save-dev compres 阅读全文

摘要：最近在做项目的过程中，为了节省服务器，需要在原来的项目中部署子目录的形式、总的来说，需要修改项目中的配置以及ngnix的配置才可实现 一 修改vue项目中的配置 1）找到config/index.js文件，把dev和build中的assetsPublicPath 改成二级目录的名称，例如： 2） 在 阅读全文

摘要：刚开始用time.getTime()>Date.now(),怎么也选择不了今天的日期，后来改成以下才可以 情景1: 设置选择今天以及今天之后的日期 情景2: 设置选择今天以及今天以前的日期 情景4: 设置选择今天之前的日期（不能选择当天） 情景5: 设置选择三个月之前到今天的日期 两个输入框 组件代 阅读全文

摘要：当我输入/page404 时，一直是循环，刚开始还以为是没有配置路由，但是检查路由里面的定义也是有的，后来查阅各种资料才发现： 后来经过查阅资料得知vue-router的next()方法无参和有参时是不一样的 next: Function: 一定要调用该方法来 resolve 这个钩子。执行效果依赖 阅读全文