<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[liulei21的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/liulei21</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; liulei21]]></copyright><item><title><![CDATA[【无标题】react 路由传参方式]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/127011705</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/127011705</guid><author>liulei21</author><pubDate>Fri, 23 Sep 2022 16:02:28 +0800</pubDate><description><![CDATA[react 路由传参方式]]></description><category></category></item><item><title><![CDATA[JavaScript 获取当天某个时刻的时间戳]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/124879746</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/124879746</guid><author>liulei21</author><pubDate>Fri, 20 May 2022 11:17:03 +0800</pubDate><description><![CDATA[new Date().toDateString() //把 Date 对象的日期部分转换为可读字符串：
new Date().toDateString() + ' 9:00' // " 9:00" 为指定获取时间戳的时间字符串，前面必须加一个空格
new Date(new Date().toDateString() + ' 9:00') //获取时间戳




...]]></description><category></category></item><item><title><![CDATA[JavaScript中常见的设计模式]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/118189741</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/118189741</guid><author>liulei21</author><pubDate>Fri, 25 Jun 2021 18:43:52 +0800</pubDate><description><![CDATA[设计原则

单一职责原则（SRP）

一个对象或方法只做一件事情。如果一个方法承担了过多的职责，那么在需求的变迁过程中，需要改写这个方法的可能性就越大。应当把方法或对象划分成较小的粒度

最少知识原则（LKP）

一个软件实体应当尽可能少地与其他实体发生相互作用。应当尽量减少对象之间的交互，如果两个对象之间不必彼此直接通信，那两个对象就不要发生直接的相互联系，可以转交给第三方进行处理

开放-封闭原则（OCP）

软件实体（类、模块、函数）等应该是可以拓展的，但是不可修改

当需要改变一个程序的功能或者给这]]></description><category></category></item><item><title><![CDATA[es6装饰器]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/115905493</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/115905493</guid><author>liulei21</author><pubDate>Fri, 30 Apr 2021 10:00:55 +0800</pubDate><description><![CDATA[修饰器是一个函数，用来修改类的行为。

类的修饰

修饰器对类的行为的改变，是代码编译时发生的，而不是在运行时。即修饰器能在编一阶段运行代码


function testable(target){
    target.isTestable=true;
}
@testable //为MyTestableClass类添加isTestable属性
class MyTestableClass{}
console.log(MyTestableClass.isTestable)//true

上面的代码，@test]]></description><category></category></item><item><title><![CDATA[删除.git的命令]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/115716853</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/115716853</guid><author>liulei21</author><pubDate>Thu, 15 Apr 2021 09:55:53 +0800</pubDate><description><![CDATA[find . -name ".git" | xargs rm -Rf
]]></description><category></category></item><item><title><![CDATA[css选择器‘,‘、‘＞‘、‘+‘、‘~‘]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/113933647</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/113933647</guid><author>liulei21</author><pubDate>Mon, 22 Feb 2021 14:05:26 +0800</pubDate><description><![CDATA[,(群组选择器)


A,B{
//一般用于A，B两个类中有相同的样式时使用
}


空格(后代选择器)


A B{
//选择A的所有后代B的元素
}

&gt;直接子元素选择器


A&gt;B{
//选择A的第一代子元素B
}

+相邻兄弟选择器


A+B{
 //匹配直接相邻的两个兄弟
}

~兄弟选择器


A~B{
//同带兄弟
}

组件编程中父组件是无法修改子组件的样式的想要父组件修改子组件的样式，为样式添加/deep/


/deep/ .el-input__inner {
　　　　　　]]></description><category></category></item><item><title><![CDATA[设置swiper中某个单个swiper-slide的停留时间]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/109387760</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/109387760</guid><author>liulei21</author><pubDate>Fri, 30 Oct 2020 16:27:42 +0800</pubDate><description><![CDATA[某个slide上设置单独的停留时间，例&lt;div class="swiper-slide" data-swiper-autoplay="2000"&gt;
]]></description><category></category></item><item><title><![CDATA[@touchmove.prevent 阻止苹果手机透过modal层触发底层滚动]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/109218188</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/109218188</guid><author>liulei21</author><pubDate>Thu, 22 Oct 2020 11:14:56 +0800</pubDate><description><![CDATA[&lt;div

class="share-loading-mask"

@touchmove.prevent

&gt;&lt;/div&gt;

在modal层的下一层添加这一个盒子，能够阻止主层的滚动
]]></description><category></category></item><item><title><![CDATA[生活]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/109197060</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/109197060</guid><author>liulei21</author><pubDate>Wed, 21 Oct 2020 11:04:27 +0800</pubDate><description><![CDATA[从现在起，遇到的知识点尽量的干掉他
]]></description><category></category></item><item><title><![CDATA[mockJS相关语法]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/108844139</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/108844139</guid><author>liulei21</author><pubDate>Mon, 28 Sep 2020 10:16:39 +0800</pubDate><description><![CDATA[string 数据mock

语法Mock.mock({})

'name|min-max':string

name:属性的名字，min最小的字符的倍数，max最大的字符倍数，min-max重复的次数是min到max的值

Number:

'name|+1':number

代表的意思是生成以number为基数自增1

’name|min-max‘:number

生成min-max的数

’numner|1-100.1-10‘:number

生成1-100且小数位数为1-10小数的数

'numbe]]></description><category></category></item><item><title><![CDATA[cocos学习笔记  cc.tween]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/108827298</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/108827298</guid><author>liulei21</author><pubDate>Sun, 27 Sep 2020 17:03:55 +0800</pubDate><description><![CDATA[cocos中的缓动系统 cc.tween

 特点：支持以链式结构的方式创建一个动画序列

      不在局限于节点上的属性

 两种设置方式

      1、to改变到某个值

       2、by变化值

cc.tween 在调用 start 时会将之前生成的 action 队列重新组合生成一个 cc.sequence 队列，依次执行。



cc.tween(this.node)
//to,在第一秒的时候放大为2倍，位置为(100,100),角...]]></description><category></category></item><item><title><![CDATA[canvas制作圆型印章]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/107559470</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/107559470</guid><author>liulei21</author><pubDate>Fri, 24 Jul 2020 13:55:36 +0800</pubDate><description><![CDATA[通过canvas制作圆型印章，首先是上效果图，中间没有填充logo，自行填充就好了




&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-width, initial-scale=1.0"&gt;
    &lt;meta http-equiv="X-UA-Compati]]></description><category></category></item><item><title><![CDATA[实现苹果微信左滑效果H5实现  类似 swipe-cell]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/107415945</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/107415945</guid><author>liulei21</author><pubDate>Sat, 18 Jul 2020 14:22:44 +0800</pubDate><description><![CDATA[&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-width, initial-scale=1.0"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;
    &lt;script src.]]></description><category></category></item><item><title><![CDATA[前端十大经典算法]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/107090273</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/107090273</guid><author>liulei21</author><pubDate>Thu, 02 Jul 2020 18:08:27 +0800</pubDate><description><![CDATA[https://segmentfault.com/a/1190000020072884

排序写的极其棒，有动画易于理解，激励推荐
]]></description><category></category></item><item><title><![CDATA[去除html标签长按时出现浅灰色背景色]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/107083971</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/107083971</guid><author>liulei21</author><pubDate>Thu, 02 Jul 2020 14:50:42 +0800</pubDate><description><![CDATA[a:active,a.:hover,a:fouce{

text-decoration: none;

outline:none;

background-color:transparent;

}
]]></description><category></category></item><item><title><![CDATA[微信公众号开发-js获取客户端网络状态]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/105580743</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/105580743</guid><author>liulei21</author><pubDate>Fri, 17 Apr 2020 15:01:35 +0800</pubDate><description><![CDATA[微信网页中获取客户端网络状态


WeixinJSBridge.invoke('getNetworkType', function(e) {
      // 在这里拿到e.err_msg，这里面就包含了所有的网络类型
      alert(e.err_msg);
});

e.err_msg 值的意义


network_type:wifi         wifi网络
network_typ...]]></description><category></category></item><item><title><![CDATA[select在苹果手机上的兼容性]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/105407182</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/105407182</guid><author>liulei21</author><pubDate>Thu, 09 Apr 2020 11:52:03 +0800</pubDate><description><![CDATA[问题：在页面中使用了select选择框后，第一次选择option中的内容是弹出的但是选中后再次点击选择，option中的内容不出现

原因及解决办法：

原因是弹窗弹出后，选择后，body没有回滚，造成了选择框在底部隐藏了；

解决办法在change中设置

window.scrollTo(0, document.body.scrollTop + 1);

document.body.scroll...]]></description><category></category></item><item><title><![CDATA[数组的一些方法]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/103889955</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/103889955</guid><author>liulei21</author><pubDate>Wed, 08 Jan 2020 13:53:32 +0800</pubDate><description><![CDATA[console.dir(Array.prototype);

Array中的方法：

concat()；用于连接两个或多个数组

不会改变现有的数组，而是返回被连接数组的副本

var a = [1,2,3];

var b=a.concat(4,5);

Console.log(b)//=&gt;1,2,3,4,5

document.write(Object.prototype.toStrin...]]></description><category></category></item><item><title><![CDATA[微信小程序获取URL地址]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/103262733</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/103262733</guid><author>liulei21</author><pubDate>Wed, 27 Nov 2019 16:26:11 +0800</pubDate><description><![CDATA[var pages = getCurrentPages() //获取加载的页面

var currentPage = pages[pages.length-1] //获取当前页面的对象

var url = currentPage.route //当前页面url

var options = currentPage.options //如果要获取url中所带的参数可以查看options
可以写成工...]]></description><category></category></item><item><title><![CDATA[react一看就会的简单路由设置]]></title><link>https://blog.youkuaiyun.com/liulei21/article/details/103136356</link><guid>https://blog.youkuaiyun.com/liulei21/article/details/103136356</guid><author>liulei21</author><pubDate>Tue, 19 Nov 2019 10:04:35 +0800</pubDate><description><![CDATA[不管是vue还是react 这种单页面的框架一定都少不了路由

下面给大家讲讲在实际项目中react的路由设置

第一步：

  在src目录下新建一个目录route 在该目录下新建一个index.js用于管理路由

如:

import React ,{ Component } from 'react'
import {Switch,Route,Redirect} from 'r...]]></description><category></category></item></channel></rss>