博客

每天进步一点点~~~

vue-cli 3.0 配置

最近上手试了试vue-cli(v3.0.0-rc.5),小结一下 1.环境变量相关 在一般项目中我们针对不同的开发环境会配置不同的环境变量: 开发环境(development) 测试环境(production) 发布环境(release) 1.在项目根目录下新建三个文件:.env....

2018-07-18 15:48:30

阅读数 4646

评论数 4

vue分环境打包

      在项目开发中,我们的项目一般分为开发版、测试版、Pre版、Prod版。Vue-cli的默认环境一只有dev和prod两个,之前每次...

2018-04-22 14:37:56

阅读数 808

评论数 0

vue 微信分享至朋友圈&&分享至朋友代码封装

1.新建share.js文件 import {shareSDK} from "../api/common";//分享api import wx from 'weixin-js-sdk' export const shareTitle = '测试'; expo...

2018-04-01 17:20:05

阅读数 1991

评论数 2

vue移动端微信授权登录插件封装

1.新建wechatAuth.js文件 const queryString = require('query-string') //应用授权作用域,snsapi_base (不弹出授权页面,直接跳转,只能获取用户openid),snsapi_userinfo (弹出授权页面,可通过openi...

2018-03-29 15:40:45

阅读数 8006

评论数 35

js下载base64格式的图片

直接看代码 //下载图片 download() { let imgData = 'data:image/png;base64,iVBORw0KGgoAAAANSUh........'; this.downloadFile('测试.png...

2018-01-18 11:42:07

阅读数 9596

评论数 8

vue项目中实现扫码功能

      最近在项目中碰见一个打开摄像头扫码的功能,项目最后打包成app,用的是hBuilder打的包,刚好hBuilder打包集成H5+sdk,就可以直接用人家的sdk了。       demo地址:vue-scan-demo       以下是代码实现: &am...

2018-01-02 14:49:02

阅读数 15597

评论数 47

封装简单的axios库

1.新建http.js文件,封装axios get post 方法 import axios from 'axios' import qs from 'qs' import 'es6-promise' axios.defaults.baseURL = '/api'; export fun...

2017-12-15 09:38:07

阅读数 5049

评论数 8

解决vue-cli npm run build之后vendor.js文件过大的问题

问题     &...

2017-11-22 09:15:54

阅读数 13146

评论数 24

在Vue项目中使用easyScroll滚动条插件

插件github地址:https://github.com/GarveyZuo/EasyScroll/1.插件采用jsx语法,使用前需要安装vue-jsx插件:npm install\ babel-plugin-syntax-jsx\ babel-plugin-transform-vue-...

2017-09-20 16:21:04

阅读数 9529

评论数 2

vue项目中使用echarts

vue-cli创建的项目中1.安装echarts依赖cnpm install echarts -S2.在需要创建图表的页面中按需引入<div class="chart" ref="chartOne" :style="{width: '300p...

2017-08-30 09:34:08

阅读数 3325

评论数 0

vue项目中使用ueditor

以vue-cli生成的项目为例1.static文件夹下先放入ueditor文件2.index.html添加如下代码&lt;script type=&quot;text/javascript&quot; charset=&quot;utf-8&quot; sr...

2017-08-23 16:24:21

阅读数 7811

评论数 7

vue-router实现路由懒加载

在项目router/index.js文件中将import Recommend from 'components/recommend/recommend'更改为const Recommend = (resolve) =&gt; { import('components/recommend...

2017-07-13 17:52:22

阅读数 2694

评论数 0

当better-scroll遇见Vue

作者: ustbhuangyi 链接:http://www.imooc.com/article/18232      在我们日常的移动端项目开发中,处理滚动列表是再常见不过的需求了,以滴滴为例,可以是这样竖向滚动的列表,如图所示:       也可以是横向滚动的导...

2017-06-16 19:06:41

阅读数 3763

评论数 2

FastClick插件

处理移动端 click 事件 300 毫秒延迟, 由 FT Labs 开发,Github 项目地址:https://github.com/ftlabs/fastclick 。1.为什么存在延迟?从点击屏幕上的元素到触发元素的 click 事件,移动浏览器会有大约 300 毫秒的等待时间。为什么这么...

2017-06-06 12:41:46

阅读数 3641

评论数 0

vue-cli webpack中引入jquery

1.首先在package.json里的dependencies加入"jquery" : "^2.2.3",然后install2.在webpack.base.conf.js里加入var webpack = require("webpack"...

2017-05-02 10:16:31

阅读数 648

评论数 0

如何在vue项目中使用md5.js及base64.js

一、在项目根目录下安装npm install --save js-base64 npm install --save js-md5二、在项目文件中引入import md5 from 'js-md5';let Base64 = require('js-base64').Base64;三、在项目文件中...

2017-04-24 14:19:58

阅读数 40850

评论数 4

在vue项目中使用Nprogress.js进度条

Ajaxyy应用程序的细长进度条。灵感来自Google,YouTube和Medium。在vue中使用nprogress.js安装$ bower install --save nprogress $ npm install --save nprogress在项目中引入在main.js中引入要使用的n...

2017-04-14 12:37:26

阅读数 15865

评论数 1

Vue-resource中post请求将data数据以request payload转换为form data的形式

这是当初我使用vue-resource中post请求时的一个坑,vue-resource中post发送的数据默认以request payload的形式,而一般我们使用的都是form data的形式。如何更改其形式只需要在main.js中写入以下代码:Vue.http.options.emulate...

2017-04-14 11:19:07

阅读数 11089

评论数 1

Vue.js 中 v-if 和 v-show 有什么区别?

简单来说,v-if 的初始化较快,但切换代价高;v-show 初始化慢,但切换成本低。具体解释如下:v-show 渲染页面结构后,通过 "display:none" 控制元素状态。所以初始化时间较长。v-if 是懒计算,如果条件为false,它什么也不做,加载速度较快。当条件为...

2017-03-02 10:36:17

阅读数 248

评论数 0

vue与angular的区别

vue仅仅是mvvm中的view层,只是一个如jquery般的工具库,而不是框架,而angular而是mvvm框架。 vue的双向邦定是基于ES5 中的 getter/setters来实现的,而angular而是由自己实现一套模版编译规则,需要进行所谓的“脏”检查,vue则不需要。因此,vue在性...

2017-02-07 20:28:34

阅读数 35820

评论数 3

提示
确定要删除当前文章?
取消 删除
关闭
关闭