vue el-cascader组件change失效以及下拉框不消失的问题

如何实现摘要认证

如何使用pm2管理node进程

pm2离线在线安装

node如何检测摄像头是否在线

shell脚本空格导致：NO such file or directory报错的解决方法

前端展示文件目录结构

只刷新当前组件不刷新整个页面

文章目录1.前言1.前言

前端利用Canvas+Video合并流实现截屏和录屏功能

文章目录1.前言2.源码分析1.前言之前看到Axios的取消请求，不像其他的API那么直观好理解，有两种取消请求的方式，感觉很奇怪，所以决定去研究下源码，研究完之后才发现原来如此！2.源码分析首先第一种写法的代码：let Http = this.$http, CancelToken = Http.CancelToken, that = this; Http.post( "https://www.fastmock.site/mock/257d9fdebd0b1dd887acd

文章目录1.前言2.Axios实例3.请求和响应拦截4.取消请求1.前言上篇文章介绍了Axios的一些基本知识，这篇文章来说下Axios的一些进阶内容！2.Axios实例可以使用自定义配置新建一个 axios 实例，可以在这个实例上创建一些公共配置(默认值)，方便其他地方调用！let instance = this.$http.create({ baseURL: "https://www.fastmock.site/mock/257d9fdebd0b1dd887acd6ec80db8a

文章目录1.前言2.项目引入2.语法1.前言Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中,之所以前端流行是因为它可以用在浏览器和 node.js 中，axios在浏览器端使用XMLHttpRequest对象发送ajax请求，在node环境使用http对象发送ajax请求，并且符合现在前端MVVM的开发模式，react/vue 官方都推荐使用 它，可以说是前端必备的知识了！2.项目引入项目中安装npm install axios vue-axio

文章目录1.前言2.模块的命名空间1.前言上篇文章介绍了Vuex的核心概念，这篇文章来说下Vuex的一些进阶内容！2.模块的命名空间如果把所有的状态都放在一个store对象里面，当应用变得非常复杂时，store 对象就有可能变得相当臃肿，维护起来也会变得相当复杂，所以我们可以用模块来划分，比如A module，B module,在项目中很有可能A module内部的 action、mutation 和 getter 可能和B module内部的 action、mutation 和 getter方法名

文章目录1.前言2.Vuex如何使用3.Vuex 核心概念3.1 state1.前言上篇文章介绍了Vuex的概念和作用，相信大家对Vuex有了一定的了解，那么下面来介绍下Vuex如何使用！2.Vuex如何使用1. 安装vuex模块npm install vuex --save2. 作为插件使用import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)3. 定义容器let store = new Vuex.Store()4.

文章目录1.前言2.Vuex是什么？3.什么是集中式状态管理模式？4.什么情况下使用Vuex？它能帮我们解决什么问题？5.简单的例子1.前言Vuex是一个很棒的状态管理库，它很简单并且非常好的与Vue集成，下面我们来开始学习Vuex!2.Vuex是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化，状态分两种，一种是组件内部的状态，其实就是一个组件内使用的状态（data数据），另外一种是应用

文章目录1.前言1.前言上篇文章说了vue-router的路由命名视图，动态路由匹配，路由滚动行为，接下来再看看其他的用法

文章目录1.前言2.路由过渡效果3.编程式的导航1.前言上篇文章说了vue-router的路由命名视图，动态路由匹配，路由滚动行为，接下来再看看其他的用法2.路由过渡效果过渡效果类似css中的过滤，我们用的是transititon的封装组件来为路由添加过渡动画的，首先来看个图了解下有哪些过渡的css类名，Enter就是路由的进入，是从Opacity 0到1（淡入），Leave就是路由离开是从Opacity 1到0（淡出），v-enter-active,v-leave-active是活动的状态，可以被

文章目录1.前言2.路由命名视图3.路由滚动行为1.前言上篇文章说了vue-router的路由的重定向，路由嵌套，命名路由以及路由的别名的使用，接下来再看看其他的用法2.路由命名视图有时候想同时 (同级) 展示多个视图，例如创建一个布局，有 sidebar (侧导航) 和 main (主内容) 两个视图，这个时候命名视图就派上用场了，如果 router-view 没有设置名字，那么默认为 default。还是用之前的例子，在home路由上添加一个sidebar视图，先修改下路由配置！import

文章目录1.前言2.路由的重定向2.1字符串重定向(redirect后面接的是一个path字符串)2.2对象重定向(redirect后面接的是一个包含path的对象或者name的对象)2.3函数重定向（动态设置重定向目标）3.路由的别名1.前言上篇文章说了vue-router的基本使用，接下来看下其他的使用方法2.路由的重定向还是拿之前的例子，有3个页面（home,about,help）如果都没有匹配上，那怎么办？我可以让它重定向home页面，这里重定向有多种写法，还是修改router中inde

文章目录1.前言2.一个最简单的路由例子1.前言上篇文章说下下两种路由各自的原理及优缺点，那么这篇文章来开始真正的vue-router学习！文章目录1.前言2.一个最简单的路由例子2.一个最简单的路由例子我们用之前vue-cli脚手架创建的项目来做例子，可以利用vue单文件组件来开发！首先先来看下入口文件main.js,里面导入vue,App是个单文件组件，router 是和路由相关的代码！import Vue from 'vue'import App from './App' //imp

文章目录1.前言1.什么是单页面应用（SPA）2.单页面应用（SPA）优缺点？3.单页面应用（SPA）和vue-router关系？1.前言之前说了vue-cli系列,已经清楚了目录结构，还有webpack的配置，那么下面几篇文章我们来说下vue-router！1.什么是单页面应用（SPA）单页Web应用（single page web application）是一种特殊的Web应用，是加载单个 HTML 页面并在用户与应用程序交互时动态更新该页面的，因为是单页面只有一个页面的应用，所以一开始只需加载

文章目录1.前言2.webpack配置1.前言上一篇文章对整个项目的目录结构进行了讲解，那么这篇文章我们来说下webpack配置相关的文件，webpack是当前最流行的构建工具，所以有必要对它进行了解！2.webpack配置我们先 npm run dev启动项目,再打开浏览器,F12来看下请求的文件，这里面请求了一个app.js文件，但是查看下index.html模版里面并没有这个文件！其实都是webpack的功能，它会把app.js文件自动的插入到index.html模版里面接下来我们主要来分

文章目录1.前言2.项目目录结构1.前言上篇文章说了vue-cli安装和启动，并且说了下项目源码的目录结构，这篇文章我们来主要说下整个项目的目录结构！2.项目目录结构先来看下整个目录结构，看下图!build文件夹其实是一些webpack配置相关的，里面的js文章下篇文章我会详细讲解！config其实是生产环境和开发环境的一些配置参数！node_modules是安装的第三方依赖！src是我们做项目的时候写的源码，里面有个vue结尾的是单文件组件，这个目录下的文件会被webpack进行进

文章目录1.前言2.什么是vue-cli?它有什么作用？3.vue-cli安装和启动？4.项目目录结构分析1.前言我们学习一个新的东西，我们要问自己，这个东西是什么？它有什么用？什么时候用？怎么样用？在哪个地方用？谁用？为什么要用这个？能解决什么问题，我们经常用的5个W1H（What，When,How,Where,Who，Why）,我们应该带着这些疑问去学习！你将事半功倍！2.什么是vue-cli?它有什么作用？vue-cli是vue提供的一个脚手架工具，什么是脚手架？现实生活种，人工建筑房子，在工

vue这个slot和angularJs的ng-transclude有点相似，vue slot的方式有很多种，下面会一一讲解到！一. 插槽概念：我们经常需要向一个组件传递内容，vue就定义了一个slot元素，只要在需要的地方加入slot元素即可作用：让用户可以拓展组件，去更好地复用组件和对其做定制化处理(例如 一个上传图片的组件，它就是一个input按钮,可能在场景一，它的文本内容是上传图片，场景二是upload images，难道我每次都要去改组件的文本内容吗？，所以一般都是在外面把内容传进去达到

vue是一个mvvm框架，双向绑定是vue的一个核心功能，所谓双向绑定就是当试图发生改变的时候传递给VM(ViewModel ),让数据得到更新，当数据发生改变的时候传给VM(ViewModel ),使得视图发生变化！概念都知道，但是vue怎么做到的呢？看下面的一张图（图是搬运别人的）可能你现在看不明白，observer是什么东西，watchter，Dep又是什么东西? 没有关系，接下来只要你看完我这篇文章，保证给你整的明明白白！看上图，从左边开始 new MVVM 其实就是我new Vue(),我们一

vue2是对新手很友好的MVVM框架，有完善的官方中文文档，阅读起来也非常容易理解，由浅入深，示例完整。同时官方也提供了一个开箱即用的 vue-cli 帮我们生成一个完整的项目框架。vue.js 著名的全家桶系列, 包含了， vue-router, vuex， axios，再加上 vue-cli 就是一个从 路由，数据流管理，http请求都有的核心项目，vue 社区的丰富资源，也是满足了我们日常开发中的需求了。vue-cli 这个构建工具大大降低了 webpack 的使用难度，开箱即用的特性，大大降