Ardently_-CSDN博客

原创 vue图片懒加载

安装插件：npm install vue-lazyload --save-devmain.js引入插件： import VueLazyLoad from 'vue-lazyload' Vue.use(VueLazyLoad,{ preLoad: 1.3, error:'./static/error.png', loading:'./static/loading.png', .

2020-06-20 18:45:22 266

原创 webpack之autoprefixer自动添加厂商前缀

首先要安装我们需要的loadernpm install style-loader css-loader postcss-loader autoprefixer -D在webpack.config.js配置loader // webpack.config.js { test: /\.css$/, use: [ miniCssExtractPlugin.loader, 'css-loader', 'po

2020-06-11 21:32:16 303

原创利用 Vue.extend() 和 $mount 实现全局提示组件

首先先写一个，message组件<template> <div> <span class='toast' v-show='isShow' :class='color'> {{message}} </span> </div></template><script>export default { data () { return {

2020-05-13 20:08:16 459

原创 async await 和 Promis 用法

async 函数是和promise配合在一起使用的，意义在于让异步代码看起来和同步代码是一样的。 async 函数返回的是一个 Promise 对象 await只能放在async函数里定义一个函数，三秒钟之后输出 3 ，输出完 3 之后，再过一秒输出 2 ，再过一秒输出 3function printNum(time, num){ return new Promise(res...

2020-02-26 14:00:53 312

原创 Promise的使用

什么是 promise是异步编程的一种解决方案.常见的异步编程 setTimeout ajax readfile writefilepromise有三个状态： Pending Resolved Rejected 初始状态 Pending 成功调用 resolve 失败调用 rejectPromise 基本用法var flag = falselet p = ...

2020-02-26 12:27:53 157

原创 commander.js

commander.jscommander.js时node.js的轻量级，富有表现力和强大的命令行框架。安装： npm install commander --save相关api：version方法：定义命令行程序的版本号参数说明：.version('1.0.0', '-s, --version') 第一个参数是版本号，第二个参数是自定义flag 自定义flag可省略,默...

2020-02-24 19:58:30 194

原创搭建自己的命令行工具

搭建自己的命令行工具命令行界面（英语：command-line interface，缩写：CLI）是在图形用户界面得到普及之前使用最为广泛的用户界面，它通常不支持鼠标，用户通过键盘输入指令，计算机接收到指令后，予以执行。就是通过cmd命令行来操作计算下面我们来创建自己的命令行1 创建自己的命令行首先，我们创建一个文件夹 cli-demo然后初始化 package.json 文件在...

2020-02-23 18:11:27 303

Ardently_life的博客