<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ansheng02的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ansheng02</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ansheng02]]></copyright><item><title><![CDATA[lodash.js - 根据不同字段筛选出的数组 转 对象 转 数组]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/123377402</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/123377402</guid><author>ansheng02</author><pubDate>Thu, 10 Mar 2022 17:42:07 +0800</pubDate><description><![CDATA[使用 lodash 完成数据处理；
毕竟，一般认为，人与动物的本质区别在于制造与使用工具]]></description><category></category></item><item><title><![CDATA[用 Gephi 画图 - 我画出了我和北妈的联系]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/123243219</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/123243219</guid><author>ansheng02</author><pubDate>Mon, 07 Mar 2022 10:57:17 +0800</pubDate><description><![CDATA[没有预料到笔记本上没有Java环境，就安装配置了下Java环境，发文晚了一些，但是，虽迟但到。

本篇主题是用 Gephi 绘制一张传播图，数据是用的 “北妈桃花岛”，一起来耍吧~]]></description><category></category></item><item><title><![CDATA[Vue3.0 + pdf.js 实现pdf预览]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/122928438</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/122928438</guid><author>ansheng02</author><pubDate>Sun, 27 Feb 2022 13:33:06 +0800</pubDate><description><![CDATA[pdf.js的对象结构遵循实际PDF的结构，通过渲染 canvas 完成 PDF 预览。]]></description><category></category></item><item><title><![CDATA[ant-design-vue中 a-select组件 - 加载大量数据造成卡顿--已解决]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/122368768</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/122368768</guid><author>ansheng02</author><pubDate>Mon, 10 Jan 2022 13:37:53 +0800</pubDate><description><![CDATA[解决方案：借鉴 列表的滚动加载，实现 a-select 数据展示时滚动加载


隐藏问题：

在ant-design-vue 中 ，select 可以通过 输入文字 匹配 数据源中的数据，但是在滚动加载中，如果暂时还没有加载到该条数据，则不能 匹配 到的这条数据。

具体思路如下：

监听下拉框展开，下拉框展开后，要重置展示的数据，默认每一次新展开就回到初始加载的数据展示。
	监听数据滚动 - popupScroll
	滚动条改变后 请求数据加载（可以异步请求，也可以一次性请求后，分批加载）
	对滚动加载.]]></description><category></category></item><item><title><![CDATA[vue@3.0 + vue-router@4.0 - 通过路由拦截判断移动端和PC端]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/122335237</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/122335237</guid><author>ansheng02</author><pubDate>Fri, 07 Jan 2022 10:00:00 +0800</pubDate><description><![CDATA[本文实现的是 通过对设备的路由拦截 来判断当前设备是 移动端还是PC端，通过路由拦截可以有效避免 软路由判断时 刷新页面会回到首页的问题，当然之后也可以再出一个通过软路由实现移动端和PC端判断。]]></description><category></category></item><item><title><![CDATA[vue3.0 引入i18n 做国际化 - 做动态语言切换]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/121868565</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/121868565</guid><author>ansheng02</author><pubDate>Wed, 05 Jan 2022 23:57:53 +0800</pubDate><description><![CDATA[本文以 vue3.0 引入i18n 的使用为主，以 “中文” 和 “英文” 做演示，完成语言动态切换]]></description><category></category></item><item><title><![CDATA[vue3.0-echarts@5.0 - 旭日图+bar图 实现 小太阳]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/121869963</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/121869963</guid><author>ansheng02</author><pubDate>Sat, 11 Dec 2021 16:05:02 +0800</pubDate><description><![CDATA[echarts@5.0 通过旭日图+极坐标图 合成一个小太阳~]]></description><category></category></item><item><title><![CDATA[Vue3.0 - echarts5.x echarts-gl实现3D旋转地球]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/120271941</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/120271941</guid><author>ansheng02</author><pubDate>Sat, 18 Sep 2021 11:39:19 +0800</pubDate><description><![CDATA[先试试
]]></description><category></category></item><item><title><![CDATA[vue-echarts：动态赋值series，更新options]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/120272249</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/120272249</guid><author>ansheng02</author><pubDate>Mon, 13 Sep 2021 17:57:42 +0800</pubDate><description><![CDATA[这个是为了记录下解决的bug，问题场景：

初次请求数据：国家参数为 5 个，这个时候，筛选国家列表数据，

 当筛选的数据少于 5 个时，比如筛选了2个国家，则多出来的3条线会重合最后一条数据的线上，在点击图例“不显示该条数据”的时候，还是会显示剩余的三条线；
 当筛选的数据多于 5 个，这个时候，筛选国家，会出现最少两个数据 的 折线和图例对不上，出现互换的情况。


解析：
出现这样的问题原本的猜测是 颜色设置有问题，考虑的解决方案是：
 1. 在动态赋值 serie...]]></description><category></category></item><item><title><![CDATA[Vue3.0按需引入vue-echarts6.x版本—0.4-Echarts5.x地图下钻]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/120244742</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/120244742</guid><author>ansheng02</author><pubDate>Mon, 13 Sep 2021 16:38:57 +0800</pubDate><description><![CDATA[前两篇回顾：

第一篇：Vue3.0按需引入vue-echarts6.x版本—0.1-绘制中国地图

第二篇：Vue3.0按需引入vue-echarts6.x版本—0.2-Echarts5.x地图点击选中样式修改

第三篇：Vue3.0按需引入vue-echarts6.x版本—0.3-Echarts5.x地图自动轮播数据

时隔差不多一个半月再来更新这个系列，我可真是……虽迟但到？？！！

我接受吐槽~

言归正传，本片讲的是：“地图下钻”，具体的下钻之前是有讲过的，我在第一篇中也有提到，对echarts.]]></description><category></category></item><item><title><![CDATA[Vue3.0按需引入vue-echarts6.x版本—0.3-Echarts5.x地图自动轮播数据]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/118869082</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/118869082</guid><author>ansheng02</author><pubDate>Sun, 18 Jul 2021 18:33:49 +0800</pubDate><description><![CDATA[前两篇回顾：

第一篇：Vue3.0按需引入vue-echarts6.x版本—0.1-绘制中国地图

第二篇：Vue3.0按需引入vue-echarts6.x版本—0.2-Echarts5.x地图点击选中样式修改

通过前两篇文章的讲解，目前我们已经可以绘制地图，至于是省级地图或者全国地图或者实际地图都不在话下，地图有了，那接着来给地图加上数据吧。

正文 - 本篇知识点：

今天来分享“Echarts5.x下的地图数据自动轮播”，先来关注几个小的知识点：

Echarts5.x - visualMap

]]></description><category></category></item><item><title><![CDATA[Vue3.0按需引入vue-echarts6.x版本—0.2-Echarts5.x地图点击选中样式修改]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/118732710</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/118732710</guid><author>ansheng02</author><pubDate>Thu, 15 Jul 2021 23:34:59 +0800</pubDate><description><![CDATA[本篇文章会基于第一篇：Vue3.0按需引入vue-echarts6.x版本—0.1-绘制中国地图进行配置项修改。

声明

首先声明，我并不是在水文章啊，是echarts5.x中相对于echarts4.x新增了一些属性。

本系列“Vue3.0按需引入vue-echarts6.x”中主要用的是地图，所以目前仅针对地图样式改变的地方做出说明。

这个系列结束后，会再开一个“大屏系列”，详细的会在这个系列中有介绍。

Echarts5.0 配置项的改变

先来说一下echarts5.0中的几个配置项的改变，暂.]]></description><category></category></item><item><title><![CDATA[Vue3.0按需引入vue-echarts6.x版本—0.1-绘制中国地图]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/118660408</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/118660408</guid><author>ansheng02</author><pubDate>Tue, 13 Jul 2021 17:44:38 +0800</pubDate><description><![CDATA[版本

vue-echarts的文档链接


"vue":"^3.0.0",

"echarts":"^5.1.2",

"vue-echarts":"^6.0.0-rc.6",



正文

今年开春后，开始使用vue3.0进行开发，以之前也做过的“地图下钻”为例，之前的地图下钻例子

详情地址→


// 之前的开发版本是：

"vue":"^2.5.2",

"vue-echarts-v3":"^2.0.1",

vue-echarts在一个月前更新了“6.0.0-rc.6版本”，这个版本...]]></description><category></category></item><item><title><![CDATA[vue 引入element-ui，样式不生效-（已解决）]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/110060785</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/110060785</guid><author>ansheng02</author><pubDate>Tue, 24 Nov 2020 11:40:30 +0800</pubDate><description><![CDATA[https://www.cnblogs.com/Mr-lin66/archive/2019/05/25/13791884.html
]]></description><category></category></item><item><title><![CDATA[密码-正则校验（数字、字母、特殊字符-任意组合）]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/107985995</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/107985995</guid><author>ansheng02</author><pubDate>Thu, 13 Aug 2020 17:52:28 +0800</pubDate><description><![CDATA[/*
* {6,30}--》输入字符长度在6到30位之间
*/
function fun(val) {
    //精准校验：必须含有数字、字母、特殊字符，三个缺一不可
	// let exp = new RegExp(
	// 	"(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{6,30}"
	// );

    //--&gt;数字+字母；字母+特殊字符，特殊字符+数字
	let exp = /^(?![\d]+$)(?![a-zA-Z]+$)(?![^\d.]]></description><category></category></item><item><title><![CDATA[antV/L7@2.2.19-」世界地图+散点图]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/107124652</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/107124652</guid><author>ansheng02</author><pubDate>Sat, 04 Jul 2020 17:55:39 +0800</pubDate><description><![CDATA[之前更新过@antv/L7-&gt;1.3.20版本-》北京地图+散点图，链接可点，源码也放在了公众号里，这一篇@antv/L7-&gt;2.2.19版本的源码也会放在公众号里，可在最后提取。以下是正文：

 首先，安装antv/L7和antv/L7-maps，本项目用的是高德地图，目前antv/L7支持高德地图和Mapbox地图


npm install --save @antv/l7 
npm install --save @antv/l7-maps

 接下来我会对我写的这两个antv/...]]></description><category></category></item><item><title><![CDATA[vue 项目启动报错“Cannot GET /”]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/106071496</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/106071496</guid><author>ansheng02</author><pubDate>Tue, 12 May 2020 10:54:07 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[vue-echarts-v3——浙江省地图下钻（eg:浙江省-嘉兴市-嘉善县）]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/105473967</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/105473967</guid><author>ansheng02</author><pubDate>Sun, 12 Apr 2020 20:04:39 +0800</pubDate><description><![CDATA[vue-echarts-v3和echarts的地图下钻配置项其实是一样的，本身就vue-echarts-v3而言，它只是echarts在vue的使用中，打包成了一个组件。

    浙江省地图下钻需要geoJson数据包，浙江省及浙江省下的省市，geoJson的数据，可以通过这个链接（阿里云DATAV.GeoAtlas）获取geo数据包，很好用~（超推荐！！！！）



...]]></description><category></category></item><item><title><![CDATA[vue组件-table.vue]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/103593106</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/103593106</guid><author>ansheng02</author><pubDate>Wed, 18 Dec 2019 10:53:36 +0800</pubDate><description><![CDATA[借用table组件会说一下父子组件的传值。

子组件Table.vue，排名用index，并且自递增，标题的值和数据都是通过父组件传过来的。子组件通过props设置tabHeades：Array，tabDatas：Array接收iu父组件传过来的数组。


&lt;template&gt;
  &lt;li class="tab-wrapper"&gt;
    &lt;ul class="tab...]]></description><category></category></item><item><title><![CDATA[vue组件-BaseTime.vue]]></title><link>https://blog.youkuaiyun.com/ansheng02/article/details/103592100</link><guid>https://blog.youkuaiyun.com/ansheng02/article/details/103592100</guid><author>ansheng02</author><pubDate>Wed, 18 Dec 2019 09:48:59 +0800</pubDate><description><![CDATA[//BaseTime.vue
&lt;template&gt;
  &lt;div&gt;{{ now }}&lt;/div&gt;
&lt;/template&gt;
&lt;script&gt;
import moment from "moment";
export default {
  data: function() {
    this.moment = moment;
    re...]]></description><category></category></item></channel></rss>