<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[wly_er的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/wly_er</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; wly_er]]></copyright><item><title><![CDATA[echarts地图展示，地图数据封装，动态轮播每个有数据的省份]]></title><link>https://blog.youkuaiyun.com/wly_er/article/details/85231223</link><guid>https://blog.youkuaiyun.com/wly_er/article/details/85231223</guid><author>wly_er</author><pubDate>Fri, 11 Dec 2020 11:13:46 +0800</pubDate><description><![CDATA[echarts地图展示，地图数据封装，动态轮播每个有数据的省份

每1分钟定时轮播一个有数据的省份。若点击省份，则重置定时器，进入该省份，展示数据。








/**
 * 
 */
$(function () {
	safeDefenseData.init();
});
var safeDefenseData = {
	mapData: null,//地图数据
	provinceInd...]]></description><category></category></item><item><title><![CDATA[饼状图legend带百分数和值]]></title><link>https://blog.youkuaiyun.com/wly_er/article/details/86591732</link><guid>https://blog.youkuaiyun.com/wly_er/article/details/86591732</guid><author>wly_er</author><pubDate>Fri, 11 Dec 2020 11:10:24 +0800</pubDate><description><![CDATA[electricCarTypeChart () {
        let _this = this;
        let myChart = this.$echarts.init(this.$refs.electricCarTypeChart);
        let option = {
          tooltip: {
            trigger: 'ite...]]></description><category></category></item><item><title><![CDATA[微信小程序-mpvue-下拉加载，上滑刷新无法触发onReachBottom，onPullDownRefresh]]></title><link>https://blog.youkuaiyun.com/wly_er/article/details/106253071</link><guid>https://blog.youkuaiyun.com/wly_er/article/details/106253071</guid><author>wly_er</author><pubDate>Thu, 21 May 2020 15:35:37 +0800</pubDate><description><![CDATA[遇到的坑，记录一下，

问题.onReachBottom，onPullDownRefresh无法触发

解决办法：需要将onReachBottom，onPullDownRefresh放到与methods同级的位置，否则无法触发。

具体使用方法：

第一步：定义enablePullDownRefresh，backgroundTextStyle

如果单独引用，则在对应的main.json文件中添加

"enablePullDownRefresh":true,

"backgroundTextStyle...]]></description><category></category></item><item><title><![CDATA[mpvue微信小程序+vant时，upload组件无法进入after-read等回调函数]]></title><link>https://blog.youkuaiyun.com/wly_er/article/details/106258739</link><guid>https://blog.youkuaiyun.com/wly_er/article/details/106258739</guid><author>wly_er</author><pubDate>Thu, 21 May 2020 15:23:41 +0800</pubDate><description><![CDATA[问题：在使用mpvue开发小程序时，上传图片一直不能进入after-read回调函数。



解决办法：发现是不能识别短横线。因此需要改组件的源码。


第一步：修改vant组件里面的uploader/index.js文件。找到after-read，换成afterRead。



第二步：在组件使用的时候，同步将after-read 替换成 afterRead



此时，就能进入到afterRead的回调函数啦。



若其他回调也无法进入，可能也是这个原因，可同理进行修改。（未测试，个人认为）
...]]></description><category></category></item><item><title><![CDATA[vuecli3 配置less全局变量]]></title><link>https://blog.youkuaiyun.com/wly_er/article/details/102676486</link><guid>https://blog.youkuaiyun.com/wly_er/article/details/102676486</guid><author>wly_er</author><pubDate>Tue, 22 Oct 2019 09:37:50 +0800</pubDate><description><![CDATA[1.如果没有安装less，请先安装less


npm i less-loader less --save-dev


2.如果需要定义全局变量，请安装


npm istyle-resources-loader --save-dev


3.在vue.config.js中配置


const path = require('path')
function resolve (dir) {
 ...]]></description><category></category></item><item><title><![CDATA[vue使用vant轮播图时，无法判断是点击还是滑动问题解决方案]]></title><link>https://blog.youkuaiyun.com/wly_er/article/details/97114372</link><guid>https://blog.youkuaiyun.com/wly_er/article/details/97114372</guid><author>wly_er</author><pubDate>Wed, 24 Jul 2019 11:37:16 +0800</pubDate><description><![CDATA[有时候，我们需要在轮播图中添加点击事件，但是，在手机端，如果直接使用click事件，点击和滑动都会触发click。

为了解决这个问题，这里了我使用了@touchstart、@touchmove、@touchend三个事件。用来判断是点击还是滑动操作。

附上代码：






&lt;van-swipe class="banner" :loop="true" :height="height" ...]]></description><category></category></item><item><title><![CDATA[vue项目利用Hbuilder打包成APP流程，以及遇到的坑]]></title><link>https://blog.youkuaiyun.com/wly_er/article/details/97110493</link><guid>https://blog.youkuaiyun.com/wly_er/article/details/97110493</guid><author>wly_er</author><pubDate>Wed, 24 Jul 2019 11:15:02 +0800</pubDate><description><![CDATA[目录

1.打包项目

1.1打包的app出现白屏。

1.2点击页面跳转不了，报Loadingchunk2failed. 等错误。

1.3.点手机物理按钮，直接退出程序。

2.Hbuilder发布

2.1创建项目5+App项目

2.2替换文件

2.3利用云打包发布APP


1.打包项目

期间遇到的坑，提前说下，避免重复工作。

1.1打包的app出现白屏。

出现原...]]></description><category></category></item><item><title><![CDATA[echart 仪表盘样式记录]]></title><link>https://blog.youkuaiyun.com/wly_er/article/details/85229907</link><guid>https://blog.youkuaiyun.com/wly_er/article/details/85229907</guid><author>wly_er</author><pubDate>Mon, 24 Dec 2018 10:43:57 +0800</pubDate><description><![CDATA[var i = 0;
var colorList = [ '#7cb7ff', '#bf95ff', '#e5e5e5', '#e5e5e5' ];
var option = {
 title : {
  x : &quot;center&quot;,
  text : '-',
  bottom : '25%',
  textStyle : {
 ...]]></description><category></category></item><item><title><![CDATA[vue 开发时手机访问出错]]></title><link>https://blog.youkuaiyun.com/wly_er/article/details/85042111</link><guid>https://blog.youkuaiyun.com/wly_er/article/details/85042111</guid><author>wly_er</author><pubDate>Sun, 16 Dec 2018 22:55:51 +0800</pubDate><description><![CDATA[手机访问vue项目，前提条件，若是本地开发，必须保证手机和开发环境在同一局域网内，

然后通过cmd命令窗输入ipconfig查出本机ip，在手机中输入ip加端口号进行访问。

若是满足以上条件，还不行，可参考下面方法：

vue-cli脚手架搭建的vue项目，使用 npm run dev 直接开启项目无法用手机访问。

此时，最简单的方法，可以修改 package.json 中的dev命令，即可...]]></description><category></category></item><item><title><![CDATA[vue scss定义全局变量]]></title><link>https://blog.youkuaiyun.com/wly_er/article/details/84782930</link><guid>https://blog.youkuaiyun.com/wly_er/article/details/84782930</guid><author>wly_er</author><pubDate>Tue, 04 Dec 2018 10:01:16 +0800</pubDate><description><![CDATA[利用sass-resources-loader定义全局css变量

sass-resources-loader可以访问sass资源任何一个需要访问的sass模块。所以，我们可以利用他去实现变量定义。

步骤

1.安装sass-resources-loader插件


npm install --save-dev sass-resources-loader


2.在 build 文件夹下找到 u...]]></description><category></category></item><item><title><![CDATA[react 部署在ngnix上（windows环境）]]></title><link>https://blog.youkuaiyun.com/wly_er/article/details/82348593</link><guid>https://blog.youkuaiyun.com/wly_er/article/details/82348593</guid><author>wly_er</author><pubDate>Mon, 03 Sep 2018 16:55:26 +0800</pubDate><description><![CDATA[
目录

1.下载nginx。

2.测试nginx

3.配置react项目

4.nginx常用命令


1.下载nginx。



2.测试nginx

解压后，可以在cmd命令行输入：start nginx，开启服务，并在浏览器输入localhost，如果成功打开，则说明该nginx可以使用了。



出现该效果说明运行成功 



3.配置react项目

我的项目打包后目录结构：


...]]></description><category></category></item><item><title><![CDATA[react 利用路由钩子函数进行设置网页标题以及登录验证]]></title><link>https://blog.youkuaiyun.com/wly_er/article/details/82223459</link><guid>https://blog.youkuaiyun.com/wly_er/article/details/82223459</guid><author>wly_er</author><pubDate>Thu, 30 Aug 2018 17:57:07 +0800</pubDate><description><![CDATA[1.react-router v3

react-router v3中提供的onEnter，onUpdate，onLeave等方法，贯穿于react生命周期。

可以利用这些钩子函数对路由跳转进行处理。

例如：

利用钩子函数，设置网页标题


// 设置标题
const setTitle = (title) =&amp;gt; {
    document.title = title;
}


&amp;lt...]]></description><category></category></item><item><title><![CDATA[git上传忽略node_moudles]]></title><link>https://blog.youkuaiyun.com/wly_er/article/details/81638481</link><guid>https://blog.youkuaiyun.com/wly_er/article/details/81638481</guid><author>wly_er</author><pubDate>Tue, 28 Aug 2018 14:08:00 +0800</pubDate><description><![CDATA[在更目录新增.gitignore

里面写上你要排除的文件 ，比如：

node_modules/

 

即可]]></description><category></category></item><item><title><![CDATA[react-router 传参]]></title><link>https://blog.youkuaiyun.com/wly_er/article/details/82145526</link><guid>https://blog.youkuaiyun.com/wly_er/article/details/82145526</guid><author>wly_er</author><pubDate>Tue, 28 Aug 2018 14:07:12 +0800</pubDate><description><![CDATA[
前提：

react-router或react-router-dom4.0以上版本使用方法：

this.context.router.history.push('/users');

react-router或react-router-dom4.0以下版本使用方法：

this.context.router.push('/users');




传参：

（以下都是采用4.0以上版本写法）
...]]></description><category></category></item><item><title><![CDATA[react 热加载刷新 404 问题]]></title><link>https://blog.youkuaiyun.com/wly_er/article/details/82115451</link><guid>https://blog.youkuaiyun.com/wly_er/article/details/82115451</guid><author>wly_er</author><pubDate>Tue, 28 Aug 2018 11:45:23 +0800</pubDate><description><![CDATA[react 修改了文件后，或者手动刷新后，老是出现404，找不到文件。

错误：

Failed to load resource: the server responded with a status of 404 (Not Found)
user:1 Refused to execute script from 'http://localhost:8081/system/js/index.1d...]]></description><category></category></item></channel></rss>