WmingCSDN的博客

原创 小程序mpvue入门详解

https://www.jianshu.com/p/2e98cc166dbd

原创 小程序一键登录

https://www.jianshu.com/p/bccbffd582bd

原创 element-ui中限制input只能输入小数和数字

oninput =“value=value.replace(/[^\d]/g,’’)” //只能输入数字oninput =“value=value.replace(/[^0-9.]/g,’’)” //只能输入数字和小数oninput = “value=value.replace(/[^\d.]/g,’’)” //只能输入数字和小数...

转载 nodejs抓取图片案例

const superagent = require(‘superagent’);const cheerio = require(‘cheerio’);const async = require(‘async’);const fs = require(‘fs’);const url = require(‘url’);const request =require(‘request’);c...

原创 文字无缝循环滚动

TitleScrolling (){ setInterval(() => { //ES6箭头函数 // 截取首字符串(第一个) var head = this.title.substring(0,1) // 截取除首字符串外所有字符串(除第一个所有) var foot = this.title.substring(1)...

原创 echarts鼠标划入数据添加百分比

// ----->start let dataNum = {} let xAxis = that.option.xAxis[0].data for (let x in xAxis) { dataNum[xAxis[x]] = Number(that.option.series[0].data[x]) + Number...

原创 echarts联合图表

import echarts from ‘echarts’import { correctLaunchTrend } from ‘@/api/test’export default {name: ‘CorrectLaunchTrend’,data() {return {name: ‘正确投放率趋势’,datestr: ‘month’,weekStyle: ...

原创 js插入/删除/截取 数组元素，字符串截取 字符替换

plice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。语法arrayObject.splice(index,howmany,item1,…,itemX)参数说明参数 描述index 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。howmany 必需。要删除的项目数量。如果设置为 0，则不会删除项目。item1, …, itemX 可选。向数组添...

原创 vue依赖如element全局引入

2.vue.config.jsconfigureWebpack: {performance: {hints: false},externals: {‘jquery’ : ‘$’,‘vue’: ‘Vue’,‘vue-router’: ‘VueRouter’,‘vuex’: ‘Vuex’,‘axios’: ‘axios’,‘element-ui’: ‘ELEMENT’...

原创 vue描点定位

vue实现描点定位并不改变路由methods:{returnTop:function(){document.querySelector("#header").scrollIntoView(true);}}传统定位伴随路由改变（vue的话会有刷新问题）window.location.hash = ‘#’ + val...

原创 上传Demo到github，分支管理

在Demo的仓库里，点击Settings，然后找到GitHub Pages，设置源为master主分支（此项目只有一个分支，所以也没得选），点击Save保存，即可出现预览地址，一般保存后会稍有延迟。整个部署的环节大致如下：在本地的项目根目录下，$ git init加入当前所有文件到暂存区 $ git add .(后面有个“·”，代表全部文件)连接远程仓库 $ git remote add ...

原创 上传Demo到github仓库预览及分支管理

在Demo的仓库里，点击Settings，然后找到GitHub Pages，设置源为master主分支（此项目只有一个分支，所以也没得选），点击Save保存，即可出现预览地址，一般保存后会稍有延迟。整个部署的环节大致如下：在本地的项目根目录下，$ git init加入当前所有文件到暂存区 $ git add .(后面有个“·”，代表全部文件)连接远程仓库 $ git remote add ...

原创 vue-pdf分页预览

<div class="pdf" v-show="fileType === 'pdf'"> <div style="height: 0.8rem;"></div> <p class="arrow" style="font-size: 18px"> <!-- // 上一页 --> <span...

原创 npm打包路径问题

{“name”: “xxx”,“version”: “0.1.0”,“private”: true,“homepage”:".",“dependencies”: { …}

原创 Tomcat部署静态页面

注：这里的操作是建立在java和tomcat已安装好并且已经配置好环境变量的情况下方式一：直接把静态项目复制到Tomcat安装目录的webapps目录中。例如：我们新建一个test文件夹，在文件夹里新建一个test.html文件，然后将整个test文件夹复制到Tomcat安装目录的webapps目录中，启动tomcat后在浏览器输入ip:port/test/test.html即可访问了。方式...

原创 获取近五天天气状况

获取近五天天气状况id生成不同的布局，icon生成不同的天气图形http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=5

原创 div右侧划出动画

原创 vue路由在新的标签页打开

let routeData = this.$router.resolve({ path: '/cpdf', name: 'cpdf', query: { cpdfId: id }, params: { cpdfId: id } }) window.open(routeData.href, '_blank')

原创 el-pagination下标没变化问题

解决页码值改变页码默认下标没变化问题：<el-paginationclass=“pagination”@size-change=“handleSizeChange”@current-change=“handleCurrentChange”:current-page=“query.page”:page-sizes="[10, 20, 50]":page-size=“query.p...

原创 监听鼠标滚轮事件，与控制div（top距离）

mounted() {window.addEventListener(‘scroll’, this.handleScroll) // 监听滚轮事件 // window.onmousewheel = function () { //触发滚轮事件 // document.getElementsByClassName('boxBt')[0].style.position = 'fixed...

原创 vue 打开鼠标右键

使用@contextmenu.prevent即可

原创 vue.j获取vide第一帧

mounted() {this.$nextTick(() => {this._listData(this.currentPage, this.pageSize)this.test()setTimeout(() => {this.captureImage()}, 1000)})},methods: {captureImage() {var video = docum...

原创 页面间传参，取参，跳转定位

链接href= url?name=’’>>>"取参var data = window.location.href.split("?")[1].split("=")[1]

原创 vue-cli -- 字体图标使用

vue-cli – 字体图标使用1、font-awesome1.使用npm安装npm install vue-awesome// 或者npm install font-awesome2.在main.js文件下import ‘vue-awesome/icons/index.js’// 如果考虑项目大小，只导入用于减少包大小的图标import ‘vue-awesome/icons/f...

原创 nuxt相关

nuxt依赖于vue的网站制作框架server: {port: 8080, // default: 3000host: ‘0.0.0.0’, // default: localhost},nuxt引入高德地图在plugins中建立相关js如：vue-map.js {import Vue from ‘vue’;import VueAMap from ‘vue-amap’;Vue.u...

原创 修改element-ui按钮样式

/* 更改element-UI按钮样式 */.el-button–primary{color: #fff;background-color: #8B83D2;border-color: #8B83D2;}.el-button–primary:hover{background-color: #0ABBF9;border-color: #0ABBF9;}.el-button–pri...

原创 echarts折线图

近半年积累 {{oneValue}} 一级事件 {{twoValue}} 二级事件 {{threeValue}} 三级事件 ...

原创 element上传文件js限制

<el-upload style="width:25rem" ref="upload" action="#" :limit="10" :on-exceed="toExceed" :on-preview="handlePreview" :auto-upload="fals...

原创 echarts圆环

/* eslint-disable */export default {name: ‘AccumulativeHomeWork’,data() {let vm = thisreturn {name: ‘’,option: {backgroundColor: ‘#2f435e’,title: {text: ‘特殊作业累计量’,x: ‘left’,te...

原创 深度Linux deepin更新，防火墙操作

获取更新sudo apt-get update更新系统sudo apt-get dist-upgrade -y清理更新缓存sudo apt-get autoclean

原创 div遮罩

遮罩层#mask {/* position: fixed; // 全屏 /position: absolute; // 相对路径left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, .3);/ background: red; */z-index: 99999;}弹出层弹出的div设置z-index: 99...

原创 el-tree单选

&lt;el-tree ref="tree" :data="treeData" @check-change="dataCheckChange" show-checkbox :props="defaultProps" :default-checked-keys="defaultcheckedk...

原创 解决tomcat新版本http约束

这里我就简单总结一下，网上大部分的解决方案有以下的几种解决方法1最轻便的方法，更换tomcat版本。此方法比较快。解决办法2：前端对相应的参数进行编码，就是将所有的参数都进行编码解决办法3：配置tomcat的catalina.properties添加或者修改：tomcat.util.http.parser.HttpParser.requestTargetAllow=|{}针对方法...

原创 vue缓存

1、keep-alive要配合router-view使用，这里要注意一点就是，keep-alive本身是vue2.0的功能，并不是vue-router的，所以再vue1.0版本是不支持的。keep-alive官方文档点这里，代码实现如下，router-view是在入口APP.vue里面 &lt;keep-alive&gt; &lt;router-view&gt;&lt;/router-...

原创 动态添加option与设置默认值

var optionSorts = document.createElement("option"); for (var i=1; i&lt;=30; i++) { var optionSorts = document.createElement("option"); ...

原创 正则表达式

let RegUrl = new RegExp() RegUrl.compile('^[A-Za-z]+://[A-Za-z0-9-_]+\\.[A-Za-z0-9-_%&amp;amp;amp;\?\/.=]+$') if (!RegUrl.test(value)) { callback('链接输入错误') } else { RegUrl.compile(...

原创 判断鼠标滑轮滚动事件

windowAddMouseWheel() { let that = this let scrollFunc = function (e) { e = e || window.event if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件 if (e.wheelDelta !== 0) { //当滑轮滚动时 that.vi...

转载 JAVA实现数据等分，一个List分成多个List

JAVA实现数据等分，一个List分成多个List将一组数据平均分成n组/**将一组数据平均分成n组@param source 要分组的数据源@param n 平均分成n组@param @return/public static List&lt;List&gt; averageAssign(List source, int n) {List&l...

原创 echarts柱状图

import echarts from ‘echarts’export default {name: ‘WasteRecyceTrend’,data() {return {name: ‘回收各类废品动态’,option: {tooltip: {trigger: ‘axis’},legend: {data: [‘邮件营销’, ‘联盟广告’, ‘视频广告’, ‘直接访问...

原创 获取当天日期

// getTime: function () { // let now = new Date() // let years = now.getFullYear() // 获取系统的年 // let methods = now.getMonth() + 1 // 获取系统月份，由于月份是从0开始计算，所以要加1 // let days = now.getDat...