书架

书架

=一个知识书库=

npm 包之 chalk

npm 包之 chalk

### chalk是什么 - chalk是一个颜色的插件。可以通过chalk.blue(‘hello world’)来改变颜色,但是我并没有式样成功,有待验证。 - 可以参考 npm [chalk官网](https://www.npmjs.com/package/chalk) - 简单用法 ```raw $ npm install chalk const chalk = require('chalk'); console.log(chalk.blue('Hello world!')); const chalk = require('chalk'); const l
more...
npm 包之 Dotenv

npm 包之 Dotenv

**介绍** `npm` 官方文档的这样介绍 [dotenv](https://www.npmjs.com/package/dotenv): `Dotenv` 是一个零依赖的模块,它能将环境变量中的变量从 `.env` 文件加载到 `process.env` 中。将环境相关的配置独立于代码之外亦是 [The Twelve-Factor App](https://12factor.net/config) 的要素之一。 ## **使用** 1. 在项目中安装 dotenv ```javascript npm install dotenv -S ``` 1. 根目录
more...
chokidar 监控文件变化

chokidar 监控文件变化

# 前言 我们平时在开发代码时,很多构建工具在我们保存本地代码时都可以做到实时上传或者实时刷新页面,那么大家有没有想过构建工具是如何做到的? 想做到这一点,就需要实时监听本地文件的增删改,掌握这些时机就可以做到在文件改变时热更新或者实时上传。 下面我们就来聊一聊如何监听本地文件的变动! <!--more--> # 原理 其实这些构建工具都是在用一个包chokidar,下面我们来看看如何使用它! ![图1](http://www.lixianglong.cn/bg_store/img/content/f75d49bbfb91662a9538feeb543
more...
el-autocomplete使用常见问题

el-autocomplete使用常见问题

## 点击 clearable清除按钮输入建议失效 我们会发现,如果给el-autocomplete组件标签加上clearable属性以后,那么,当我们输入内容以后,再点击clearable清空按钮清空输入框中输入的数据以后,当我们再重新输入文字的时候,请求会触发,后端返给我们的数据也获取到了,但是后端返回给我们的数据却没有渲染到页面上。就仿佛输入没反应了。解决方案比较直接的就是,当用户点击了clearable清空按钮以后,就让当前获取焦点的输入框失去焦点,回到最初状态,一切重新开始 即为:主动触发失去焦点,解决‘fetch-suggestions’输入建议失效的bug,也就是:`@c
more...
vue-router缓存路由keep-alive中include不生效

vue-router缓存路由keep-alive中include不生效

> 今天开发的时候,遇到include不生效问题吗,特此记录一下。 经过排查发现include的value值是**组件**的name值,而不是**路由配置**里面的name ```javascript export default { name: 'Login', data() { return { userName: '', pwd: '' } }, methods: {} } ``` 当要缓存多个组件的时候,需要写成: ```cobol
more...