<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[KELION1234的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/KELION1234</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; KELION1234]]></copyright><item><title><![CDATA[小程序框架MpVue踩坑日记（二）]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850414</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850414</guid><author>KELION1234</author><pubDate>Tue, 17 Sep 2019 16:08:00 +0800</pubDate><description><![CDATA[数据嵌套超过三层或者等于三层的时候
父组件传值给子组件后，如果子组件内的值需要改变
通过this.emit()传值后，父组件的值虽然会改变，但是视图并不会重新渲染
原因就是数据嵌套太多，没有触发render函数进行自动更新，这个时候需要手动清除需要改变的内容，重新进行赋值


转载于:https://www.cnblogs.com/WhiteM/p/11534595.html...]]></description><category></category></item><item><title><![CDATA[小程序mpvue中动态切换echarts图表]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850411</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850411</guid><author>KELION1234</author><pubDate>Thu, 08 Aug 2019 15:17:00 +0800</pubDate><description><![CDATA[如果你用mpvue，而且还想用echarts，那么这个包你可以以来一下
https://github.com/F-loat/mpvue-echarts

考虑到多个页面都休要用，所以抽出来作为一个组件，总得来说根据官方的例子小改动了一下
vue文件

1 &lt;template&gt;
2   &lt;div class="echarts-wrap"&gt;
3    ...]]></description><category></category></item><item><title><![CDATA[小程序踩坑之不同屏幕下动态改变translate值]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850413</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850413</guid><author>KELION1234</author><pubDate>Fri, 17 May 2019 17:17:00 +0800</pubDate><description><![CDATA[案例还原
小程序做一个进度条，可以通过拽转控制进度
那么肯定有一个进度条，不过小程序自己会做适配宽高
6s下这个div的width 是250
6splus就是276
但是问题来了，我拖拽用的是translateX，
这个值，小程序不会帮忙增加，
举个例子在6s机子下，进度条分为三级

总宽度250分为三段，那么translateX：低级为0，中级为225，高级就是250...]]></description><category></category></item><item><title><![CDATA[Koa2+MySQL+VUE+ElementIUI搭建简单的后台管理小系统]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850376</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850376</guid><author>KELION1234</author><pubDate>Wed, 26 Dec 2018 22:09:00 +0800</pubDate><description><![CDATA[如题，前端入坑许久，还是写个小东西出来吧
想要搭建自己的一个后台管理，实现简单的增删改查，看起来很简单
其实是真的简单，没有想的那么难，我也就写了一个月吧，
当然是假的，其实也就每天一两个小时，花了大概一周吧
下了最新的vue脚手架也就是3.0版本，还得自己配置config文件
怎么升级3.0，我就不多说了，网上太多了
10分钟上手最新vue脚手架
比如上面这篇讲的还是很通...]]></description><category></category></item><item><title><![CDATA[小程序框架MpVue踩坑日记（一）]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850374</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850374</guid><author>KELION1234</author><pubDate>Fri, 01 Jun 2018 09:50:00 +0800</pubDate><description><![CDATA[小程序也做了几个小功能模块了，总觉得需要总结一下，踩坑什么的还是得记录一下啊。
好吧，其实是为了方便回顾
首先，说到小程序框架，大家都知道wepy，不过，我是没用过
美团开发团队到mpvue到是个实在到东西，因为自己之前用到vue，所以上手可以说是难度很低
坑可以说还是很多的，下面说说我自己遇到的，当然是想到哪写到哪了，见谅，哈哈
一 filter
首先vue支持的filte...]]></description><category></category></item><item><title><![CDATA[(转载)常用正则表达式大全——包括校验数字、字符、一些特殊的需求]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850372</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850372</guid><author>KELION1234</author><pubDate>Thu, 18 Jan 2018 09:59:00 +0800</pubDate><description><![CDATA[一、校验数字的表达式
1 数字：^[0-9]*$
2 n位的数字：^\d{n}$
3 至少n位的数字：^\d{n,}$
4 m-n位的数字：^\d{m,n}$
5 零和非零开头的数字：^(0|[1-9][0-9]*)$
6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$
7 带1-2位小数的正数或负数：^(\-)?\d...]]></description><category></category></item><item><title><![CDATA[css选择器参考手册]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850371</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850371</guid><author>KELION1234</author><pubDate>Mon, 08 Jan 2018 13:50:00 +0800</pubDate><description><![CDATA[选择器例子例子描述CSS

.class
.intro
选择 class="intro" 的所有元素。
1


#id
#firstname
选择 id="firstname" 的所有元素。
1


*
*
选择所有元素。
2


element
p
选择所有 &lt;p&gt; 元素。
1


element,element...]]></description><category></category></item><item><title><![CDATA[gitHub静态页面托管]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850386</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850386</guid><author>KELION1234</author><pubDate>Sat, 21 Oct 2017 21:03:00 +0800</pubDate><description><![CDATA[github已经是众所周知的程序员同性交友网站了，我就不多说了，(+_+)?
下面讲一讲如何在不用自己购买空间域名备案的情况下，通过github来托管自己的一些小demo或者项目
让其能够通过github的链接直接访问
首先，如果你是已经在github有了自己的一个项目，嗯，那就拿我自己的小demo作为例子
我这里用的是git bash，当然你要是用git cmd 也是一样的，不...]]></description><category></category></item><item><title><![CDATA[JavaScript之this的工作原理]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850369</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850369</guid><author>KELION1234</author><pubDate>Thu, 07 Sep 2017 13:10:00 +0800</pubDate><description><![CDATA[JavaScript 有一套完全不同于其它语言的对this的处理机制。
在五种不同的情况下 ，this指向的各不相同。
1。全局范围内


当在全部范围内使用this，它将会指向全局对象。
2。函数调用

这里this也会指向全局对象，可以这么理解
在这里，我们可以这么理解没有明确的调用对象的时候，函数的this还是在全局范围内，所以这里的this绑定到...]]></description><category></category></item><item><title><![CDATA[JavaScript之闭包]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850366</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850366</guid><author>KELION1234</author><pubDate>Tue, 05 Sep 2017 18:33:00 +0800</pubDate><description><![CDATA[这次是一篇读后感

深入理解javasrcipt原型和闭包(15)——闭包
Javasrcipt秘密花园——函数之闭包和引用
通读两篇关于闭包的文章之后，还是有点收获的，就总结一下，怕自己忘记
好，下面开始我的表演
闭包是什么？
闭包是 JavaScript 一个非常重要的特性，这意味着当前作用域总是能够访问外部作用域中的变量。
(而在通常情况下当前作用域只能访问本身...]]></description><category></category></item><item><title><![CDATA[JavaScrip函数与声明表达式]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850409</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850409</guid><author>KELION1234</author><pubDate>Tue, 05 Sep 2017 15:17:00 +0800</pubDate><description><![CDATA[首先我们看下函数的两种命名方式
1。函数声明，声明一个函数

function test1(){
    var a=0;　　 console.log(a);
    //左一些操作。。。
}

执行结果如下

我们看一下，无论是在函数声明之前还是声明之后都可以执行()
原因就是
上面的方法会在执行前被解析(hoisted)，因此它存在于当前上下文的任意一...]]></description><category></category></item><item><title><![CDATA[JQuery中的text(),html()和val()区别]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850407</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850407</guid><author>KELION1234</author><pubDate>Sun, 03 Sep 2017 17:25:00 +0800</pubDate><description><![CDATA[定义和用法
text() 方法方法设置或返回被选元素的文本内容
代码如下

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-widt...]]></description><category></category></item><item><title><![CDATA[javaScript中innerHTML,innerText,outerHTML,outerText的区别]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850410</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850410</guid><author>KELION1234</author><pubDate>Sat, 02 Sep 2017 15:14:00 +0800</pubDate><description><![CDATA[开头说下innerText和outerText只在chrome浏览器中有效
定义和用法
innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML，包括标签。
来看代码

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
...]]></description><category></category></item><item><title><![CDATA[CSS3自定义滚动条样式 -webkit-scrollbar]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850405</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850405</guid><author>KELION1234</author><pubDate>Fri, 18 Aug 2017 16:21:00 +0800</pubDate><description><![CDATA[有没有觉得浏览器自带的原始滚动条很不美观，同时也有看到很多网站的自定义滚动条显得高端，就连chrome32.0开发板都抛弃了原始的滚动条，美观多了。那webkit浏览器是如何自定义滚动条的呢？

前言
webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。
演示...]]></description><category></category></item><item><title><![CDATA[Javascript字符串拼接]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850408</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850408</guid><author>KELION1234</author><pubDate>Tue, 01 Aug 2017 16:47:00 +0800</pubDate><description><![CDATA[拼接普通的一个标签

"&lt;li&gt;" + "&lt;a href='#'&gt;" + "这是文本内容"+ "&lt;/a&gt;" + "&lt;/li&gt;";

拼接带有类名的标签

"&lt;li&gt;" + "&lt;a href='#'&gt;" +"这是文本内容"+ "&lt;/a&gt;" + "&lt;ul class=off&gt;" + "...]]></description><category></category></item><item><title><![CDATA[JavaScript+Json写的二级联动]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850403</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850403</guid><author>KELION1234</author><pubDate>Thu, 20 Jul 2017 17:15:00 +0800</pubDate><description><![CDATA[省市区的联动，相当常见
我就不写这么大数据的了，先写个简单的试一试

&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;meta charset="utf-8"&gt;

&lt;/head&gt;

&lt;body&gt;
    ...]]></description><category></category></item><item><title><![CDATA[JavaScript根据Json数据来做的模糊查询功能]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850406</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850406</guid><author>KELION1234</author><pubDate>Wed, 19 Jul 2017 16:38:00 +0800</pubDate><description><![CDATA[类似于百度搜索框的模糊查找功能
需要有有已知数据，实现搜索框输入字符，然后Js进行匹配，然后可以通过鼠标点击显示的内容，把内容显示在搜索框中
当然了，正则只是很简单的字符匹配，不具备多么复杂的判断

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&g...]]></description><category></category></item><item><title><![CDATA[JavaScript通过正则随机生成电话号码]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850401</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850401</guid><author>KELION1234</author><pubDate>Wed, 19 Jul 2017 15:41:00 +0800</pubDate><description><![CDATA[没有接口，就只能自己模拟Json数据了
恰好需要模拟一些电话号码，我又懒得自己随便写，
不如写一个小功能就用来实现随机生成电话号码

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport...]]></description><category></category></item><item><title><![CDATA[(转载)JavaScript递归查询 json 树 父子节点]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850404</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850404</guid><author>KELION1234</author><pubDate>Tue, 18 Jul 2017 15:36:00 +0800</pubDate><description><![CDATA[在Json中知道某个属性名，想要确定该属性在Json树具体的节点，然后进行操作还是很麻烦的
可以用以下方法找到该属性所在的节点，和父节点

&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;json-q...]]></description><category></category></item><item><title><![CDATA[JavaScript中批量设置Css样式]]></title><link>https://blog.youkuaiyun.com/KELION1234/article/details/101850399</link><guid>https://blog.youkuaiyun.com/KELION1234/article/details/101850399</guid><author>KELION1234</author><pubDate>Tue, 18 Jul 2017 15:18:00 +0800</pubDate><description><![CDATA[设置 input 元素的 属性：
document.getElementsByTagName("INPUT")[0].setAttribute("属性","属性内容");

定义和用法
setAttribute() 方法添加指定的属性，并为其赋指定的值。
如果这个指定的属性已存在，则仅设置/更改值

当然也可以批量修改属性
var dom=document.get...]]></description><category></category></item></channel></rss>