<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[罗胖胖]]></title><description><![CDATA["比你努力的人都在努力学习，你还等什么？" "等着他们猝死啊。" "............"]]></description><link>https://blog.youkuaiyun.com/luoyali</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; luoyali]]></copyright><item><title><![CDATA[＜wx-open-launch-weapp＞微信公众号H5激活微信小程序躺坑日记]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/127672581</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/127672581</guid><author>luoyali</author><pubDate>Fri, 04 Nov 2022 10:09:55 +0800</pubDate><description><![CDATA[小程序唤起标签官方文档：[小程序唤起标签官方文档](https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#%E8%B7%B3%E8%BD%AC%E5%B0%8F%E7%A8%8B%E5%BA%8F%EF%BC%9Awx-open-launch-weapp)]]></description><category></category></item><item><title><![CDATA[nvm安装步骤 - window 版本]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/124168027</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/124168027</guid><author>luoyali</author><pubDate>Thu, 14 Apr 2022 11:49:07 +0800</pubDate><description><![CDATA[本地多个Node版本切换 之 Nvm安装步骤 - Window版本]]></description><category></category></item><item><title><![CDATA[Select 父类选中取消联动子类]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/106429753</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/106429753</guid><author>luoyali</author><pubDate>Thu, 04 Jun 2020 18:28:34 +0800</pubDate><description><![CDATA[当某程序猿兴高采烈修复完所有问题后，交付整个模块出去的时候，产品突发一句我认为选中父类联动有哪些子类，我需要取消父类的时候也要联动取消选中的子类
开发：mmp，怎么屁事这么多，还能不能好好的划个水
产经：别人竞品都可以，为什么我们系统不可以？
开发：… 内心已经想拿把30m的阳江十八刀砍过来了
迫于无奈开发小妹只能硬着头皮上了
效果图

代码片段
模板文件
  &lt;a-form layout="inline"
            :form="form"&gt;
      &lt;a-form-i]]></description><category></category></item><item><title><![CDATA[实现正则为 9开头的十位数或者是+7，+8开头的11位数]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/106407863</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/106407863</guid><author>luoyali</author><pubDate>Thu, 28 May 2020 16:27:21 +0800</pubDate><description><![CDATA[诉求：9开头的十位数或者是+7，+8开头的11位数
代码实现
let testTeg1 = /^\+[7|8]{0,11}$/ // +7 +8开头 后面可以跟上0 ~ 11位的值

let testTeg2 = /^9\d{0,10}$/    // 9 开头 后面可以跟上0 ~ 10位的值

let test3 = /^(\+[7|8]\d{0,11})|(9\d{0,10})$/


测试
testTeg1.test('+7') // true
testTeg1.test('+8') // true
]]></description><category></category></item><item><title><![CDATA[非父子组件通信]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/79931863</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/79931863</guid><author>luoyali</author><pubDate>Fri, 13 Apr 2018 17:56:36 +0800</pubDate><description><![CDATA[
  方法一：非父子组件之间的通信方式，可以通过eventBus，在一个组建中创建时的钩子函数中监听某个事件，在需要与其进行通信的组件中触发这个函数，同时进行数据的交换



eventBus.js




import Vue from 'vue'
export default new Vue  


parentTemplate.vue




&amp;lt;template&amp;gt;
  &amp;lt;h...]]></description><category></category></item><item><title><![CDATA[Git 生成SSH Key 之使用PuTTYgen工具]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/79789772</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/79789772</guid><author>luoyali</author><pubDate>Tue, 03 Apr 2018 17:22:27 +0800</pubDate><description><![CDATA[Git代码上传 SSH免密操作两种情况； 
  1. 本地使用TortoiseGit - PuTTYgen生成公钥和私钥； 
  2. 使用Git Bash 生成 码云平台版主文档


第一种方式


本地下载好Git、TortoiseGit


找到本地TortoiseGit  —&amp;gt; PuTTYgen 


点击Generate，生成key 


一定要滑动鼠标哦~~ 


最后生成...]]></description><category></category></item><item><title><![CDATA[Echarts 饼状图实现自动高亮扇面]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/79291717</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/79291717</guid><author>luoyali</author><pubDate>Thu, 08 Feb 2018 17:09:23 +0800</pubDate><description><![CDATA[
  在网上找了很多案例，基本上都不太符合自己想要的，这里想要饼状图中的每一个区域在定时器的作用下，每隔几秒高亮其中一个扇面，代码思路如下：


1、引用echarts.min.js版本号以3.x.为例



# 饼状图容器
&amp;lt;div id=&quot;twoEchart&quot; style=&quot;width: 210px;height: 100%&quot;&amp;gt;&amp;lt;/div&amp;gt;


2、饼状图详情实例


...]]></description><category></category></item><item><title><![CDATA[Echarts 绘制单独省份地图]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/79277838</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/79277838</guid><author>luoyali</author><pubDate>Wed, 07 Feb 2018 11:06:17 +0800</pubDate><description><![CDATA[1、 文档介绍


  采用node端http-server作为服务端，引用第三方插件Echarts


2、阅读对象


  本篇文章要求开发者熟悉 HTML、JavaScript、CSS、Echarts、Nodejs等开发技术


3、开发环境


  node v6.11.0 (win下载、Mac下载) 
  WebStorm 2017.3 (WebStorm )


4、开发实战

1、]]></description><category></category></item><item><title><![CDATA[vue-cli脚手架之二维码的生成（vue-qriously）]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/79262778</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/79262778</guid><author>luoyali</author><pubDate>Mon, 05 Feb 2018 17:59:27 +0800</pubDate><description><![CDATA[楼主项目需求中需要加入一个二维码扫描功能，在这之前还没有用过集成vue-cli脚手架里面的二维码插件，这块楼主就去github上面找开源的插件，基于vue的插件貌似很多，一般都会满足大部分需求，然后就是几经波折，最后实现了一下功能




这里楼主想跟各位说明一下：


二维码是通过今天的主角 “vue-qriously” 插件来生成的一个二维码；
当前讲解的是这个插件应用于vue-cli中；
如]]></description><category></category></item><item><title><![CDATA[ES6 之 对象扩展 前半部]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/79195923</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/79195923</guid><author>luoyali</author><pubDate>Mon, 29 Jan 2018 15:26:49 +0800</pubDate><description><![CDATA[属性的简介表示法

var foo = 'bar';
var baz = {foo};
console.log(baz);       //{ foo: 'bar' }


function f(x, y) {
    return {x, y};
}
console.log(f(1, 2));   //{ x: 1, y: 2 }


var o = {
    method() {]]></description><category></category></item><item><title><![CDATA[ES6 之 函数扩展（扩展运算符）]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/79161904</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/79161904</guid><author>luoyali</author><pubDate>Thu, 25 Jan 2018 14:53:04 +0800</pubDate><description><![CDATA[扩展运算符是三个点（…），好比rest参数的逆运算，讲一个数组转为用逗号分隔的参数序列


console.log(...[1, 2, 3]);      //1 2 3

console.log(1,...[2,3,4],5);    //1 2 3 4 5

console.log([...document.querySelectorAll('div')]);     //[div, div,]]></description><category></category></item><item><title><![CDATA[ES6之函数的扩展]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/79161585</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/79161585</guid><author>luoyali</author><pubDate>Thu, 25 Jan 2018 14:34:58 +0800</pubDate><description><![CDATA[基本用法



function log(x,y = 'World') {
   console.log(x,y);
}
log('hello');   //hello World
log('hello', 'china');//hello china
log('hello',''); //hello 


与解构赋值默认值结合使用



# demo1
function foo({x, y =]]></description><category></category></item><item><title><![CDATA[ES6 之 数组扩展]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/79137884</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/79137884</guid><author>luoyali</author><pubDate>Tue, 23 Jan 2018 17:10:57 +0800</pubDate><description><![CDATA[本文仅供学习案例记载，资料来源于《ES6标准入门》



Array.from()
Array.of()
数组实例之 copyWithin()
数组实例之 find() ，findIndex()
数组实例之 fill()
数组实例之 entries()，keys()， values()
数组实例之 includes()
数组的空位
数组推导


Array.from()


  将两类对象转为真正]]></description><category></category></item><item><title><![CDATA[ES6 之 数值的扩展]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/79126131</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/79126131</guid><author>luoyali</author><pubDate>Mon, 22 Jan 2018 17:34:01 +0800</pubDate><description><![CDATA[二进制和八进制的表示法


二进制和八进制的新写法：前缀0b(或0B)和0o（或 0O）标示
ES5严格模式下，八进制不允许使用前缀0表示 
ES6进一步明确使用前缀0o表示




    // 非严格模式
    (function(){
      console.log(0o11 === 011);
    })() // true

    // 严格模式
    (function()]]></description><category></category></item><item><title><![CDATA[ES6 之 let和const命令]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/79104890</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/79104890</guid><author>luoyali</author><pubDate>Fri, 19 Jan 2018 13:37:59 +0800</pubDate><description><![CDATA[let命令特点


let 声明的变量只在其所在的代码块有效





    # demo1
    {
        let a = 10;
        var b = 1;
    }
    console.log(a); //ReferenceError: a is not defined
    console.log(b); // 1

    # demo2
    for]]></description><category></category></item><item><title><![CDATA[ES6 之 命令行环境运行]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/79098155</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/79098155</guid><author>luoyali</author><pubDate>Thu, 18 Jan 2018 16:49:09 +0800</pubDate><description><![CDATA[- Babel 提供babel-cli工具，用于命令行转码。  npm install --global babel-cli
        
npm install --save babel-preset-es2015   - 当前目录下新建配置文件.babelrc    {
  "presets": ['es2015']
}  - Babel基本用法如下     # babel自带babel-]]></description><category></category></item><item><title><![CDATA[Vue-cli实现Markdown解析为Html以及highlight高亮代码块]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/79098046</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/79098046</guid><author>luoyali</author><pubDate>Thu, 18 Jan 2018 16:44:53 +0800</pubDate><description><![CDATA[marked用来干什么的？

  一个功能齐全的markdown**解析器**和**编译器**，用JavaScript编写。速度建成。


marked该怎么使用？


 **安装**


npm install -g marked       //全局安装 

**使用**


    




    let marked = require('marked');]]></description><category></category></item><item><title><![CDATA[Jquery 实现全选和反选]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/49514937</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/49514937</guid><author>luoyali</author><pubDate>Fri, 30 Oct 2015 18:03:56 +0800</pubDate><description><![CDATA[使用jQuery实现全选和反选


首先要导入jquery库(这个需要各位亲们自己来引入咯,* - * )




主要体里面的内容为以下代码(友友们不要介意,希望多多包涵)

1.时间都去哪儿了
2.海阔天空
3.真的爱你
4.不再犹豫
5.光辉岁月
6.喜欢你








下面就是正式jquery操作咯:
1.点击全选的复选框
$('#a]]></description><category></category></item><item><title><![CDATA[实现动态加载JS脚本]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/49147729</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/49147729</guid><author>luoyali</author><pubDate>Thu, 15 Oct 2015 08:30:20 +0800</pubDate><description><![CDATA[1.直接使用document.write("XXXXX");
  var urlPath = window.location.pathname;
  var projectName = urlPath.substring(0,urlPath.indexOf("/",2)) + "/"; /*这里为获取你的项目名称*/
  document.write("");


2.动态创建java]]></description><category></category></item><item><title><![CDATA[Jquery中ul li循环取值方式]]></title><link>https://blog.youkuaiyun.com/luoyali/article/details/46892199</link><guid>https://blog.youkuaiyun.com/luoyali/article/details/46892199</guid><author>luoyali</author><pubDate>Wed, 15 Jul 2015 13:53:14 +0800</pubDate><description><![CDATA[/*对ul下的li添加click事件,不用在文档加载完毕后循环遍历*/
 1、$(document).ready(function(){
       $("ul li").click(function(){
         alert($(this).index());
       });
     });
/*这个是对ul下的li循环遍历一遍*/
  2、$(document]]></description><category></category></item></channel></rss>