qinyong^_^-优快云博客

转载前端上传限制文件格式MIME大全

# This file maps Internet media types to unique file extension(s).# Although created for httpd, this file is used by many software systems# and has been placed in the public domain for unlimited redisribution.## The table below contains both registere.

2020-12-11 16:18:11 9912 1

原创利用vue-echarts结合高德地图开发地图数据大屏可视化+国内地图省市区三级下钻

效果图如图所示：点击地图省切换到市区地图，点击地图市切换到区/县地图。相应的顶部下拉列表也会随之改变，下拉列表选择地图也会随之改变。<template> <div class="map-container"> <div class="map"></div> <div id="mapChart" r...

2019-11-05 09:39:32 9479 5

原创 vue前端生成二维码图片插件--qrcodejs2

扫描结果：安装：npm install qrcodejs2 --save页面使用：import QRCode from "qrcodejs2"; // 引入qrcode <el-button size="mini" class="green-btn" style="width:90px" @click="qrCode">生成二维码</el-but...

2019-07-23 11:21:26 3200

原创移动端适配方案

(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWi...

2019-07-05 16:28:25 392

转载解构原始数据

有时候一个对象包含很多属性，而我们只需要其中的几个，这里可以使用解构方式来提取我们需要的属性。如一个用户对象内容如下：const rawUser = { name: 'John', surname: 'Doe', email: 'john@doe.com', displayName: 'SuperCoolJohn', joined: '2016-05-05',...

2019-07-05 16:13:30 338

原创关于vue element ui type=selection 多选表格异步获取数据后选中默认选中的单行不起作用的问题

this.$nextTick(function() { this.$refs.gateway.toggleRowSelection(row, true); });使用this.$nextTick

2019-06-28 10:37:24 5118

原创 vue+element-ui table表格的使用编辑、删除以及分页

效果图 <el-table :data="groupList" v-loading="loading"> <el-table-column type="index" label="序号" align="center"></el-table-column> <el-table-column prop="code" label...

2019-06-28 10:30:08 6034 3

原创关于vuex状态值的使用与改变

<el-badge :value="$store.state.app.notice" :max="99" class="item" :hidden="$store.state.app.notice>0?false:true" > </el-badge&g...

2019-06-28 10:14:28 2111

原创 vue利用后台返回二进制文件流做个表格

// 导出报表接收url 、参数返回二进制文件流export function exportExcel(url, data) { return new Promise(resolve => { request({ url: url, method: 'post', responseType: 'blob', data ...

2019-06-17 20:53:19 2859 1

原创快速强制删除vue项目中的node_modules包

cnpm install rimraf -g rimraf node_module

2019-05-05 18:46:16 5768 1

原创 vue-axios同时请求多个接口等所有接口全部加载完成再处理

Axios.all([request1, request2, request3]) .then( Axios.spread((area, acct, perms) => { console.log('全部加载完成') }) ) .catch(err => { console.lo...

2019-05-05 10:37:11 13197

原创 VUE:在VUE中实现效果"换一换"功能

实现效果：假如有10条数据，分组展示，默认在当前页面展示4个，点击换一批，从第5个开始继续展示，到最后一组，再重新返回到第一组 data() { return { qList: [], //处理后的list newList: [], //截取第几组的开始参数 timeStart: 0, //截取第几组...

2019-04-30 09:22:56 3749 1

原创上传图片到服务器

//上传文件function upload_file(that, imgArr, url, userId) { console.log("开始上传0" + "图片到服务器：") // 将本地资源上传到开发者服务器 var upload_task = wx.uploadFile({ url: url + 'api/v1/orders/addComment...

2019-04-19 08:30:18 678

原创小程序canvas生成海报如果绘制文字过长换行

drawKernel(ctx, img_x, windowWidth, imgHeight) { var that = this; ctx.font = '16px PingFangSC-Semibod, sans-serif'; ctx.setTextAlign('center'); ctx.setFillStyle("#fff...

2019-04-10 10:50:18 2009

原创小程序canvas绘制海报并保存

// 头像 drawImg(ctx, windowWidth, windowHeight) { var that = this; ctx.save(); //恢复之前保存的绘图上下文 that.drawHeader(ctx, windowWidth, windowHeight); wx.getImageInfo({...

2019-03-28 14:59:52 1151

原创 localstorage session cookie的区别

https://segmentfault.com/a/1190000012057010

2019-03-05 20:48:10 128

原创小程序腾讯地图海外服务接口文档（webService）

腾讯位置服务 - 海外WebserviceAPI 文档简介腾讯地图 Webservice API 是基于 HTTPS协议的数据接口，开发者可以使用任何客户端、服务器和开发语言，按照腾讯地图 WebsericeAPI规范，按需构建 https请求，并获取结果数据（目前支持 json/jsonp 方式返回）。使用限制1、开发接入前，请通过腾讯位置服务官网申请开发者密钥（Key...

2019-03-01 15:21:42 7177

原创解决手机端或小程序IOS苹果Date.parse()转化日期不兼容出现NaN

var time=2019-02-19 11:47:03 time=time.createTime.replace(/-/g, '/');

2019-02-19 11:55:55 2587

原创一些常用的js插件

1.md5.js字符加密插件需引用jQuery使用方法： var userMD5 = $.md5( 'user');console.log(userMD5);//c4ca4238aob92382odcc5odcc5o9a6f75849b2.rem.js 手机适配px插件1rem=100px3.jweixin-1.3.2.jsh5跳转到小程序插件官方有教程需要放在小...

2019-01-30 14:47:12 2360

原创微信小程序解决异步请求：利用promise将wx.request请求封装成一个全局方法

// 数据请求 wx.requestvar sendRrquest = function(url, method, data, header) { var status = true; var promise = new Promise(function(resolve, reject) { wx.getNetworkType({ su...

2019-01-30 14:31:01 5110

原创微信小程序，利用wx.createSelectorQuery动态设置swiper或者scroll-view的高度做手机适配

<scroll-view scroll-y style="height:{{scrollHeight}}px"> // 计算滚动高度 var windowHeight = that.data.windowHeight; var headerHeight ; wx.createSelectorQuery().sel...

2019-01-30 14:09:07 4467 2

原创小程序地理定位之使用qqmap-wx-jssdk.min.js插件获取当前位置和附近的地址列表加入关键词搜索

<view class="search"> <input placeholder='搜索' placeholder-style='color:#97a7b7;font-size:28rpx' type='text' class='searchBtn' bindinput='bindSearch'> <image class="s...

2019-01-25 15:49:55 14554

原创小程序授权--用户拒绝授权地理位置或者相册如何继续--拒绝授权后让用户打开授权界面

// 获取地理位置function getLocation(that) { wx.getSetting({ success(res) { console.log(res) if (!res.authSetting['scope.userLocation']) { wx.authorize({...

2019-01-25 15:40:44 3487

原创小程序登陆拦截器(类似vue路由守卫)，登陆弹窗，切换密码是否可见！

点击：需要用户登陆才能进去页面，否则弹出登陆框利用原理：用户登陆后缓存的标识，和全局方法，引入全局组件！登陆样式.login_mask { background: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; position: fixed; top: 0; left: 0; ...

2018-12-03 18:25:27 9568 1

原创小程序修改data中数组或者对象里面某一项的值

data:{ list:{ data1:{}, data2:[] }}如果想在list里面的data中添加数据,创建一个变量来定义var that=this,num="list.data1";that.setData({ [num]:that.data.list.data1.push(XXX)})核心要点：将...

2018-11-05 12:05:36 7698 2

原创 vue项目中用jquery获取DOM的高度outerHeight()首次进入和编译后有偏差的问题

DOM的高度设置尽量设定固定高度，不要用padding和margin撑开，可以解决这个问题(里面参数添加true也没有用)tips:在outerHeight()计算中总是包含padding-top ,padding-bottom 和 border-top，border-bottom ；如果includeMargin参数是true，那么margin (top 和 bottom)也会被包含。 ...

2018-09-28 17:21:26 1761

原创 vue使用swiper(vue-awesome-swiper)使用以及环状轮播(loop:true)不起作用的问题

先上图安装 npm install vue-awesome-swiper --save全局引入(main.js)import VueAwesomeSwiper from 'vue-awesome-swiper'Vue.use(VueAwesomeSwiper)import 'swiper/dist/css/swiper.css'(部分数据来自接口) <swipe...

2018-09-20 15:08:53 4481

原创 VUE-cli使用-Echarts柱状表使用以及注意事项(v-if v-show的问题)

安装ehartsnpm install echarts -S在main.js全局引入import echarts from 'echarts'Vue.prototype.$echarts = echarts在需要用的组件中创建标签<div id="myChart"></div>methods里面创建绘制图表方法以及图标配置...

2018-09-20 14:58:06 2482 1

原创 VUE页面之间传参

<router-link :to="{path: '/page', query: { id:id,mark:2 }}" class="main_container"></router-link>用router-link标签 page为要去的页面，query里面添加需要传递的参数在page页面接收 created: function () { ...

2018-09-20 14:36:52 1235

原创 Vue-cli中非父子组件之间通信

首先在main.js创建一个中转站，并且暴露出来。//非父子组件通信中心const vueEvent=new Vue();export default vueEvent;然后在自己的页面Page.vue中引入进来（路径自行更改）import vueEvent from '../../../main'当前页面的组件,点击的时候发送数据为a标签的内容，在mounted方法里面 ...

2018-08-01 18:06:30 657

转载一些常用的正则表达式

1. 校验基本日期格式var reg1 = /^\d{4}(\-|\/|\.)\d{1,2}\1\d{1,2}$/;var reg2 = /^(^(\d{4}|\d{2})(\-|\/|\.)\d{1,2}\3\d{1,2}$)|(^\d{4}年\d{1,2}月\d{1,2}日$)$/;2. 校验密码强度密码的强度必须是包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之...

2018-07-23 12:10:02 424

转载小程序点击删除图片或者内容

deleteImg: function (e) { var imgs = this.data.imgs; var index = e.currentTarget.dataset.index; imgs.splice(index, 1); this.setData({ imgs: imgs }); },

2018-07-20 11:37:35 4323

原创 git上传代码到git/码云gitee

一、首先需要下载githttps://git-scm.com/输入命令:git --version 可查看当前git版本二.安装后需要一些配置配置用户名和邮箱:$ git config --global user.name "qinyong" $ git config --global user.email "email@example.com" qinyong是...

2018-07-18 18:33:28 16111

原创小程序动态高度scroll-view

<view class="selectTitle" style=''>选择配送时间</view> <scroll-view scroll-y scroll-with-animation style="height:{{distributionTime.length>=3?162:''}}px"> <view class=...

2018-07-16 15:25:03 2386

原创小程序跳转页面传递参数

wx.sendRrquest(url, 'POST', data, header) .then(function(response) { var pages = getCurrentPages(); //当前页面 var currPage = pages[pages.length - 1]; ...

2018-07-16 15:13:10 348

原创在vue项目中关闭ESLint方法（代码规范）

在vue项目中关闭ESLint方法：找到build文件夹--->webpack.base.conf.js---->modulemodule: { rules: [// ...(config.dev.useEslint ? [createLintingRule()] : []), { test: /\.vue$/, loader: 'vu...

2018-06-26 17:05:52 12636 1

原创 vue中的elementUI组件之轮播carousel card使用小记

<el-row :gutter="0"> <el-carousel :interval="0" arrow="never" height="500px" type="card"> <el-carousel-item v-for="item in dataimg" :key="item"&

2018-06-26 16:58:10 54702 17

原创 jQuery和原生js全选，全不选组件

jQuery：$("checkAll").click(function() { $('goods').prop("checked", $(this).prop("checked")); //取消全选 $('.goods').click(function(){ $(".checkAll").prop('checked', false); }) });原生JS：<!do...

2018-06-22 14:50:26 175

原创解决datatable中一个页面有多个初始化datatable分页问题

<ul> <li id="0"></li> <li id="1"></li> <li id="1"></li></ul>如果每一个li初始化一个新的表格，就给li加上不同的id值，然后在代码中点击获取id值动

2018-06-13 11:00:03 3345

空空如也

空空如也