- 博客(45)
- 收藏
- 关注
RSS订阅转载 Vue打包后部署NGINX，router mode history
server { listen 80; server_name localhost; index index.html; root / root / dist; location / { root / root / dist; try_files $uri $uri / /index.html = 404 ; }}...
2019-04-22 12:35:12
537
转载 Vue中央事件总线bus
大家都知道，一个，可以作为一个简单的组件传递数据，用于解决跨级和兄弟组件通信问题，那么，这篇文字，我将使用这种思想，将bus封装为一个Vue的插件，可以在所有的组件间任意使用，而不需要导入bus。首先，我们使用vue-cli创建一个项目vue-bus, 在src目录下，新建vue-bus.js文件，vue-bus插件像vue-router 和 Vuex一样，给Vue对象添加一个属性$bus...
2019-04-19 11:08:49
552
转载 vue-cli3 一直运行 /sockjs-node/info?t= 解决方案
vue-cli3 一直运行 /sockjs-node/info?t= 解决方案首先sockjs-node是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。服务端：sockjs-node（https://github.com/sockjs/sockjs-node）客户端：sockjs-clien（http...
2019-04-18 18:15:42
4067
2
原创 flex.css
/* 定义元素是flex*/.flex { display: box; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;}/* 主轴方向从左到右 */.flex-zLeftRight {...
2018-09-18 18:02:30
476
转载 图片中添加隐藏信息
<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='renderer' content='webkit'> <meta name='renderer' content='ie-stand'> ...
2018-09-18 16:47:21
1810
转载 给网页添加水印
HTML：<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
2018-09-18 15:28:12
3085
转载 类数组或者是函数的参数转为数组
// 将类数组或者函数中的参数转化为数组 function toArray(arg){ try{ return Array.prototype.slice.call(arg,0); }catch{ var arr = []; for(va...
2018-09-10 15:11:01
166
原创 用axios发送请求获取reponse header中的数据
在使用CORS解决跨域的请求中，默认只能取到Content-Language Content-Type Expires Last-Modified Pragma五个reponse header 值。如果想获取到其他的值，需要服务器在header中设置Access-Control-Expose-Headers : sessionID ， key1 , key2...
2018-09-08 17:17:15
35572
4
原创 js根据银行卡号进行判断属于哪个银行并返回银行卡类型
1. checkCard.js//cardType:DC->储蓄卡,CC->信用卡export function bankCardAttribution(bankCard) { var cardTypeMap = { DC: "储蓄卡", CC: "信用卡", SCC: "准贷记卡", PC: "预付费卡" }; funct...
2018-08-30 17:23:20
4236
1
原创 vue密码强度组件
1. checkpassStrong.jsexport function checkStrong(sValue) { var modes = 0; //正则表达式验证符合要求的 if (sValue.length < 1) return modes; if (/\d/.test(sValue)) modes++; //数字 if (/[a-z]/.test(sVal...
2018-08-30 16:53:18
5994
原创 WebStorageCache 给local storage添加过期日期
webStorageCacheimport WebStorageCache from 'web-storage-cache'var wsCache = new WebStorageCache();// cache 'wqteam' at 'username', expired in 100 secondswsCache.set('username', 'wqteam', {exp : ...
2018-08-28 16:24:29
580
原创 使用vconsole查看移动端的控制台
1. cnpm i vconsole2. 在static文件下新建utils/vconsole.jsimport Vconsole from 'vconsole';let vConsole = new Vconsole();export default vConsole;3. 在main.js中引入/* eslint-disable no-unused-vars */i...
2018-08-27 17:54:19
2545
原创 Vue中导出Excel文件
1 . 在文件中引入Blob.js & Export2Excel.js文件 ；例如我将文件放在src/plugins/vendor/ ;2. Blob.js/* eslint-disable *//* Blob.js * A Blob implementation. * 2014-05-27 * * By Eli Grey, http://eligrey.com * ...
2018-08-13 17:20:22
1748
3
原创 使用mintUI中的loadmore组件实现下拉加载，下拉刷新的功能
1. import MintUI from 'mint-ui'; //按需引入import 'mint-ui/lib/style.css'Vue.use(MintUI);// Vue.component('mt-loadmore',Loadmore);2. <template> <div class="page-loadmore"> &l...
2018-08-13 11:59:37
822
转载 使用mintUI实现下拉刷新上拉加载
<template> <div class="page-loadmore"> <h1 class="page-title">Pull up</h1> <p class="page-loadmore-desc">在列表底部, 按住 - 上拉 - 释放可以获取更多数据</p&am
2018-08-11 16:49:15
1825
原创 在vue项目中设置网站icon
1. 将icon放在与index.html同级的目录下2. 在webpack.dev.conf.js中，新增代码var path = require('path') //新增new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true, ...
2018-08-08 08:47:59
1226
原创 使用svg中的symbol制作icon
1. cnpm i gulp -g 在项目目录下 cnpm i --save-dev gulp-svg-symbols2. 新建一个gulpfile.js文件var gulp = require('gulp');var svgSymbols = require('gulp-svg-symbols');gulp.task('sprites',function(){ re...
2018-08-02 23:00:39
894
原创 认识vuex中的modules
本文参考文献store/modules/user.jsexport default{ // 通过添加namespaced将actions,mutations,getters限定在模块命名空间中 // 当所有的actions, mutations, getters 都被限定到模块的命名空间下，我们dispatch actions, commit mutations 都需要用到...
2018-08-01 16:15:55
742
原创 vue elementui 中使用国际化
1.定义i18n文件夹，并添加index.js,en.js,zh.js index.jsimport Vue from 'vue';//引入vue-i18n cnpm i vue-i18n;import VueI18n from 'vue-i18n';import enElementLocale from 'element-ui/lib/locale/lang/en'impor...
2018-07-30 18:29:54
2078
1
原创 js查看使用设备的信息
1. device.js2.使用方法：cnpm install current-deviceconst device = require('current-device').default
2018-07-30 13:53:54
193
原创 使用electron将vue项目打包为web或者是app应用
1.vue中添加electron 和 electron-packagecnpm install electron --save-dev cnpm install electron-packager --save-dev //这个是打成exe文件的插件，之后要用，提前下载好2. vue项目中package.ison文件中“scripts”添加"electron_dev": "np...
2018-07-28 11:37:23
11930
3
原创 Vue项目elementUI中封装表单验证
1.直接在Vue文件中使用验证：<template> <div class="login-wrap"> <div class="ms-title">后台管理系统</div> <div class="ms-login"> <el-
2018-07-20 10:27:53
4738
原创 js tab联动
<body class="body"> <header> <div class="header-content"> <div class="nav" id="nav-container"> <ul i
2018-07-19 16:21:40
467
原创 vue mixins & extends
1.const myMixin = { created(){ console.log(this.msg + '1') }, methods:{ hello(){ console.log(this.msg + '2') } } }; Vu...
2018-07-10 15:39:24
314
原创 vue 路由传参用query或params
两种方法都可以使用，不用点是：1. this.$router.push({path:'/msite', query:{geohash}})this.$router.push({name:'msite', params:{geohash}})query 和path 在一起使用 ， 而params和name一起使用获取参数的方法：this.$route.query.XXX ; this.$route....
2018-07-09 18:18:53
483
原创 vue keepalive路由跳转保留离开时的位置，回到原页面时是在离开时的位置
与keepAlive结合，如果keepAlive的话，保存停留的位置：scrollBehavior (to, from, savedPosition) { if (savedPosition) { return savedPosition } else { if (from.meta.keepAlive) { from....
2018-07-06 10:38:35
10012
5
原创 vue 中使用fastclick
1. cnpm i fastclick --save2. 在main.js中引入并绑定到body import fastclick from 'fastclick';3. fastclick.attach(document.body);
2018-07-05 16:39:17
3457
原创 vue路由验证和请求拦截
1.在定义路由时添加自定义字段meta: { requireAuth: true,},2.使用路由定义的钩子函数router.beforeEach((to, from, next) => { if (to.meta.requireAuth) { if (store.state.token) { next(); } e...
2018-07-05 15:11:55
1279
原创 Vue模拟数据的使用mockjs
1. npm i mockjs --save-dev2. 创建mock\mock.js3. import Mock from 'mockjs';Mock.mock('user',{ 'name':'@name', 'age|1-100':50, 'sex|0-1':0})export default Mock;4. 在main.js中引入import './mock/mock';...
2018-06-30 18:15:01
745
原创 Vue封装请求
import axios from 'axios';import qs from 'qs';// axios 配置axios.defaults.timeout = 5000;axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8';axios.defaults.wi...
2018-06-30 17:15:15
5773
1
原创 Vue项目加载本地的json文件模拟请求后台数据
1. 安装express和axioscnpm i express --save & cnpm i axios --save2. 在main.js中引入axiosimport axios from ‘axios’；Vue.prototype.$axios = axios;3. 在build/webpack.dev.conf.js中配置express并设置路由规则const CopyWebp...
2018-06-30 15:04:32
2874
原创 vue中computed & methods & watch 的区别
1. computed 和 methods 最终实现的结果是一样的，然而，不同的是计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。这就意味着只要 message 还没有发生改变，多次访问 reversedMessage 计算属性会立即返回之前的计算结果，而不必再次执行函数。相比之下，每当触发重新渲染时，调用方法将总会再次执行函数。我们为什么需要缓存？假设我们有...
2018-06-30 10:24:21
235
原创 vue.filter&computed
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>vue自定义过滤器</title> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js&
2018-06-25 17:35:57
605
原创 array.filter()
//利用filter取素数 function get_primes(arr) { var i; return arr.filter(function (element) { var flag = true; if (element < 2) { ...
2018-06-23 17:35:46
129
原创 在iOS中去掉input的光标
在input上添加readonly unselectable="on" onfocus="this.blur()"<input type="text" readonly unselectable="on" onfocus="this.blur()" value="点我啊"/>这样就正常了。
2018-06-20 16:50:26
2890
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人