<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[M_Limeng的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/M_Limeng</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; M_Limeng]]></copyright><item><title><![CDATA[大屏常用自定义工具]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/134986726</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/134986726</guid><author>M_Limeng</author><pubDate>Thu, 14 Dec 2023 09:32:07 +0800</pubDate><description><![CDATA[【代码】大屏常用自定义工具。]]></description><category></category></item><item><title><![CDATA[Echarts的世界、中国、省份地图]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/123091438</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/123091438</guid><author>M_Limeng</author><pubDate>Wed, 23 Feb 2022 15:38:41 +0800</pubDate><description><![CDATA[效果图

安装的依赖
npm i echarts echarts-gl -S

html
 &lt;div class="beijing"&gt;
      &lt;div id="ChinaMap"&gt;&lt;/div&gt;
      &lt;div id="WorldMap"&gt;&lt;/div&gt;
      &lt;div id="CityMap"&gt;&lt;/div&gt;
  &lt;/div&gt;

js
import echartsGL from "echarts-g]]></description><category></category></item><item><title><![CDATA[vue导出Excel]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/123048312</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/123048312</guid><author>M_Limeng</author><pubDate>Mon, 21 Feb 2022 15:30:21 +0800</pubDate><description><![CDATA[代码
  &lt;div&gt;
      &lt;table id="out-table"&gt;
          &lt;tr&gt;
              &lt;td&gt;123&lt;/td&gt;
              &lt;td&gt;123&lt;/td&gt;
              &lt;td&gt;123&lt;/td&gt;
              &lt;td&gt;123&lt;/td&gt;
              &lt;td&gt;123]]></description><category></category></item><item><title><![CDATA[浅拷贝、深拷贝]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/122927984</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/122927984</guid><author>M_Limeng</author><pubDate>Mon, 14 Feb 2022 17:04:18 +0800</pubDate><description><![CDATA[数组的浅拷贝、深拷贝
数组深拷贝传送门
对象的浅拷贝、深拷贝
数组深拷贝传送门
对象数组的浅拷贝、深拷贝
对象数组格式
let arr=[
{“a”:1,b:2,c:3},
{“a”:2,b:3,c:4},
]
数组对象深拷贝传送门

]]></description><category></category></item><item><title><![CDATA[数组去重reduce]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/122881225</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/122881225</guid><author>M_Limeng</author><pubDate>Fri, 11 Feb 2022 15:15:57 +0800</pubDate><description><![CDATA[数组的reduce方法
      let arr = [1, 11, 21, 31, 3, 6, 16, 34, 12, 11, 16, 41, 2, 1]
        var newArr = arr.reduce(function (prev, cur) {
            // console.log(arr,";;;;;;;;;;;");
            console.log(prev.indexOf(cur) === -1, "________");
           ]]></description><category></category></item><item><title><![CDATA[统计同一名称的数字]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/122881056</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/122881056</guid><author>M_Limeng</author><pubDate>Fri, 11 Feb 2022 15:10:43 +0800</pubDate><description><![CDATA[数据处理
统计同一名称的数字
   let name = ["赵", "钱", "孙", "李"]
        let info = {
            1: [{ name: "李", num1: 1, num2: 2 }, { name: "赵", num1: 1, num2: 2 }, { name: "孙", num1: 1, num2: 2 }, { name: "钱", num1: 1, num2: 2 }],
            2: [{ name: "李", num1: 1]]></description><category></category></item><item><title><![CDATA[ElementUI表单验证]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/118582235</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/118582235</guid><author>M_Limeng</author><pubDate>Tue, 08 Feb 2022 11:21:43 +0800</pubDate><description><![CDATA[ElementUI表单验证
ElementUI的表单验证借助了async-validator，该模块内置了很多原生类型的验证，如： string, number等相关类型
给el-form绑定model属性
&lt;template&gt;
  &lt;el-form :model="formData"&gt;&lt;/el-form&gt;
&lt;/template&gt;

&lt;script&gt;
  export default {
    data () {
      return {
 ]]></description><category></category></item><item><title><![CDATA[封装的获取任意月底的函数]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/122809615</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/122809615</guid><author>M_Limeng</author><pubDate>Mon, 07 Feb 2022 15:35:55 +0800</pubDate><description><![CDATA[封装的获取任意月底的函数
function hqyd(data) {
// 判断是否为闰年的函数
    function isRunYear(year1) {
        var flag = false;
        if (year1 % 4 == 0 &amp;&amp; year1 % 100 != 0 || year1 % 400 == 0) {
            flag = true;
        }
        return flag;
    }
    // le]]></description><category></category></item><item><title><![CDATA[数组的对象元素，按照对象的某个键分类，把键的值相同的放到一个数组里，生成一个新的二维数组]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/122564195</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/122564195</guid><author>M_Limeng</author><pubDate>Tue, 18 Jan 2022 17:20:52 +0800</pubDate><description><![CDATA[function sortArr(arr, str) {
            var _arr = [],
                _t = [],
                // 临时的变量
                _tmp;
            // 按照特定的参数将数组排序将具有相同值得排在一起
            arr = arr.sort(function (a, b) {
                var s = a[str],
            ]]></description><category></category></item><item><title><![CDATA[获取对象键名并放到数组里的两种方法]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/121331684</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/121331684</guid><author>M_Limeng</author><pubDate>Mon, 15 Nov 2021 11:55:04 +0800</pubDate><description><![CDATA[for in
let obj={
	name0: "yi"
	name1: "er"
	name2: "san"
}
let arr1=[]
for (const key in obj) {
   arr1.push(key)
}
console.log(arr1);// ['name0', 'name1', 'name2']

Object.keys(对象名)
console.log(Object.keys(obj));// ['name0', 'name1', 'name2']


]]></description><category></category></item><item><title><![CDATA[apply的妙用]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/121292855</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/121292855</guid><author>M_Limeng</author><pubDate>Fri, 12 Nov 2021 17:46:53 +0800</pubDate><description><![CDATA[数组元素添加到对象中
js将数组元素添加到对象中（或 数组转换成对象）有个小技巧：
var obj ={};
let a=[].push.apply('obj',[1,2,3,4,5])
console.log(obj);//输出结果：{0:1,1:2,2:3,3:4,4:5,length:5}


]]></description><category></category></item><item><title><![CDATA[vue中自定义文字样式和动态渲染图片]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/121292141</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/121292141</guid><author>M_Limeng</author><pubDate>Fri, 12 Nov 2021 17:27:20 +0800</pubDate><description><![CDATA[自定义文字样式和循环使用图片在VUE中使用方式
1）文字
在style标签引入
@import "路径";
/*例如:*/
@import "font/font.css";
/*此文件格式*/
@font-face {
  font-family: 'FontName';
  src: url('TTTGB-Medium180130.ttf');
  font-weight: normal;
  font-style: normal;
}

使用：
 font-family: 'FontName';

2）]]></description><category></category></item><item><title><![CDATA[echart 水柱图]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/120994539</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/120994539</guid><author>M_Limeng</author><pubDate>Wed, 27 Oct 2021 15:56:55 +0800</pubDate><description><![CDATA[标题效果图

 mounted(){
        this.setflow("flow","#104277","#58A2F0","#8BD7FF",0.5);
    },
methods:{
	setflow(vessel,bgcolor,bgcolor2,bgcolor3,val){
	  var chartDom = document.getElementById(vessel);
	  var myChart = this.$echarts.init(chartDom);
	  var opt]]></description><category></category></item><item><title><![CDATA[动画 图片在水平方向上按照圆心旋转]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/120993625</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/120993625</guid><author>M_Limeng</author><pubDate>Wed, 27 Oct 2021 15:40:53 +0800</pubDate><description><![CDATA[图片在水平方向上按照圆心旋转
@keyframes rotate2 { 	0% { 		transform: translateY(3%) rotateX(78deg) rotateZ(0); 	} 	100% { 		transform: translateY(3%) rotateX(78deg) rotateZ(360deg); 	} }

]]></description><category></category></item><item><title><![CDATA[echart饼图]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/120969030</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/120969030</guid><author>M_Limeng</author><pubDate>Tue, 26 Oct 2021 11:37:00 +0800</pubDate><description><![CDATA[效果图
setcharts(box){
            var chartDom = document.getElementById(box);
            var myChart = echarts.init(chartDom);
            var option;
            var option = {
            title: {
                text: '30%',
                subtext:'张家口]]></description><category></category></item><item><title><![CDATA[数组数据柱状图]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/120968885</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/120968885</guid><author>M_Limeng</author><pubDate>Tue, 26 Oct 2021 11:32:06 +0800</pubDate><description><![CDATA[效果图

drawLines(){
          var chartDom = document.getElementById('myChart');
          var myChart = echarts.init(chartDom);
          var option;
          option = {
            legend: {
              top:'6%',
              right:'10%',
             ]]></description><category></category></item><item><title><![CDATA[vue使用Echars柱状和折线混用]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/120904493</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/120904493</guid><author>M_Limeng</author><pubDate>Fri, 22 Oct 2021 13:57:24 +0800</pubDate><description><![CDATA[1.准备容器
&lt;div class="merchant_right" id="myChart" ref="myChart" &gt;&lt;/div&gt;

2.echars柱状和折线混合使用
methods: {
  drawLines(){
    // 容器
    var chartDom = document.getElementById('myChart');
    // 初始化实例对象
    var myChart = echarts.init(chartDom);
    // ]]></description><category></category></item><item><title><![CDATA[路由拦截(接口携带token)验证]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/118938694</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/118938694</guid><author>M_Limeng</author><pubDate>Wed, 29 Sep 2021 18:07:15 +0800</pubDate><description><![CDATA[路由拦截 router/index.js
在管理系统项目中，页面一定是除登录页外其他页面都不能直接访问，都需要登录后才能方式
router.beforeEach((to, from, next) =&gt; {
  if (to.path !== '/login') {
    // 对token进行验证 （验证token的接口）
    验证token().then(() =&gt; {
      next()
    })
    
    // .catch不需要再写了，因为在axios的响应拦截器]]></description><category></category></item><item><title><![CDATA[vue中使用echarts]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/119084701</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/119084701</guid><author>M_Limeng</author><pubDate>Wed, 29 Sep 2021 18:04:00 +0800</pubDate><description><![CDATA[vue中使用echarts
如果在vue里使用echarts可以使用vue-echarts，又因为echarts需要echarts模块，所以我们需要安装这两个模块
yarn add echarts vue-echarts

在vue2中使用该模块时，需要安装@vue/composition-api
yarn add @vue/composition-api

如何使用
1 创建对应的组件
在components中创建一个文件Chart.vue
2 生成基本的模板结构，引入v-chart组件
&lt;temp]]></description><category></category></item><item><title><![CDATA[格式化日期函数]]></title><link>https://blog.youkuaiyun.com/M_Limeng/article/details/120553596</link><guid>https://blog.youkuaiyun.com/M_Limeng/article/details/120553596</guid><author>M_Limeng</author><pubDate>Wed, 29 Sep 2021 18:02:51 +0800</pubDate><description><![CDATA[格式化日期函数1
export const formatDate = (date, fmt) =&gt; {
var o = {
“M+”: date.getMonth() + 1, //月份
“d+”: date.getDate(), //日
“h+”: date.getHours(), //小时
“m+”: date.getMinutes(), //分
“s+”: date.getSeconds(), //秒
“q+”: Math.floor((date.getMonth() + 3) / 3), //]]></description><category></category></item></channel></rss>