最近，看了不少关于网络协议的文章。今天呢，我就把那些文章做个总结，然后加上自己的一些感悟，分享给大家。 我会从这以下几个方向跟大家分享：http、https、websocket协议发展历史什么是http协议？什么是https协议？什么是websocket协议？一、http、https、websocket协议发展历史1、http发展历史版本产生时间二、什么是http协议？1、http协议的定义htt

由于element上传图片的时候调用的 before-upload方法不能传参数，只能传文件，如下图所示：但是我们想要获得本次上传图片的索引值，没办法再这个方法里面传参数，如下图所示：我们想要获取当前索引值，就需要再包裹上传图片组件的div上面添加点击事件，点击获取当前索引值。代码如下://html部分<div class="relevanceGoods-box" v-if="...

我们做vue项目，一般会封装一些常用的组件，今天我就把我自己封装的搜索框分享给大家，样式简洁漂亮，点击搜索，input输入框会自动获取焦点。如下图所示html部分<template><div class="search_box"><div class="search_btn" @click="onShow" v-if="!isShow"><img @cli

最近做的一个项目，后端的接口由于某种的原因，一次性把所有的列表数据全部返回给前端了。所以需要前端做个滚动懒加载的功能，并把数据做个拦截处理。效果如下图所示：因为我的框架用得是：http://mint-ui.github.io/docs/#/zh-cn2/infinite-scrollhtml部分<divclass="progress_list"v-infinite-scroll="loadM

最近的项目需要调用打印机，把网上的一些资料整理一些，分享给大家，需要注意的是lodop会有脚标，如果想去掉脚标，只能先预览再打印，或者购买版权。lodop官网vue案例地址：点击进入安装打印机驱动，设置打印尺寸这里就先不分享了。直接上代码1、下载LodopFuncs.js文件，把js放在常用的js文件夹中2 、修改LodopFuncs.js文件//在文件最底部添加一行代码，把该文件中的...

首先我们用vue-cli新建项目。全局安装vue-clinpm install -g vue-cli创建一个名字为demo的项目。vue init webpack demo结果报错了，错误如下：在网上找了很多，没发现同样的错误，试了网上很多方法也不管用，然后看到一篇文章说要更新一下node.js和npm。试了一下，果然管用，更新方法如下：更新npmnpm i...

最近的项目上有个需求，生成带logo的二维码，网上大部分都是基于JQ插件jQuery.qrcode。对于vue项目并不适用，翻阅了大量资料后，我找到了qrcode-vue这款基于vue的生成二维码的插件，非常好用，分享给大家。官网地址点击进入：qrcode-vue安装组件npm install --save qrcode.vue # yarn add qrcode.vuehtml部分...

如同所示，实现上传视频的功能：html部分//element-ui提供的上传组件el-upload<el-uploadclass="avatar-uploader el-upload--text"action="#":show-file-list="false":before-upload="beforeUploadVideo"><vide...

html部分<div class="imgBox" :style="{backgroundImage:'url('+imgUrl+')'}"></div>css部分.imgBox{width: 250px;height: 150px;background-size: cover;}

如图所示，想要实现清晰表达当前项目的进度，可以使用百度的免费插件echarts。官网地址：https://echarts.apache.org/zh/index.html里面文档和api都很齐全，如果还是不太懂，可以去看看echarts社区的开发者开源的各种实例，非常齐全。地址：点击进入百度echarts安装我这里就不赘述，有大量的资料可以查询。下面我们就开始开发我们的项目进度条。...