- 博客(24)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 axios发送post请求java后端无法拿到数据
场景描述：如果后端是 Java（springmvc），前端使用 jQuery 的 $.ajax 发送 POST 请求，测试接口是没问题的。但是换做使用 axios 来发送 POST 请求，后端却无法获取数据。问题的主要原因是后端默认接收的 POST 请求头是 Content-Type 设置为 application/x-www-form-urlencoded 的表单请求，参数形式是 key1=...
2019-12-22 15:38:17
1291
1
原创 轮播形式展示人员预定信息 vue
纵向轮播展示预约人员信息显示两条信息，一条透明度100%，上一条透明度50%。这样轮播展示： <!-- 预约信息轮播 --> <div class="swiper-container swiper-no-swiping" id='swipers'> <div class="swiper-wrapper"> <div class="swiper-slide" :id="$index==0 ? firstSwiper : ''" :key="$index
2020-10-19 10:07:42
233
原创 js原生方法document.execCommand()复制到粘贴板
一键复制后面的按钮把前面的文字复制到剪切板上，代码如下：<div class="copyText" v-if="wxResultPage.wechatID"> 微信号： {{wechatID}} <span @click="copy(wechatID)">一键复制</span></div><script> import { Toast } from 'mand-mobile' export defaul
2020-10-15 14:14:35
943
原创 点击提交表单，禁止失焦事件
当你提交表单时，input输入框就会失去焦点从而出发失焦事件，而我们又想当提交表单时，不触发失焦事件就可以阻止默认行为就可以了。<!-- 立即定制按钮 --><div class="insure_button" @click="toNext" @mousedown="mouseDownFun($event)"> <img :src="wxDisplayContent.confirmImgUrl" alt /></div>对应的方法methods:
2020-10-15 14:02:41
618
原创 Element ui 文件上传案例
Element ui – Upload 上传网址：https://element.eleme.cn/#/zh-CN/component/upload把官方案例代码拷贝下来的效果图如下：根据官方代码改编后的代码：<el-upload class="upload-demo" action="#" :on-preview="handlePr...
2020-04-21 13:44:08
1205
原创 面试时，你被要求手写常见原理了吗？
经典Flex布局 ❤️如今 Flex布局 不管是移动端还是PC端的应用已经非常广泛了，下面我列举几个平时项目中非常常见的几个需求。以下例子我们都以Vue项目和js为例~flex布局均匀分布后换行问题需求一：ul下有多个li，每三个li排一列，多余的换行显示。很显然，绝大部分的小伙伴都会使用Flex布局，很显然会出现一个问题就是如果li是3的倍数的话就能正常显示，若不是的话，布局就不...
2020-04-03 16:28:24
133
原创 两个不同的数组公用一个柱状图，合并成一个横坐标（对比）
两个数组合并去重有一个对象，该对象下有两个数组：var graphList = { guestList:[ {name:'A1',number:12}, {name:'A2',number:112}, ], guestListCompared: [ {name:'A1',number:12}, {name:'A44',number:32}, {name:'A32',n...
2020-04-03 11:47:44
3135
原创 echarts - markPoint 与 markLine
markPoint 表签在最大值和最小值（默认第一个最小值）但是要标记最后一个最小值；数组已经排好序： yDataValue = [15,0,0,0,0,0,0,0]; let first = yDataValue.length - 1; let secend = yDataValue[first]; series: [ { nam...
2020-03-31 15:29:13
1670
原创 echarts 折线图 有对比
#echarts 折线图代码：、let titleList = ['2月','1-2月（对比）'];let lineList = [0.29, 3.51, 29.9]; // 2月let lineCompareList = [1.2, 7.70, 13]; // 2月（对比）option = { title: { text: '渠道转化率对比', ...
2020-03-06 14:06:01
1082
原创 echarts 横向条形图 对比
横向条形图 对比先看效果图代码：需要改动的数据我都提在了最前面；let yList = ['2月','对比2月'];let collectingMediaList = [766, 350];let dealerLists = [134, 31];let regionalDelivery = [34, 31];option = { title: { tex...
2020-03-06 11:13:56
3397
原创 计算某年共有多少个月或周 -- vue
计算某年共有多少个月或周 – vue写这篇博客的日期是：2月25号所以，2020年到现在为止只有8周2019-12-30 到 2020-01-05是2019的最后一周 ，即52周代码如下： // 年选择事件：改变年份，根据周或者月计算出相应的月List和周List changeYear(data) { if (this.fetchParams.stat...
2020-02-25 10:39:26
1218
原创 某年的第几个月或第几个周换算为具体的日期 -- vue
某年的第几个月或第几个周换算为具体的日期 – vue2020年的第2月：输出为：2020第8周换算为：代码如下:// 获取统计周期范围 getDayFanWei(year, weekOrMonth, type) { if (weekOrMonth != "") { let startDate = ''; let endDate ...
2020-02-25 10:15:02
1574
原创 JS数组技巧
2020年，你必须知道的JS数组技巧1.去重在ES6的时代，有个非常快速且简单的方法，使用new Set()以及Array.from()或者展开运算符(…)//new Set()以及Array.from()Array.from(new Set([1,1,2,3,3,4,3,2])); // [1, 2, 3, 4]//new Set() 以及 展开运算符(...)[...new Se...
2020-02-20 10:50:30
116
原创 vue 中引入 echarts
# 环境依赖@vue/cli 4.0.5echarts 4.5.0vue 2.6.10直接全局引入整个 echarts# 第一步、安装模块npm install echarts -S// main.js // 第二步、引入 echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts<...
2019-12-10 20:38:32
236
原创 如何在 vue 中封装 axios
目录结构：// http.jsimport axios from 'axios' import qs from 'qs' // 引入qs模块，用来序列化post类型的数据import { Message } from 'element-ui'import router from '../router'import store from '../store/index'// 根据环境...
2019-12-10 19:40:53
153
原创 如何在vue中引入element？
环境依赖@vue/cli 4.0.5vue 2.6.10"element-ui 2.13.0babel-plugin-component 1.1.1全局安装可以直接引入整个 Element ，使用 npm 进行安装：npm i element-ui -S然后在 main.js 中加入以下内容import Vue from 'vue'import ElementUI ...
2019-12-10 19:32:12
813
原创 JS封装获取兄弟节点的方法，获取所有兄弟节点，父节点，子节点
JS获取兄弟节点，父节点，子节点这里我介绍两种方法，一种是通过自己，现在上一个兄弟节点，通过nodeType判断是否是元素节点，是就push 到一个新数组，在查找上一个兄弟节点依次类推，直到空；另一种是查找父节点，然后找到父节点下的所有子节点，在排除自己。第一种：function siblings(obj) { var a = []; // 定义一个数组，用来存 obj 的兄弟元素 ...
2019-11-14 13:08:21
1016
原创 滚轮事件
滚轮事件 mouseWheel首先判断浏览器，因为使用的浏览器不同，判断的方式不同，主要是火狐，他的事件反应和IE，谷歌等是相反的。// 滚轮事件 const mouseWheel = function(downFn, upFn) { // 判断浏览器 if (window.addEventListener) { // firefox con...
2019-11-14 13:00:15
108
原创 纯生js写的省，市，区三级联动
HTML <select name="" id="province"> <option value="0"> --------------省-------------- </option> </select> <select name="" id="city" disabled="disabled"> ...
2019-09-20 21:30:07
519
原创 插件库
前端所需的插件库 （简单收藏）jQuery 插件库：http://www.jq22.comjQuery custom content scroller（滚动条主题）：http://manos.malihu.gr/jquery-custom-content-scrollerecharts（图示图表）：http://echarts.baidu.com/index.htmlswiper（...
2019-09-19 08:50:59
179
原创 Axure 原型设计 实现轮播图
1、新建动态面板 300200，命名为 轮播图；2、双击轮播图组合：新增state2，state3；3、双击state1，新建一个矩形框，位置 0 0 300200 填充色：红色 文字：图1；4、重复3 ，设置state2 state3；下面实现图片轮播：5、轮播图—页面载入时–设置面板状态—set轮播图–next–向后循环–循环间隔2000毫秒–进入动画...
2019-07-18 10:13:59
888
原创 PS常用操作
ctrl + j : 复制选区并新建一个图层按住ALT 滚动鼠标放大，缩小ctrl+shift+i : 选区反选钢笔工具：弧度后 ，alt取消旋转杆将路径更改为选区：ctrl+enter / 右击–创建选区ctrl+t:任意变形 自由变换ctrl+shift+alt+t ： 复制前一步的变换ctrl+g:建组ctrl+白色箭头： 更改图片形状提取图片：按住...
2019-07-18 09:54:07
146
三级省级联动.html
2019-09-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人