姚江晖-CSDN博客

原创 es6根据对象属性获取到当前值的index

var index = 数组.findIndex(item=> item.value=== id);//item.value=== 0是条件

2021-10-27 18:13:55 762

Echarts迁徙图“echarts”: “^5.1.1”,在node_modules中找到echarts创建map/js/.china.js/** Licensed to the Apache Software Foundation (ASF) under one* or more contributor license agreements. See the NOTICE file* distributed with this work for additional informatio

2021-10-10 15:40:22 572

原创 Echarts散点图增加markLine标记

Echarts散点图增加markLine标记<template> <div> <p class="trave_title">{{ title }}</p> <div :style="'width: 100%;' + 'height:' + height + ';'" :id="id"></div> </div></template><script>import * a

2021-10-10 15:30:35 2104

原创 Echarts3D散点图

Echarts3D散点图下载npm install echarts-gl<template> <div :id="id"></div></template><script>import * as echarts from "echarts";import "echarts-gl";export default { name: "sandian3d", props: { id: String, colo

2021-10-10 15:24:39 2807

原创 Echarts极坐标系下的堆叠柱状图

Echarts极坐标系下的堆叠柱状图<template> <div> <p class="trave_title">{{ title }}</p> <div :style="'width: 100%;' + 'height:' + height + ';'" :id="id"></div> </div></template><script>import * as ec

2021-10-10 15:18:16 2212 1

原创 Echarts散点图加x轴y轴标题

Echarts散点图加x轴y轴标题<template> <div> <p class="trave_title">{{ title }}</p> <div :style="'width: 100%;' + 'height:' + height + ';'" :id="id"></div> </div></template><script>import * as ech

2021-10-10 15:15:20 2002

原创 echarts折线图真实值和预测值

echarts折线图真实值和预测值<template> <div :id="id"></div></template><script>import * as echarts from "echarts";export default { name: "bt", props: { id: String, title: String, seriesData: Array, colorArr: Ob

2021-10-10 11:21:59 1793

原创 Echarts折线图可视化

Echarts折线图可视化<template> <div :id="id"></div></template><script>import * as echarts from "echarts";export default { name: "bt", props: { id: String, title: String, seriesData: Array, colorArr: Object,

2021-10-10 11:18:07 116

原创 Echarts词云图

Echarts词云图下载npm install echarts-wordcloud<template> <div> <p class="trave_title">{{title}}</p> <div :style="'width: 100%;'+'height:'+height+';'" :id="id"></div> </div></template><script&g

2021-10-10 11:13:40 2079

原创 Echarts饼图

Echarts饼图<template> <div :id="id"></div></template><script>import * as echarts from "echarts";export default { name: "bt", props: { id: String, title:String, seriesData:Array }, data() { return {

2021-10-10 11:06:13 182

原创 Echarts基础面积图

Echarts基础面积图<template> <div :id="id"></div></template><script>import * as echarts from "echarts";export default { name: "basicAreaChart", props: { id: String, seriesData: Array, colorArr: Object, },

2021-10-10 11:03:15 864

原创 vue移动端适配

1、安装 lib-flexiblenpm install lib-flexible --save-dev2 、引入 lib-flexible// 在main.js中引入lib-flexibleimport 'lib-flexible'3、安装 px2rem-loadernpm install px2rem-loader --save-dev4、配置 px2rem-loader// 在项目根目录新建文件vue.config.js，然后如下配置：module.exports = {

2021-10-06 22:17:20 205

原创初始化css

在这里插入代码片body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0;}/* 酌情修改 */body { color: #333; font-size: 16px; font-fami

2021-10-06 22:00:51 58

原创封装axios

/** * 全站http配置 * * axios参数说明 */import axios from 'axios';import { Message } from 'element-ui';import NProgress from 'nprogress';import 'nprogress/nprogress.css';//默认超时时间axios.defaults.timeout = 10000;//返回其他状态码axios.defaults.validateStatus = fu

2021-10-06 21:59:46 87

原创 vue中动态设置meta标签和title标签

//router内的设置{ path: '/teachers', name: 'TDetail', component: TDetail, meta: { title:"教师详情", content: 'disable' } }, { path: '/article', ...

2019-05-14 11:14:16 5547

原创 VUE渲染后端返回含有script标签的html字符串

需要重新创建一个空白Vue组件，用router进行传参，传参方式（新窗口打开）let routeData = this.$router.resolve({ path: 'Recharge', query: { htmls: resp.data.dataObj }});window.open(routeData.href, '_blank');解析方式const div = documen...

2019-05-13 09:01:36 3547

原创 input调用相机ios旋转问题

import EXIF from "../../libs/exif.js" //解决iOS拍照旋转 import { imgPreview } from "../../libs/compressPictures" // 图片压缩 methods(){ changeBody(e){ this.mark=true; var that=this; ...

2019-05-10 11:36:09 411

原创 vue 实现车牌号键盘

<template> <div id="main"> <div class="carNumber"@click="onTypewriting"> <input type="text" v-model="carNumber" maxlength="8" readonly> <!-- ①一个输入框 -...

2019-05-10 11:30:45 4982 1

原创 vue watch监听input内容是否是数字

watch:{ invoice:function(){ // 只有数字 this.invoice= this.invoice.replace(/[^\d]/g,'') // 去掉空格 // this.invoice=this.invoice.replace(/\s/g,'').replace(/[^\d]/g,'').replace(/(\d{4})...

2019-05-10 11:23:30 2419

转载 vue去掉#，history模式 Nginx 配置二级域名

一、vue项目携带一个#会对开发造成一定的影响：1、微信三方登录回调地址，有#号时，接收不到code参数2、微信H5支付的回调地址，不允许有#3、App分享，处理特殊字符时，可能会对#进行编译4、有点影响美观二、去#的原理vue把#当做自己的根目录，静态资源，比如图片。去掉#后，要采用相对路径去引用，如果图片引用是在js内，则要采用require()方法进行引用。去#后台渲染，请参...

2019-05-10 11:11:10 1617

转载 html5手机网站需要加的那些meta标签，手机网站自适应

1、移动网站要加的html5相关meta和标签 a、 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> 网页宽...

2019-03-19 11:05:14 374

原创 css初始化

为什么要初始化css因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。// 腾讯：body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{font:12px...

2019-02-13 14:07:50 63

原创文件上传

一、单文件上传<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></sc

2019-02-13 13:55:23 68

转载解决iOS微信底部返回横条问题

参考文章:1、iOS新版微信底部返回横条问题https://blog.csdn.net/u013513053/article/details/824649892、用cookie解决新版微信中H5页面底部白条问题https://blog.csdn.net/gaofei880219/article/details/805690263、微信开发 Weixin JS接口隐藏微信中网页底部导航栏...

2019-01-30 14:57:28 3982

原创 AJAX中出现两次请求，OPTIONS请求和GET请求

在项目中发现ajax中出现两次请求，OPTIONS请求和GET请求，得到的数据出错，所以想要去掉OPTIONS请求。查找原因是浏览器对简单跨域请求和复杂跨域请求的处理区别。XMLHttpRequest会遵守同源策略(same-origin policy). 也即脚本只能访问相同协议/相同主机名/相同端口的资源, 如果要突破这个限制, 那就是所谓的跨域, 此时需要遵守CORS(Cross-Ori...

2019-01-30 14:57:17 396

weixin_43166729的博客

原创 js日期时间加减分钟数