Vue开发随手笔记第50页

vue项目api接口管理以及axios方法封装

在vue开发中，会涉及到很多接口的处理，当项目足够大时，就需要定义规范统一的接口，如何定义呢？方法可能不只一种，本文使用axios+async/await进行接口的统一管理。

叶落森·2020-08-09 05:59

Vue推荐VSCode开发必备的插件

流浪的的鱼·2020-08-09 05:55

Vue全局定义过滤器

需求：Vue开发过程中，通常会把后台数据特意处理之后再展示在页面上，例如展示百分比/时间戳/计算结果等...如果选择特意在methods中处理就会显得代码比较凌乱，且每个实例下面都需要复制该方法，无论是从性能上还是代码可维护性上来讲都不是很好的解决办法

米斯特曹、·2020-08-09 05:31

vue给标签动态绑定title

vue给标签动态绑定title在利用vue开发时，如果标签宽度比较小，我们需要利用overflow:hidden;text-overflow:ellipsis;white-space:nowrap;对其进行隐藏

七侠剑客·2020-08-09 05:15

Vue架构关于axios的http.js封装，Vue开发架构必选，统一管理后台请求

简介整个项目ajax请求统一封装，每次使用时不用写繁多的代码来请求只需一行代码就可以，使用时采用es8最新语法async和await将异步转换成同步，再也不用嵌套多层请求，一键打包不用开发环境和线上版本切换打包。http.js封装核心代码，简单看下复制即可importVuefrom'vue'importaxiosfrom'axios'//弹框基于vant框架,可自行引入import{Toast,D

sad summer·2020-08-09 04:29

圣思园JavaWeb随手笔记

1、html(超文本标记语言)(HyperTextMarkupLanguage)(.html/.htm)常用标签：hx/p/a/img/(table/tr/td)/(form/input/type/)浏览器内核：webkit(高速)/trident(兼容)(IE)/Chrom/FireFox/IE2、css(层叠式样式表)(.css)浏览器默认/外部样式表/内嵌样式表/行内样式表selecto

摘菜先生·2020-08-09 03:23

168.Vue.js智能扫码点餐系统（二）【搭建Vue开发环境】2019.03.18

0、知识点搭建开发环境1、搭建Vue开发环境2、安装vue-cli脚手架安装命令//第一种：npminstall--globalvue-cli//第二种cnpminstall--globalvue-cli3

youyouwuxin1234·2020-08-09 03:05

VUE基础入门第一个VUE项目（一）

Window10下VUE开发环境搭建开发环境准备Windows10+WebStorm+NodeJSWebStorm2018.2下载地址NodeJS下载地址安装环境安装NodeJs双击打开NodeJS安装包

清晨先生·2020-08-09 03:51

ffmpeg中音频解码方法（附代码）+ffmpeg音频解码播放速度快的问题（随手笔记，以供查阅）

最近在做一款取名为变速不变调播放器的时候，解码音频遇到了些问题（ffmpeg音频解码播放速度快的问题），网络上的方法对绝大多数的音视频文件有效，但是对于某些音频会有问题，比如某些ADPCM编码的WAV音频文件。直接贴音频解码部分的代码吧：intpkt_size=packet->size;for(;;)//解码，必须解码完，因为可能不止一帧数据。改变packet->data的指针{intgot_pi

周星星的星·2020-08-09 03:09

Vue开发中常用组件

1.vue-countTo(它是一个vue组件，将在指定的持续时间内计入目标数)安装使用:npminstallvue-count-to例子:importcountTofrom'vue-count-to';exportdefault{components:{countTo},data(){return{startVal:0,endVal:2017}}}演示demo:http://panjiachen

镜相人生·2020-08-09 01:48

Vue中的路由使用及添加参数

在一个系统中会由很多页面组成，在Vue开发中这些页面通常使用的是Vue中的组件来实现的，那么当在一个页面要跳转到另外一个页面的时候是通过改变url路径来实现的，那么这个时候Vue需要知道当前url对应的是哪个组件页面首页蔬菜水果肉类

南南合作·2020-08-09 01:08

手把手教你封装 Vue 组件并使用 NPM 发布

Vue开发插件我们可以先查看Vue的插件的开发规范我们开发的之后期望的结果是支持import、require或者直接使用script标签的形式引入，就像这样：ps:这里注意一下包的名字前缀是unisoft

weixin_34293911·2020-08-09 00:23

electron-vue开发爬坑指南

electron-vue开发遇到的爬坑过程，遇到了以下几种坑：1:静态资源目录访问不了，想访问放在static目录下的静态资源，使用express指定静态目录访问不到，解决办法：使用electron-vue

weixin_34150224·2020-08-09 00:02

小程序实现长按录音，上划取消发送

最近在使用mpvue开发小程序，需要用到录音功能，于是打算参照微信的录音方案："长按录音松开发送，上划取消发送"。在网上找了一圈都没发现相似的案例，没办法只能自己实现。

weixin_33991727·2020-08-09 00:51

vue组件el-dialog重新执行mounted方法的技巧

在Vue开发中，有时需要我在同一个列表中，多次加载同一个组件，但问题来了。

weixin_33976072·2020-08-09 00:48

使用vue开发pc前端及后台的项目总结(陆续更新)

1.让img标签适应比例缩放项目中做图片预览，如下图，效果要随着屏幕的大小来做自适应比例缩放，一开始用background-size:cover来做是可行的，但这里有包括上传图片的操作，而上传图片的文件流是blob流，用background-urlblob流是显示不出来的，所以这里需要用img标签，但标签我们通过指定宽度图片容易变形，所以在想css3有没有提供像background-size这样的

weixin_33974433·2020-08-09 00:47

npm 安装vue开发环境时报错

npminstall出现"UnexpectedendofJSONinputwhileparsingnear"错误解决方法npmcacheclean--force即可解决pminstall出现”UnexpectedendofJSONinputwhileparsingnear”错误。[email protected]:Ifusing2.xbranch,pleaseupgrade

透心凉℃·2020-08-08 22:42

VUE 开发一套自己的时间轴

最近做VUE开发，要实现时间轴功能，先看效果图这个空间的主要功能点是蓝色竖线的距离和竖线要随着文字的增多而自动变长，实现思路是竖线为右侧的border-left第一个原点为实心，这里循环的时候判断下即可

tangzhengdz·2020-08-08 21:42

Webstorm 代码格式化空格不一致问题

问题背景：vue开发，使用ESLlint作为代码格式校验问题描述：webstormforwindows和formacos，使用快捷键代码格式化结果不一致，导致有些格式需要自己手动修改的问题。

slw632915651·2020-08-08 21:57

vue开发：如何将小数转化为整数

number(){letnumber=7/100letstr=Number(number*100).toFixed(0)returnstr},首先要写Number（），这是一个接口，其次toFixed(N)是Number接口中的方法，意思是保留N位小数因为输出7的时候，总会输出成7.000000000000001，所以想了这么个方法，有好的方法大家可以一起来分享Number接口还有以下方法：int

Myra敏敏·2020-08-08 19:25

vue开发微信自定义分享记录

微信官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#2项目中单独写了个wechat.js作为全局引入的，因为不只一个页面需要做分享，根据需要开发即可importVuefrom'vue';importwxfrom'weixin-js-sdk';Vue.use(wx);exportdefault

lqzh_101224·2020-08-08 17:37

大型项目实战Vue+Vuex+Koa2+Socket.io+Jssdk联合打造无人点餐系统

课程简介此套视频教程为2018年推出的，项目使用Vue+Vuex+Koa2+Socket.io+Jssdk+小票打印机打造无人点餐系统，课程视频、课件、源码齐全，手把手教会学员用Vue开发一个颠覆传统点餐系统的智能点单系统

di_pingxian·2020-08-08 15:46

Element el-upload上传组件详解

作者：岗伯伯链接：https://www.jianshu.com/p/84b727a4b58a来源：简书upload上传是前端开发很常用的一个功能，在Vue开发中常用的Element组件库也提供了非常好用的

不动的指南针·2020-08-08 14:23

基于npm Vue-cli 的安装&&vue-cli创建项目目录结构解释

webpack-simple-一个简单webpack+vue-loader的模板，不包含其他功能，让你快速构建vue开发

程序猪珠·2020-08-08 13:53

VSCode Vue开发推荐插件和VSCode快捷键(小结)

·2020-08-08 11:46

Vue.js-Day04-PM【axios（安装、使用）】

只不过我们在Vue开发的时候，数据请求的时候---->通常喜

是您啊，哒哒子前辈！·2020-08-08 10:26

微信小程序获取用户位置坐标，调用腾讯地图api，转换成地区

需求：首页获取用户位置坐标，转换成功实际省市区，寄存在缓存中；项目开发使用的是美团的mpvue，谁用谁知道（坑有不少但对于习惯vue开发的，也挺友好！）

where_slr·2020-08-08 03:47

vue环境配置及vscode调试

配置脚本在vue_install.sh详细说明链接mac安装vue开发环境以下展示shell内容的详细信息。#!/bin/bash-v#set-vecho"vrew版本."

冰_封·2020-08-08 01:16

Vue2.0 ElementUI MintUI 安装全过程

Vue开发速度确实很快所以在这里记录了安装全过程供大家参考一,安装node.jshttps://nodejs.org/en/download/安装非常简单我下载的windows64位版本的安装包一路下一步搞定然后在

沈阳-施立·2020-08-07 21:20

Vue开发环境搭建，初始化项目详解(Mac 版)

一、引言小编说了学习什么从不后悔，那么今天继续来说使用Vue之前需要做些什么准备工作。说句题外话，今天终于出太阳啦，哈哈哈好开森。二、Node安装首先，我们需要安装一个Node环境，就好比如你开发Java要安装一个JDK环境一个道理。项目的初始化、打包等都需要用的Node环境，Mac、Windows都有。下载地址安装步骤就不详细说啦，和平时安装软件一样的，安装完成验证在命令窗口输入"node-v"

IT贱男·2020-08-07 20:57

Vue的elementUI实现自定义主题

使用vue开发项目，用到elementUI，根据官网的写法，我们可以自定义主题来适应我们的项目要求，下面来介绍一下两种方法实现的具体步骤，（可以参考官方文档自定义主题官方文档），先说项目中没有使用scss

wangcuiling_123·2020-08-07 19:22

vue开发----关于文件下载跨域的解决方法

情况说明：项目将文件储存在第三方服务器（阿里云）上，在下载文件的时候，需要跨域，将处理过程记录如下。第一次尝试：（还不是跨域问题）刚开始的时候，因为能获取到文件的URL地址，所以尝试以标签的形式下载，代码如下：//下载按钮点击事件fileDownload(url,fileName){letele=document.createElement('a');ele.download=fileName;e

Crazy_LinkFern·2020-08-07 16:28

Vue开发中使用.env配置开发和生产环境中不同的变量

使用.env文件可以方便的配置开发调试环境和服务器正式部署的生产环境中使用两套不同的配置文件,以实现代码中不用来回切换要访问的api接口路径需求.官方文档https://cli.vuejs.org/zh/guide/mode-and-env.html创建.env文件在vue项目的根目录下分别创建.env.development和.env.production两个文本文件分别用于开发和生产环境.en

DexterLien·2020-08-07 15:19

GPS定位系统源码

GPS定位系统源码，包含安卓定位软件，前端使用vue开发，后端采用Java。完美支持jt808部标设备、康凯斯gt02gt06、天琴协议、博实结、支持各种儿童手表。

ljczc·2020-08-07 15:26

关于 vue.js 运行环境的搭建（mac）

上周因为给女朋友电脑配开发环境，之前没接触过，就百度找到这一篇，成功配置了vue开发环境；由于mac非常人性化的将bash内置于终端中，因此可以直接在终端中使用bash命令。

acbpca2411·2020-08-07 12:48

vue中监听路由参数变化

vue中监听路由参数变化使用vue开发项目遇到一个这样的问题：在同一个路由下，只改变路由后面的参数值，比如在这个页面/aaa?id=1，在这个页面中点击一个按钮后跳转到/aaa?

TJH000·2020-08-07 12:30

vue开发H5城市三级联动（代码全）

看图说话：1.安装组件：npminstallv-distpicker--save2.调用代码（全）：{{province}}{{city}}{{area}}不限地区╳╳╳importVDistpickerfrom'v-distpicker'exportdefault{components:{VDistpicker},name:'index',data(){return{addInp:false,m

qq_42221334·2020-08-07 10:19

CSS样式修改不换行显示省略号及多行显示省略号

那么我们都知道这个功能是CSS就能实现的，但是我们可能会经常忘记这些CSS属性，或者会记得比较混乱，那么我们就来看一下怎么实现超出文本显示省略号的功能实现吧：下面我以vue开发为例给大家上一段正常的修饰代码

나 를 사랑 해요·2020-08-06 12:41

Vue开发者必会的基础知识盘点

Vue中的数据和DOM已经被关联起来，所有的东西都是响应式的。注意我们不再和HTML直接交互。一个Vue应用会将其挂载到DOM元素上然后对齐进行完全的控制，那个HTML是我们的入口，但是其他的都会发生在新创建的Vue实例内部。详情可见MVVM原理极其实现。下面是Vue的一些基本知识点相关学习跟应用，差缺补漏吧。Vue.js官网好好看一遍还是很香的。Vue实例1、实例声明周期钩子函数8个声明周期函数

若羽沫·2020-08-06 10:57

vue项目下载协议功能

vue开发项目，遇到下载协议问题，已解决，和大家分享一下～downloadHandle(){letitemData={ptojeatId：this.ptojeatId}AgementList（this.ptojeatId

莉莉呀·2020-08-06 04:31

vue开发去哪儿网App的知识点和错误点整理

简介：vue开发去哪儿网App项目是跟着慕课网上面的教程进行学习、编码完成的。

长不胖的麦兜·2020-08-05 22:23

Vue动态路由使用（后端控制）

使用VUE开发后台管理系统完全由后端控制左边菜单项思路在传统开发后台管理系统时，都会涉及权限控制这一功能需求即：根据不同登录的角色账号来使用该账号拥有的功能，也就是说系统左边的菜单栏不是固定不变的，而是根据登录账号的权限去动态控制的

ZHANG___666·2020-08-05 22:45

Cordova+Vue开发Android应用

转载自：https://www.jianshu.com/p/037e4634432d一、安装Npm这里就不给出具体安装了，可以百度一下或者参考下面链接。node.js安装官方文档二、安装Vue脚手架执行命令:cnpminstall--globalvue-cli三、安装Cordova已经安装cordova则跳过,否则执行下面命令：npminstall-gcordova四、创建Cordova项目官

uniquemei·2020-08-05 22:49

vue+cordova移动端Android开发环境配置

vue+cordova移动端Android开发环境配置配置Vue开发环境安装Cordova配置Android开发环境安装jdk配置AndroidSDKa.下载并安装AndroidStudiob.下载并配置

走在大前端的路上·2020-08-05 22:43

mpvue开发微信小程序上传图片（附后端代码）（含城市联动，多项选择功能代码全）

小程序也是可以上传图片的，微信小程序文档也写的很清楚。先看效果图GIF上传图片通过wx.chooseImage(OBJECT)实现官方示例代码wx.chooseImage({count:1,//默认9sizeType:['original','compressed'],//可以指定是原图还是压缩图，默认二者都有sourceType:['album','camera'],//可以指定来源是相册还是相

qq_42221334·2020-08-05 21:46

原生小程序转mpvue踩坑总结

坑一：mpvue开发小程序时候，要添加静态本地图片报错：VM14878:2Failedtoloadlocalimageresource/images/bg.pngtheserverrespondedwithastatusof404

IWTF·2020-08-05 21:42

cordova+vue开发APP

一、安装cordova，配置环境npminstall-gcordova自行配置环境，主要是AndroidSDK二、创建项目cordovacreatehelp创建提示cordovacreatehello三、添加平台cordovaplatformaddandroidcordovaplatformaddioscordovaplatformaddbrowser在浏览器运行cordovarunbrowser

chiwen_wen·2020-08-05 21:32

Visual Studio Code + node.js搭建VUE开发环境（解决：it does not contain a package.json file问题）

背景：学习前端知识，离不开VUE目的：搭建VUE开发环境组网图：不涉及工具：vscode1.41.0node-v12.16.1-x64简介：VisualStudioCode+node.js搭建VUE开发环境

just_花生·2020-08-05 21:25

VUE创建webpack项目，解决downloading，以及下载离线webpack

1KOVvvZleM9myNbQ2Ji75ag提取码：9rcs工具：vscode1.41.0node-v12.16.1-x64vue-cli2.9.6简介：环境搭建见本人博客：VisualStudioCode+node.js搭建VUE