weixin_38897313的博客

原创 echarts 饼图中间文字颜色大小设置

只要在formatter里这样写就可以啦，rich里面写你需要的样式即可。

原创 uniapp封装公共的方法或者数据请求方法

1、新建一个util.js文件。或者直接在.vue页面引入。

原创 layuiadmin新建tabs标签页，点击保存，打开新的标签页并刷新

1、新建customMethod.js文件，自定义自己的方法。‘echartsTheme’ //echarts 主题。需求：新增的页面为一个标签页，保存后，需要刷新列表。‘echarts’, //echarts 核心包。2、找到config.js文件，引入自定义方法。‘customMethod’,//公用文件。3、在需要使用html页面use模块。用的layuiamin前端框架。//扩展的第三方模块。

原创 layui 表格select下拉不显示全的问题

【代码】layui 表格select下拉不显示全的问题。

原创 echarts实现全国及各省市地图

【代码】echarts实现全国及各省市地图。

原创 layui table合并相同的列或者使用tableMerge.js，

引入 tableMerge 模块即可。

原创 js 实现千分位toLocaleString，获取当前年份日期范围

【代码】js 实现千分位toLocaleString。

原创 Element选择年范围，year范围

Element选择年范围，year范围。

原创 Layui 主窗口调用 iframe 弹出框模块，获取控件的相应值

在iframe中调用上层窗口的模块就简单很多。

原创 layuiAdmin侧边栏菜单刷新保持当前页面

layuiadmin框架，每次刷新整个页面，都会回到首页，现在想刷新保持在当前页面

原创 ElementUi中el-cascader表单验证问题

【代码】ElementUi中el-cascader表单验证问题。

原创 诺依框架ruoyi.js添加默认当年日期范围

诺依框架ruoyi.js添加方法（默认当年日期范围）

原创 ElementUi tab组件切换导致echarts宽度变窄问题

使用echarts实例自带的resize()方法。解决tab组件变成100px的问题。

原创 layui弹窗编辑表单清空

我们的表格数据新增和编辑弹窗为共用，打开编辑后，再次打开新增弹窗，清空之前的内容，这时我们可以通过如下三种方法进行。表单必须是form的dom，div的则不行，无法触发。在相应的逻辑后添加，完成当前页面的刷新即可。通过ID查找并reset表单即可。

原创 layui表单重置按钮不生效的问题

【代码】layui表单重置按钮不生效的问题。

原创 echarts tooltip文字太长换行

echarts tooltip文字太长，设置宽度换行

原创 vue实现滚动监听，锚点定位，导航高亮

【代码】vue实现滚动监听，锚点定位，导航高亮。

原创 css鼠标移动上去才显示滚动条

【代码】css鼠标移动上去才显示滚动条。

原创 新版ECharts实现“暂无数据”的完美解决方案

在统计图上创建一个图片（可以理解为图层），然后在上面写上“暂无数据”的提示。这种方法也不会和自带标题产生冲突，同时不会像遮罩层那样导致标题变灰，是我认为比较完美的方法。

原创 js复制一个对象的方法,不改变原对象

【代码】js复制一个对象的方法,不改变原对象。

原创 vue element ui el-select多选与后端传值(多选，换成字符串数组的形式传值)

表单传值，换成字符串数组形式

原创 echarts 柱状图,单独一根柱子根据条件改变颜色

我这里是根据x轴数组的最后一个元素与series里面的color的val来做对比，如果相等就改变颜色。

原创 layui树形组件获取复选框选中的id,禁用选中父节点后自动选中子节点功能

在项目中，tree组件获取选中id后，id也包涵了父节点，回显的时候，父节点选中，子节点也全部选中的问题，以下简单的方法，用oncheck。禁用选中父节点后自动选中子节点功能，可以再layui tree 的oncheck事件里进行更改即可。

原创 layui tree组件实现搜索节点并展开

【代码】layui tree组件实现搜索节点并展开。

原创 js怎么判断两数组之间有没有交集

js判断数组之间有没有交集

原创 JQ实现将div的滚动条滚动到指定子元素所在的位置

JQ实现将div的滚动条滚动到指定子元素所在的位置

原创 layui弹出层的表单验证（form表单自带的验证不执行）

**layui弹出层form表单自带的验证不执行**找到btn 确认按钮的回调方法 把form方法直接写在 yse 的回调方法中去layer.open({ type: 1, title: false, closeBtn: 0, btn: ['提交', '取消'], shadeClose: true, skin: 'yourclass', content: '#layui-form'， success: function(layero, index){ /

原创 JS 对象 Key使用变量代替

JS 对象 Key使用变量代替let key = 'aa' let data = { key: 'value'}普通 的对象类型数据中 直接用变量名填写key 最后 key会变成变成变量名的字符串let data = { [key]: 'value'}使用中括号 以后 就会将变量所代表的值去填写key的名称...

原创 url传参特殊字符(#、%、&)处理

技术标签： url传参 特殊字符 #%& 后台获取不到参数js var str = $('#content').val(); str=str.replace(/\%/g,"%25"); str=str.replace(/\#/g,"%23"); str=str.replace(/\&/g,"%26"); var url="${rootname}/aa/ee.do?content="+str;javaString conten

原创 js获取上个月第一天和最后一天（layui）

var nowdays = new Date();var year = nowdays.getFullYear();var month = nowdays.getMonth();if (month == 0) { month = 12; year = year - 1;}if (month < 10) { month = '0' + month;}var myDate = new Date(year, month, 0);var startDate = y

原创 a 标签 图片下载

一般 a 标签下载文件的方式都是加download属性。但是对于图片下载来说，加了download的属性有时起作用，有时不起作用。如果真想下载远程图片在url后同加 ?response-content-type=application/octet-stream, 如下：<a href="http://d.hiphotos.baidu.com/zhidao/pic/item/6a63f6246b600c334c3e91cb1e4c510fd9f9a16a.jpg?response-content

原创 使用git将本地项目上传至git仓库

介绍一般来说开发过程中都是先在git创建远程仓库，然后fetch到本地仓库，再进行commit push等操作，但是有时候也需要将本地已经开发的项目上传至一个空的远程仓库中，期间也是遇到不少问题，特此总结一下初始化本地仓库初始化仓库git init将文件提交至本地仓库git commit -m “注释”关联线上仓库git remote add origin <线上仓库url>线上仓库url 为如下链接https://github.com/wenhaofan/xxx.git提

原创 日期补0位

function getNowFormatDate() { var day = new Date(); var Year = 0; var Month = 0; var Day = 0; var CurrentDate = ""; //初始化时间 //Year = day.getYear();//有火狐下2008年显示108的b

原创 vuecli3创建element项目

vue create my-app # vue-cli创建项目 cd my-app # 进入项目文件 vue add element # 添加element插件 Installing vue-cli-plugin-element... ​ #↓↓↓↓↓↓↓# ​ ? How do you want to import Element? # 你想如何导入Element > Fully import # 完全导入 Import on demand # 按需

原创 vuecli4创建项目失败command failed: npm install --loglevel error

vuecli4创建项目时总是失败，报错command failed: npm install --loglevel error安装淘宝镜像也是报错，在网上找的方法npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver完成操作之后重新创建一下项目vue create ****我安装版本如下:node -vv14.16.1npm -v6.14.2vue -V@vue

原创 echarts x坐标文字换行显示

xAxis: { type: 'category', data: [], axisLabel : {//坐标轴刻度标签的相关设置。 interval:0 , // 显示一竖条 // formatter: function(value){ // return value.split("").join("\n") // }, // 一行显示4个字 formatter: function(val) { .

原创 Bootstrap4 模态框垂直居中，在modal-dialog添加一个modal-dialog-centered

原创 解决echarts tab切换宽度百分比100% 时宽度为100px问题

// 基于准备好的dom，初始化echarts实例 $("#main2").css('width',$("#main1").width()); //#main1为第一个页面的div宽度 var myChart1 = echarts.init(document.getElementById('main1')); var myChart2 = echarts.init(document.getElementById('main2')); // 指定图表的配置项和数据 var option1.

原创 简单年龄换算

function calculatePetAge(birthday) {var userBirthday = new Date(birthday)var now = new Date()var petAgeNew = (now.getTime() - userBirthday.getTime())/(365 * 24 * 60 * 60 * 1000)var petAgeNew = parseInt(petAgeNew)if ( petAgeNew == 0 )return “1岁以下”els

原创 vue 点击导航平滑滑动页面(双向),实现移动端导航索引

直接上代码，可以测试下兼容，目前只测试了安卓可以，ios没测。<template> <div class="hello"> <div id="main"> <div>头部的东西 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad autem enim et ipsa iusto minus, mollitia omnis quae quam