<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[朝雨的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/rRainyevening</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; rRainyevening]]></copyright><item><title><![CDATA[用一个颜色代码进行css颜色渐变，将颜色代码转换成RGB值]]></title><link>https://blog.youkuaiyun.com/rRainyevening/article/details/131455042</link><guid>https://blog.youkuaiyun.com/rRainyevening/article/details/131455042</guid><author>rRainyevening</author><pubDate>Thu, 29 Jun 2023 14:08:36 +0800</pubDate><description><![CDATA[用一个颜色代码进行css颜色渐变，将颜色代码转换成RGB值]]></description><category></category></item><item><title><![CDATA[微信开放标签 wx-open-subscribe（复数模板）]]></title><link>https://blog.youkuaiyun.com/rRainyevening/article/details/113601174</link><guid>https://blog.youkuaiyun.com/rRainyevening/article/details/113601174</guid><author>rRainyevening</author><pubDate>Wed, 03 Feb 2021 13:58:30 +0800</pubDate><description><![CDATA[以为wx-open-subscribe例子，先公众号设置-》功能设置绑定JS接口安全域名

保证"weixin-js-sdk": “^1.6.0” 在1.6或以上
html代码：（这里用的是vue，原生看看官网就行）

&lt;wx-open-subscribe style="width: 40vw;" @success="participateCJ" @error="subError" :template="subTemplateId" id="subscribe-btn" &gt;
    &lt;s.]]></description><category></category></item><item><title><![CDATA[vue动态改变css的值，改变placeholder的颜色。]]></title><link>https://blog.youkuaiyun.com/rRainyevening/article/details/109898669</link><guid>https://blog.youkuaiyun.com/rRainyevening/article/details/109898669</guid><author>rRainyevening</author><pubDate>Sat, 21 Nov 2020 15:19:15 +0800</pubDate><description><![CDATA[以改变input的placeholder颜色为例子

	&lt;div class="red_bg"&gt;
	    &lt;input ref="is" type="text" placeholder="请输入内容"&gt;
	&lt;/div&gt;    


设置事件，动态更新css的值

		mounted() {
            // 解决input颜色问题
            this.$refs.is.style.setProperty(
                'p.]]></description><category></category></item><item><title><![CDATA[zan-ajax的使用方式]]></title><link>https://blog.youkuaiyun.com/rRainyevening/article/details/109469188</link><guid>https://blog.youkuaiyun.com/rRainyevening/article/details/109469188</guid><author>rRainyevening</author><pubDate>Tue, 03 Nov 2020 14:43:46 +0800</pubDate><description><![CDATA[安装 zan-ajax ：


npm install zan-ajax

2.Vue 里引入zan-ajax

import ajax from ‘zan-ajax’

3.post的使用（get很简单就不写了，大致雷同）：
    // post请求
    // $api 接口
    // $parmas 参数
    // fn 函数
    post(api, parmas, fn) {
      ajax({
        url: `${this.url}${api}`,
      .]]></description><category></category></item><item><title><![CDATA[Echart 地图 背景 图片契合]]></title><link>https://blog.youkuaiyun.com/rRainyevening/article/details/107196867</link><guid>https://blog.youkuaiyun.com/rRainyevening/article/details/107196867</guid><author>rRainyevening</author><pubDate>Wed, 08 Jul 2020 08:33:39 +0800</pubDate><description><![CDATA[原理：在一个大div下放两个，一个是Echart代码地图，一个是背景图片，然后将代码地图设置为透明，设置两个子元素的定位吻合就行。

缩放与移动事件 ：https://blog.youkuaiyun.com/rRainyevening/article/details/107196809

...]]></description><category></category></item><item><title><![CDATA[vue 缩放与移动（放大缩小“简单”动画）]]></title><link>https://blog.youkuaiyun.com/rRainyevening/article/details/107196809</link><guid>https://blog.youkuaiyun.com/rRainyevening/article/details/107196809</guid><author>rRainyevening</author><pubDate>Wed, 08 Jul 2020 08:31:58 +0800</pubDate><description><![CDATA[需要进行缩放与移动的div
&lt;div ref="chmap" style="transform:scale(1)" @touchstart="touchstart($event)" @touchmove="touchmove($event)" @touchend="touchend($event)"&gt;
  、、内容
&lt;/div&gt;


手势操作开始，手指触摸到屏幕

      // 手势操作开始
      touchstart(e) {
        this.pageX = e]]></description><category></category></item><item><title><![CDATA[html2canvas 图片偏移+不全（vue，附有解决方法）]]></title><link>https://blog.youkuaiyun.com/rRainyevening/article/details/107077810</link><guid>https://blog.youkuaiyun.com/rRainyevening/article/details/107077810</guid><author>rRainyevening</author><pubDate>Thu, 02 Jul 2020 09:49:33 +0800</pubDate><description><![CDATA[下面是我原来的写法，这个写法原来并没有问题，但后面出现图片不完整+ 白屏+ 偏移（下面附有解决方法）
要截图的区域（截取
          &lt;div ref="imageToFile" id="imageToFile"&gt;
            &lt;van-col :span="24" class="topPage" :style="{backgroundImage:'url(' + backImg + ')'}" &gt;    
              &lt;img class=]]></description><category></category></item><item><title><![CDATA[Echart 地图 单独显示某个选中效果，高亮]]></title><link>https://blog.youkuaiyun.com/rRainyevening/article/details/107076642</link><guid>https://blog.youkuaiyun.com/rRainyevening/article/details/107076642</guid><author>rRainyevening</author><pubDate>Thu, 02 Jul 2020 08:48:54 +0800</pubDate><description><![CDATA[最开始看网上说设置数据中的selected: true，但发现无效，
然后下图是修改后代码，设置数据中的selected: true， 原本选中样式是写在geo里，然后coordinateSystem: ‘geo’, 这样引用，导致无法生效。
     事件名称() {
        let self = this;
        let myChart = echarts.init(this.$refs.myEchart); //这里是为了获得容器所在位置    
        let mapNam]]></description><category></category></item><item><title><![CDATA[Echarts  地图 监听空白区域事件，监听移动or缩放事件]]></title><link>https://blog.youkuaiyun.com/rRainyevening/article/details/107076611</link><guid>https://blog.youkuaiyun.com/rRainyevening/article/details/107076611</guid><author>rRainyevening</author><pubDate>Thu, 02 Jul 2020 08:45:49 +0800</pubDate><description><![CDATA[myChart 是地图名字，georoam是监听缩放事件
myChart.getZr().on('click', (res)=&gt;{ // 空白
    this.welfare = false
});
myChart.on('click', (res)=&gt;{
    this.cleanse(res)
});
myChart.on('georoam', (res)=&gt;{ // 移动or缩放
    this.cleanse(res)
});


...]]></description><category></category></item><item><title><![CDATA[Echarts实现中国地图并下钻]]></title><link>https://blog.youkuaiyun.com/rRainyevening/article/details/105782727</link><guid>https://blog.youkuaiyun.com/rRainyevening/article/details/105782727</guid><author>rRainyevening</author><pubDate>Tue, 30 Jun 2020 10:19:09 +0800</pubDate><description><![CDATA[要实现中国地图，并且有图片标点还能下钻，话不多说上效果图（下面有地图json文件提示）


本效果使用Echarts ，我在找地图json文件时发现Echarts有文件，下图是路径。

import china from ‘…/…/…/…/…/node_modules/echarts/map/json/china.json’; // 引入中国地图数据

接下来上完整代码，有注释

&lt;temp...]]></description><category></category></item><item><title><![CDATA[Echarts 地图点击触发多次]]></title><link>https://blog.youkuaiyun.com/rRainyevening/article/details/107034434</link><guid>https://blog.youkuaiyun.com/rRainyevening/article/details/107034434</guid><author>rRainyevening</author><pubDate>Tue, 30 Jun 2020 09:55:23 +0800</pubDate><description><![CDATA[Echarts 地图点击事件多次触发原因，有触发三次的，有触发两次的
我推测是因为地图有下钻，虽然你点了中国地图，但同时也点了省份地图
解决方法：
myChart.off('click');// 这里使用off避免重复调用
myChart.on('click', (res)=&gt;{
    （事件）
});

网上说的另一种解决方法，我使用无效：
myChart.off('click').on('click', (res)=&gt;{

});


...]]></description><category></category></item><item><title><![CDATA[div补齐，一行]]></title><link>https://blog.youkuaiyun.com/rRainyevening/article/details/105650170</link><guid>https://blog.youkuaiyun.com/rRainyevening/article/details/105650170</guid><author>rRainyevening</author><pubDate>Mon, 27 Apr 2020 08:19:42 +0800</pubDate><description><![CDATA[本次记录一个事件，本人为了实现下图效果，在没使用flex的情况用了事件写出来，后来改用更为方便，完善的flex布局。
要求：获取后端给到的数据后排列，要求布满一行，不够换行，但保证每行充足


...]]></description><category></category></item><item><title><![CDATA[ES6-彩票实战项目创建（一）——项目搭建]]></title><link>https://blog.youkuaiyun.com/rRainyevening/article/details/104321992</link><guid>https://blog.youkuaiyun.com/rRainyevening/article/details/104321992</guid><author>rRainyevening</author><pubDate>Fri, 14 Feb 2020 23:59:07 +0800</pubDate><description><![CDATA[前言：因为看的教学视频久远的原因，导致npm包版本与视频代码不相容，故查询资料进行选定版本安装

示例:npm install webpack@2.2.1 --save-dev

package.json
{
  "name": "es6",
  "version": "1.0.1",
  "description": "",
  "main": "index.js",
  "scripts": ...]]></description><category></category></item><item><title><![CDATA[新建vue项目， vue-cli 3]]></title><link>https://blog.youkuaiyun.com/rRainyevening/article/details/102746194</link><guid>https://blog.youkuaiyun.com/rRainyevening/article/details/102746194</guid><author>rRainyevening</author><pubDate>Fri, 25 Oct 2019 18:06:37 +0800</pubDate><description><![CDATA[新建vue项目， vue-cli 3
将流粗略记录一下，提醒自己
第一步npm安装（镜像自己百度，不想写）
首先：先从nodejs.org中下载nodejs
链接: https://nodejs.org/en/.

安装过程优快云很多就不写了，安装完后检查系统是否可以使用`
打开cmd 运行 node -v 查看node版本号

node -v

打开cmd 运行 npm -v 查看npm版本号...]]></description><category></category></item><item><title><![CDATA[html实现省份、地市、区县三级联动（原生js）]]></title><link>https://blog.youkuaiyun.com/rRainyevening/article/details/92609914</link><guid>https://blog.youkuaiyun.com/rRainyevening/article/details/92609914</guid><author>rRainyevening</author><pubDate>Mon, 17 Jun 2019 13:27:27 +0800</pubDate><description><![CDATA[html实现省份、地市、区县三级联动（原生js）
命名有点随便，不喜勿喷
友情链接（另一种实习方法，用了他的数据库）：https://blog.youkuaiyun.com/qq_17522211/article/details/84580492
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="U...]]></description><category></category></item><item><title><![CDATA[npm不是内部或外部命令（明明之前能用或者装好了）]]></title><link>https://blog.youkuaiyun.com/rRainyevening/article/details/91157758</link><guid>https://blog.youkuaiyun.com/rRainyevening/article/details/91157758</guid><author>rRainyevening</author><pubDate>Fri, 07 Jun 2019 22:01:06 +0800</pubDate><description><![CDATA[这篇文章是用来提示自己的一个错误
我昨天执行npm run dev 时报错，然后我查了很久最终发现是我把文件夹的名字改了
![原本文件夹名字](https://img-blog.csdnimg.cn/2019060721580120.JPG)
![修改后的名字](https://img-blog.csdnimg.cn/20190607215851175.JPG)
然后就报错了
我改回来后正常执行，...]]></description><category></category></item><item><title><![CDATA[js获取元素css3的transform]]></title><link>https://blog.youkuaiyun.com/rRainyevening/article/details/88941651</link><guid>https://blog.youkuaiyun.com/rRainyevening/article/details/88941651</guid><author>rRainyevening</author><pubDate>Mon, 01 Apr 2019 09:36:49 +0800</pubDate><description><![CDATA[*js获取元素css3的transform
window.function (){
var el = document.getElementById(“dsiv”);
var st = window.getComputedStyle(el, null);//获取外部或style中的css
var tr = st.getPropertyValue("-webkit-transform") || //...]]></description><category></category></item></channel></rss>