logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

VScode使用NPM SCRIPTS:vscode侧栏查看package.json中的scripts脚本并运行

安装插件:npm-scripts安装之后,在侧栏可以看到NPM SCRIPTS:此时点击一条命令,如点击serve,会在控制台出现一条命令: auto run serve,并出现报错信息设置Package Manager设置 --> 用户 --> 扩展 --> Npm --> Package Manager --> 设置成npm(默认是auto)完成以上设置后,就可以

#vscode#npm
vue 实现树状流程图的CUD(新增~修改~删除)

效果图实现原理1.放弃div的flex布局, 利用table可以更好地控制新增子节点的对齐,利用::before和::after实现虚线,不需要多余的div2.使用组件递归,利用子传父emit传值,v−on="emit传值,v-on="emit传值,v−on="listeners"实现跨层级事件监听父组件.vue<template><div id="app"><Tre

@vue/cli(vue脚手架3)区分打包build文件 测试环境和生产环境

问题:在开发阶段有时候需要build打包上传到uat测试环境(一般是移动端项目)进行测试,当某些功能已经测试完成需要发布到正式环境时,通常需要更改一些配置,比如baseURL,如果每次都手动更改会比较麻烦,因为我们可以通过以下配置来区分。分析:在开发阶段,process.env.NODE_ENV是development,而打包build后,process.env.NODE_ENV是product.

#vue.js#前端
图片压缩插件image-compressor.js的使用和解决图片旋转问题(vue)

1.安装yarn add image-compressor.js / npm i image-compressor.js2.引入import ImageCompressor from “image-compressor.js”3.使用语法:new ImageCompressor(file, [options])<input type="file" id="file" accept="imag

#html5
一篇文章带你彻底理解vue @click.native~.prevent~.stop~.self~.once

一.vue @click.nativenative就是把组件变回原生DOM的一种方式,相当于给组件绑定原生事件// 父组件.vue<tree @click.native="clickTree"></tree>// 如果不使用.native,在子组件tree上绑定click是不会执行的,需要在tree.vue中使用$emit传递事件,再在父组件中接收事件// 使用了.nati

#html
到底了