qq_41919732的博客

Element ui – Upload 上传网址：https://element.eleme.cn/#/zh-CN/component/upload把官方案例代码拷贝下来的效果图如下：根据官方代码改编后的代码：<el-upload class="upload-demo" action="#" :on-preview="handlePr...

经典Flex布局 ❤️如今 Flex布局 不管是移动端还是PC端的应用已经非常广泛了，下面我列举几个平时项目中非常常见的几个需求。以下例子我们都以Vue项目和js为例~flex布局均匀分布后换行问题需求一：ul下有多个li，每三个li排一列，多余的换行显示。很显然，绝大部分的小伙伴都会使用Flex布局，很显然会出现一个问题就是如果li是3的倍数的话就能正常显示，若不是的话，布局就不...

markPoint 表签在最大值和最小值（默认第一个最小值）但是要标记最后一个最小值；数组已经排好序： yDataValue = [15,0,0,0,0,0,0,0]; let first = yDataValue.length - 1; let secend = yDataValue[first]; series: [ { nam...

横向条形图 对比先看效果图代码：需要改动的数据我都提在了最前面；let yList = ['2月','对比2月'];let collectingMediaList = [766, 350];let dealerLists = [134, 31];let regionalDelivery = [34, 31];option = { title: { tex...

计算某年共有多少个月或周 – vue写这篇博客的日期是：2月25号所以，2020年到现在为止只有8周2019-12-30 到 2020-01-05是2019的最后一周 ，即52周代码如下： // 年选择事件：改变年份，根据周或者月计算出相应的月List和周List changeYear(data) { if (this.fetchParams.stat...

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...

场景描述：如果后端是 Java（springmvc），前端使用 jQuery 的 $.ajax 发送 POST 请求，测试接口是没问题的。但是换做使用 axios 来发送 POST 请求，后端却无法获取数据。问题的主要原因是后端默认接收的 POST 请求头是 Content-Type 设置为 application/x-www-form-urlencoded 的表单请求，参数形式是 key1=...

# 环境依赖@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&lt...

目录结构：// 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'// 根据环境...

环境依赖@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 ...

JS获取兄弟节点，父节点，子节点这里我介绍两种方法，一种是通过自己，现在上一个兄弟节点，通过nodeType判断是否是元素节点，是就push 到一个新数组，在查找上一个兄弟节点依次类推，直到空；另一种是查找父节点，然后找到父节点下的所有子节点，在排除自己。第一种：function siblings(obj) { var a = []; // 定义一个数组，用来存 obj 的兄弟元素 ...

滚轮事件 mouseWheel首先判断浏览器，因为使用的浏览器不同，判断的方式不同，主要是火狐，他的事件反应和IE，谷歌等是相反的。// 滚轮事件 const mouseWheel = function(downFn, upFn) { // 判断浏览器 if (window.addEventListener) { // firefox con...

js事件封装，添加事件，取消事件等

HTML <select name="" id="province"> <option value="0"> --------------省-------------- </option> </select> <select name="" id="city" disabled="disabled"> ...

前端所需的插件库 （简单收藏）jQuery 插件库：http://www.jq22.comjQuery custom content scroller（滚动条主题）：http://manos.malihu.gr/jquery-custom-content-scrollerecharts（图示图表）：http://echarts.baidu.com/index.htmlswiper（...

1、新建动态面板 300200，命名为 轮播图；2、双击轮播图组合：新增state2，state3；3、双击state1，新建一个矩形框，位置 0 0 300200 填充色：红色 文字：图1；4、重复3 ，设置state2 state3；下面实现图片轮播：5、轮播图—页面载入时–设置面板状态—set轮播图–next–向后循环–循环间隔2000毫秒–进入动画...