logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

react组件中的constructor和super小知识

1、react中用class申明的类一些小知识如上图:类Child是通过class关键字申明,并且继承于类React。A、Child的类型是? typeofChild === 'function', 其实就相当于ES5用function申明的构造函数function Child() { //申明构造函数 }B、Child类调用时候( new Child() ),会优先执行,并且自动执行Child的

vuex存储与本地储存(localstorage、sessionstorage)的区别

1.区别:vuex存储在内存,localstorage(本地存储)则以文件的方式存储在本地,永久保存(不主动删除,则一直存在);sessionstorage( 会话存储 ) ,临时保存。localStorage和sessionStorage只能存储字符串类型,对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理2.应用场景:vuex用于组件之间的传值,

vuedraggable实现拖拽效果

工作中使用了基于vue的拖动组件vuedraggable,在这里进行一些总结。详细的官网案例:https://www.npmjs.com/package/vuedraggable1.简单的拖动使用<template><div><draggable @start="start" @end="end">&l...

VUE操作数组方法

变异方法 ------>>>> 会改变被调用的原始数组push()方法可向数组的末尾添加一个或多个元素,并返回新的长度。let arrayPush = []arrayPush.push(1)arrayPush.push(3)arrayPush.push(2)console.log(arrayPush) //=> [1,3,2]pop()方法用于删除并返回数组的最后一个

Vuex的单向数据流

随着前端的项目的越来越复杂,出现了一堆概念来降低开发的复杂性。单向数据流就是其中一个。如果项目很简单,不需要用单向数据流。单向数据流是什么单向数据流指只能从一个方向来修改状态。下图是单向数据流的极简示意:单向数据流的极简示意与单向数据流对对应的是双向数据流(也叫双向绑定)。在双向数据流中,Model(可以理解为状态的集合) 中可以修改自己或其他Model的状态, 用户的操作(如在输入框中输入内容)

windows下nvm安装node之后npm命令找不到问题解决办法

主要关键解解决办法:===》》适用于所有东西的安装安装有关环境配置类的软件及其他,一般情况下切记不要安装到c盘programfiles下,否则会出现各种问题的报错!!!切记!nvm安装步骤:1、下载nvm-setup安装包2、打开安装包,选择nvm的存放路径,以及nodejs的存放路径,这里切记不要选择到c:/program files,这里的两个路径是为了自动在系统中添加环境变量的路径;3、打开

axios添加axios.all和axios.spread方法,与promise.all

前言在官方 axios 中,还提供了 axios.all和axios.spread 这两个方法,这两个方法主要是为了执行多个并发请求,官方文档中,它们的用法示例如下:function getUserAccount() {return axios.get(’/user/12345’);}function getUserPermissions() {return axios.get(’...

mini-css-extract-plugin插件快速入门

前言webpack 4.0以前,我们通过extract-text-webpack-plugin插件,把css样式从js文件中提取到单独的css文件中。extract-text-webpack-plugin插件的优缺点:更多介绍请看移步:webpack.docschina.org/plugins/ext…webpack 4.0以后,官方推荐使用mini-css-extract-plugin插件来打包

到底了