vue实现app问题总结(一)vue-cli本地开发数据Mock

方法一采用node的express搭建服务一.旧版本存在dev-server.js的配置方法build下的dev-server.js中配置在const app = express()后,const compiler = webpack(webpackConfig)前配置即可,var appData = require(../data.json)var seller = appData.sellervar goods = appData.goodsvar ratings = appDat_res.json(mock[txtnum](req.body))报错
分类: 其他 发布时间: 08-04 23:15 阅读次数: 0

An unexpected error occurred: “EPERM: operation not permitted, unlink

1、安装划动切换插件Swiper出现的问题,报错提示unlink \\\\node_modules\\\\node-sass\\\\vendor\\\\win32-x64-57\\\\binding.node2、网上有解决方法但是没有尝试成功,最后解决方式是删除binding.node文件后,重新执行yarn命令,重新安装依赖3、再执行命令yarn add vue-awesome-swiper --save 就安装成功了..._an unexpected error occurred: eperm: operation not permitted, unlink i:\\\\w
分类: 其他 发布时间: 08-04 23:15 阅读次数: 0

【Vue】插件:五、style-resources-loader 配置全局less变量

1. 插件安装前提:附属插件安装确保已安装less、less-loaderless官方安装及使用文档:https://www.npmjs.com/package/lessnpm i lessless-loader官方安装及使用文档:https://www.npmjs.com/package/less-loadernpm i less-loader或npm install less-loader --save-dev或npm install -D les.._一定要安装 style-resources-loader 插件
分类: 其他 发布时间: 08-04 23:15 阅读次数: 0

vue-baidu-map插件中bm-marker组件嵌套bm-info-window组件使用,在地图上生成多个点

template: markers: [ { lng: 113.001546, lat: 28.20648, name: 测试矛盾111, showFlag: false //flag放在每一条数据里 }, { lng: 113.001546, lat: 27.20648, name: 测试矛盾112,_bm-info-window 多个描点
分类: 其他 发布时间: 08-04 23:15 阅读次数: 0

vue @click.native和@click.stop和@click.self

参考一:vue @click.native 原生点击事件:1,给vue组件绑定事件时候,必须加上native ,不然不会生效(监听根元素的原生事件,使用.native修饰符)2,等同于在自组件中: 子组件内部处理click事件然后向外发送click事件:$emit(click.fn)参考二:在事件处理器中经常需要调用event.preventDefault()或event.stopPropagation()。尽管我们在方法内可以轻松做到,不过让方法是纯粹的数据逻辑而..._click.stop click.self
分类: 其他 发布时间: 08-04 23:14 阅读次数: 0

vuex实现兄弟组件之间传值

vuex传值  我的早前的一篇博客vue之间的传值,那时还没有去了解vuex所以没有做这方面的笔记,昨天认真看了一下网上讲解的虽然不能说全部理解透,但是有了一个大致的理解。  vuex主要用于管理vue中的数据,但是网上说最好大型项目用,其他的一些中小型或者小型的项目能别用尽量别用(现在还不太理解),vuex中主要包含四类:state、getter、mutations、actions,之间的关系如下图:  从上图可以很清晰的看到每个状态之间的触发的方法,其中,state主要用于管理项目的数据(进行数_.
分类: 其他 发布时间: 08-04 23:14 阅读次数: 0

关于vuex中state改变之后的操作

现在我的需求就是通过点击按钮来改变state的值,然后再其他组件内监听state值的改变来执行一个方法,computed是监听只改变之后返回一个值,如果要执行一个方法是用什么,watch吗?有大神知道的讲解一下啊。场景:头部组件有一个播放按钮,递减可以改变播放的状态,中间有音频播放控件组件,监听到播放状态的改变之后,执行play()或pause()方法。使用computed返回state的值,再使用watch来检测computed返回的值,通过使用this.$store.commit来触_.
分类: 其他 发布时间: 08-04 23:14 阅读次数: 0

Vue中的v-slot详解,作用域插槽和具名插槽

1、具名插槽有时候我们希望在指定的位置输出我们的子元素,这时候具名插槽就排上了用场。//组件调用时<MyFooter v-red :age.sync=age> <template v-slot:footer> //这里v-slot:后边的值与组件内的slot的name属性对应,也就是插槽的名称。 <div>list</div> </template></MyFooter>//书写组件时<t..._vue的v-slot替代作用域插槽
分类: 其他 发布时间: 08-04 23:13 阅读次数: 0

Unable to preventDefault inside passive event listener due to target being treated as passive. See

翻译一下:chrome 监听touch类事件报错:无法被动侦听事件preventDefault,是新版本chrome 浏览器报错。说明:说一下这个 preventDefault()是个什么鬼,这个是取消默认事件的,如果这个函数起作用的,比如默认的表单提交,a链接的点击跳转,就不好用了。原因:google浏览器为了最快速的相应touch事件,做出的改变。历史:当浏览器首先对默认的事件进行响应的时候,要检查一下是否进行了默认事件的取消。这样就在响应滑动操作之前有那么一丝丝的耽误时间。现在:googl_.
分类: 其他 发布时间: 08-04 23:13 阅读次数: 0

Vue-cli3的favicon修改问题

新的项目用vue-cli3来搭,以前都是用vue-cli2来做,一开始还有些不熟悉。在项目快结束的时候正好需要更换浏览器导航的icon,发现并没有那么简单。。。一开始就以为简单的在public文件夹中的index.html中更换:<link rel=icon href=<%= BASE_URL %>favicon.ico>目录结果并不起作用。。。在网上找了一堆答案,但是都是vue-cli2的,最后没办法只好回去看官方配置,发现原来是缺少了pwa这._.
分类: 其他 发布时间: 08-04 23:13 阅读次数: 0

vscode设置快捷键,使得sctrl+s自动修复eslint的问题

editor.codeActionsOnSave: { source.fixAll.eslint: true }, 关闭vscode,重启项目,打开有eslint的问题,比如换行,缺少分号等,ctrl+s可以自动修复啦_.
分类: 其他 发布时间: 08-04 23:13 阅读次数: 0

安装虚拟机和docker封装

安装虚拟机和docker封装一.下载安装VirtualBox官网下载VirtualBox安装就不说了,一直next就行了。二.配置并安装虚拟机先运行VirtulBox程序,打开程序后第一件事当然是配置啦。 按 CTRL+G打开全局设定 ,根据自己的喜好设定界面语言。2.设置虚拟机的位置,这里我设置在D盘,到时方便找到虚拟机的位置。三。安装Ubuntu创建虚拟机,点击新建,..._安装docker前安装虚拟机
分类: 其他 发布时间: 08-04 23:12 阅读次数: 0

C语言条件表达式

C语言条件表达式记录一下学习情况。c语言的条件表达式规格如下条件表达式的一般形式为表达式1?表达式2:表达式3;if(a>b) max=a;else max=b;//对应条件表达式max=(a>b)?a:b;//也可以写成 a>b?(max=a):(max=b);if(a>b) printf(%d,a);else..._c语言条件表达式教案
分类: 其他 发布时间: 08-04 23:12 阅读次数: 0

VMware下Linux虚拟机无法连接网络

VMware下虚拟机无法连接网络1.ubuntu16 LTS下1.查看window下开启VMware NAT service首先打开任务管理器,点击服务选项卡。找到VMware的服务,并开启。然后重启虚拟机查看是否连上网络。2.查看VMware的网络适配器是否配置正确然后勾选虚拟机右上角的网络连接图标点击Enable Networking然后进终端输入ifconfig -a ..._.
分类: 其他 发布时间: 08-04 23:12 阅读次数: 0

Tomcat的安装和运行

Tomcat的安装和运行1.了解tomcat​ Tomcat 服务器是一个免费的开放源代码的Web 应用服务器,属于轻量级应用服务器。​ 这是安装后连接的画面。2.安装tomcat​ 1.首先在本地下载压缩包,再通过Xftp上传压缩文件到远程服务器。​ 2.连接远程服务器,找到压缩包所在的位置,输入以下指令进行解压。tar -xzvf filena..._tomcat安装与运行
分类: 其他 发布时间: 08-04 23:12 阅读次数: 0

pycharm里鼠标右键失效解决方法

pycharm里鼠标右键失效解决方法具体情况如下,鼠标右键无法弹出以下选项框的。解决方法如下,通过桌面快捷方式找到pycharm64原程序,然后通过原程序打开,或者删除桌面原快捷方式,通过pycharm64原程序新建桌面快捷式代替原桌面快捷式。原应用程序,通过新建快捷式,或者通过原应用程序打开。..._pycharm右键无法使用
分类: 其他 发布时间: 08-04 23:11 阅读次数: 0

java基础总结(小白向)

java入门基础总结1.类和对象的理解​ 理解类和对象对应学习Java尤其重要,可以说类和对象贯穿整个Java语言。我们先给出类和对象比较官方的介绍。​ 类:具有相同属性和方法的一组对象的集合。​ 对象:类的一个具体实例。​ --属性:对象的静态描述​ --方法:对象的动态描述(可以是主动也可以是被动的描述)​ 看似有一点高深,其实翻译成比较容易理解的大白话,就是模板和个体。打个比方..._.
分类: 其他 发布时间: 08-04 23:11 阅读次数: 0

BufferedReader和FileReader的区别

BufferedReader和FileReader的区别​ BufferedReader和BufferedWriter在内存中会自带一个8kb的字节缓冲区,并且他提供了一个程序员比较喜欢用的方法readLine();方法。​ 从效率上讲,如果你从内存中自定义一个8kb的Byte[]数值来当缓冲区,调用FileWriter和FileWriter来进行读写,效率上是差不多的。//通过Buff..._bufferedreader和filereader
分类: 其他 发布时间: 08-04 23:11 阅读次数: 0

Java 线程(JVM 层面)的生命周期

在Java领域,实现并发程序的主要手段就是多线程。线程是操作系统里的一个概念,Java语言里的线程本质上就是操作系统的线程,它们是一一对的。通用的线程生命周期(在操作系统调度层面)Java线程(JVM层面)的生命周期可以简化为下图:Java语言里细化了休眠状态,把可运行状态和运行状态合并了1.RUNNABLE与BLOCKED的状态转换线程等待synchronized的隐式锁,等待的线程就会从RUN
分类: 编程语言 发布时间: 08-04 23:11 阅读次数: 0

LTD第90次升级 | 电脑创建企业,手机管理物料;PC移动全打通,全网营销乐通达!

官微中心新增PC端创建企业与邀请成员功能; 乐通达App新增文章管理与海报管理功能; 社交商城新增手机号绑定功能;
分类: 企业开发 发布时间: 08-04 23:11 阅读次数: 0