oy123kai的博客

原创 请求验证码返回二进流前端展示

async getVerifCode() { var url = "/backUser/captcha/658977"; var xhr = new XMLHttpRequest(); xhr.open("GET", url, true); xhr.responseType = "blob"; xhr.setRequestHeader("client_type", "DESKTOP_WEB"); xhr.setRequestHeader

原创 moment.js用法

// 创建moment对象 console.log('moment对象',new moment()); console.log('当前日期',new moment().format('YYYY-MM-DD HH:mm:ss')); // startOf（设置为起始时间） console.log('年初',new moment().startOf('year').format('YYYY-MM-DD HH:mm:s

原创 CSS 关键字 initial、inherit 和 unset

initialinitial 关键字用于设置 CSS 属性为它的默认值，可作用于任何 CSS 样式。（IE 不支持该关键字）inherit每一个 CSS 属性都有一个特性就是，这个属性必然是默认继承的 (inherited: Yes) 或者是默认不继承的 (inherited: no)其中之一，我们可以在 MDN 上通过这个索引查找，判断一个属性的是否继承特性。譬如，以 background-color 为例，由下图所示，表明它并不会继承父元素的 background-color:可继承属性最后罗

原创 iview input框自定义验证

原创 浮点数加减精度丢失问题

/** js默认算法0.1+0.2=0.30000000000000004，使用下边算法结果等于0.3* 加法运算，避免数据相加小数点后产生多位数和计算精度损失。 * * @param num1加数1 | num2加数2 */export function accAdd(num1,num2){ var r1,r2,m; try{ r1 = num1.toString().split('.')[1].length; }catch(e)

原创 input 限制输入一位小数点

<input class="inputprice" v-model="value11" placeholder="Min 0.1" @input="checkprice"></input>checkprice (e) { e.target.value = e.target.value.match(/^\d*(\.?\d{0,1})/g)[0] || null; //重新赋值给input this.$nextTick(() =>

原创 Vue+iview===＞＞＞真假分页功能的实现

<Table :columns="columns_first" :data="userpage" border highlight-row :loading="ifLoading" @on-current-change="handleCurrentRowthree" @on-selection-change="selectionChange">

原创 localStorage 存储 获取 删除

/** * 存储localStorage */export const setStore = (name, content) => { if (!name) return; if (typeof content !== 'string') { content = JSON.stringify(content); } window.localStorage.setItem(name, content);}/** * 获取localStorage */export const

原创 axios 封装请求

import axios from 'axios'import qs from 'qs'export const BASEURL = axios.defaults.baseURL = "http://111.111.111.11/";//测试// export const BASEURL = axios.defaults.baseURL = "http://111.111.11.11:6010/";//生产export const fetch = (url, params = {}) =>

原创 vue中实现多种状态的数据判断

{{['新增', '修改', '已完成'][item.status]}}status = 0 ，内容显示新增status = 1 ，内容显示修改status = 2 ，内容显示已完成status = 0 ，使用a样式status = 1 ，使用b样式status = 2 ，使用c样式

原创 from表单验证

/** * 邮箱 * @param {*} s */export function isEmail (s) { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}/** * 手机号码 * @param {*} s */export function isMobile (s) { return /^[1][3-9][0-9]{9}$/.test(s)}/** *

原创 vue moment 时间处理

moment时间处理的使用: 1. 安装moment cnpm i moment --save 2. 引入moment import moment from 'moment' 3. 使用moment moment(时间戳).format('YYYY-MM-DD hh:mm:ss')moment().format('MMMM Do YYYY, h:mm:ss a'); // 十二月 14日 2020, 2:06:53 下午moment().format('d

原创 vue 禁止复制

<template> <section class="p-10"> <div class="app"> <p> aaaaaaaaaaaaaaaaaaaa </p> </div> </section></template><script> export default { created() { this.$nextTick(() =&gt

原创 element tree组件增删改

<el-tree :data="data" node-key="id" :props="defaultProps" default-expand-all> <span class="custom-tree-node" slot-scope="{ node, data }"> <span>{{ node.label }}<

原创 echarts水球图

<div id="satisfaction"></div><div id="dissatisfaction"></div>import * as echarts from "echarts";//引入echartsimport "echarts-liquidfill";//引入echarts水球图methods: { creatGraph() { let satisfaction = echarts.init(docume

原创 wangEditor富文本

<div style="float: left; width: 70%; height: 570px"> <div id="editor2" style=" border: 1px solid #ccc; float: left; width: 100%; border-bottom:

原创 echarts折线图

<div id="main5" style="height: 330px; width: 100%"></div>import * as echarts from "echarts";option5: { tooltip: { trigger: "axis", }, xAxis: { type: "category", data: [ "1月"

原创 echarts柱状图

<div id="main4" style="height: 330px; width: 100%"></div>option: { tooltip: { trigger: "axis", }, xAxis: { type: "category", data: [ "1月", "2月", "3月",.

原创 js双for循环拿取数据

双for循环那数据js获取数据有则加id没有则不需要idlet postlist = []; let postlist = []; let delRoleMenuList= [ { id=1, menuId=1 }, { id=2, menuId=2 } ]; let list1 = [1,2,3,4];

原创 echarts饼图

这里写自定义目录标题option1: {tooltip: {trigger: ‘item’,position: [‘50%’, ‘0’],//提示框位置textStyle:{fontSize: 8,//字体大小color: ‘#AADDFF’//字体颜色},formatter: ‘{a} {b}: {c} ({d}%)’},series: [{name: ‘办理人数统计’,type: ‘pie’,radius: [‘55%’, ‘65%’],center:[‘45%’,‘55

原创 echarts饼图（2）

option1:{ title:{ show:false, text:'土地使用面积' }, tooltip: { trigger: 'item', formatter: '{b}: {c} ({d}%)' }, legend:{ textStyle:{ fontSize: 12,//字体大小 color: '#AADDFF'//