<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Jayliu_core的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Jayliu_core</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Jayliu_core]]></copyright><item><title><![CDATA[【ES6解构赋值】ES6中的Set、Map和解构赋值]]></title><link>https://blog.youkuaiyun.com/Jayliu_core/article/details/119421036</link><guid>https://blog.youkuaiyun.com/Jayliu_core/article/details/119421036</guid><author>Jayliu_core</author><pubDate>Thu, 05 Aug 2021 16:21:29 +0800</pubDate><description><![CDATA[ES6中的Set、Map和解构赋值
::: tip
开始讲之前我们通过几个案例，来对比ES5来看看ES6+语法新特性。
:::
????案例1：可选链
读取一个被连接对象的深层次的属性的值
const user = {
    address: {
        street: '深圳市南山区xx街道',
        getNum() {
            return '80号'
        }
    }
}

ES5语法：
const street = user &amp;&amp; ]]></description><category></category></item><item><title><![CDATA[【数组Array】数组处理数据的相关方法（一）]]></title><link>https://blog.youkuaiyun.com/Jayliu_core/article/details/119420284</link><guid>https://blog.youkuaiyun.com/Jayliu_core/article/details/119420284</guid><author>Jayliu_core</author><pubDate>Thu, 05 Aug 2021 16:03:00 +0800</pubDate><description><![CDATA[1、创建数组
创建数组的方式有两种，第一种方式就是使用Array构造函数
var arr=new Array()

如果你预先知道数组的个数，那么你可以给构造函数传递参数，构造函数length的值就是这个参数
var arr=new Array(10);
console.log(arr.length)//10

也可以向构造函数中传递Array数组中的包含的每一项
var arr=new Array('apple','oriange');
console.log(arr)//[ 'apple', 'oria]]></description><category></category></item><item><title><![CDATA[【前端数据解析】JSON.stringify()的威力]]></title><link>https://blog.youkuaiyun.com/Jayliu_core/article/details/119420241</link><guid>https://blog.youkuaiyun.com/Jayliu_core/article/details/119420241</guid><author>Jayliu_core</author><pubDate>Thu, 05 Aug 2021 15:58:54 +0800</pubDate><description><![CDATA[JSON.stringify()的威力
首先我们在开发的过程当中遇到这样一个处理数据的需求
const todayILearn = {
  _id: 1,
  content: '今天学习 JSON.stringify()，我很开心！',
  created_at: 'Mon Jun 25 2020 14:03:55 GMT+0800 (中国标准时间)',
  updated_at: 'Mon Jun 25 2020 16:03:55 GMT+0800 (中国标准时间)'
}

我们需要将上面这个对象处理成]]></description><category></category></item><item><title><![CDATA[【Vue组件传值】不同的组件之间的数据传值方法]]></title><link>https://blog.youkuaiyun.com/Jayliu_core/article/details/119378804</link><guid>https://blog.youkuaiyun.com/Jayliu_core/article/details/119378804</guid><author>Jayliu_core</author><pubDate>Wed, 04 Aug 2021 14:22:39 +0800</pubDate><description><![CDATA[不同的组件之间的数据传值方法
父组件向子孙组件传值、通过方法provide / inject


（1）provide/inject的介绍：  provide/ inject 是vue2.2.0新增的api ，这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代组件注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。


（2）provide/inject的使用：



provide 提供变量：Object | () =&gt; Object
翻译过来的意思是：provide 选项]]></description><category></category></item><item><title><![CDATA[【JavaScript闭包】关于JavaScript闭包的理解]]></title><link>https://blog.youkuaiyun.com/Jayliu_core/article/details/119355748</link><guid>https://blog.youkuaiyun.com/Jayliu_core/article/details/119355748</guid><author>Jayliu_core</author><pubDate>Tue, 03 Aug 2021 17:48:57 +0800</pubDate><description><![CDATA[关于JavaScript闭包的理解
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现，今天我们一起来梳理关于闭包的知识点。
一、变量作用域
要理解闭包，必须要理解变量作用域，在JavaScript中变量又分为全局变量和局部变量。

全局变量：在全局环境中声明的变量
局部变量：在函数中声明的变量

当函数在执行时，会创建一个封闭的执行期上下文环境，函数内部声明的变量仅可在函数内部使用，外部无法访问，而全局变量则在任何地方都可以使用。
举个简单的栗子：
	v]]></description><category></category></item><item><title><![CDATA[【flex布局】页面布局]]></title><link>https://blog.youkuaiyun.com/Jayliu_core/article/details/119355492</link><guid>https://blog.youkuaiyun.com/Jayliu_core/article/details/119355492</guid><author>Jayliu_core</author><pubDate>Tue, 03 Aug 2021 17:48:03 +0800</pubDate><description><![CDATA[flex布局
一、什么是flex布局
flex布局也叫弹性布局，它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力，任何一个容器都可以指定为flex布局
.box{
	display:flex; // 或者inline-flex
}

flex 和 inline-flex的区别：
​​

flex： 将对象作为弹性伸缩盒（块级）显示
inline-flex：将对象作为内联块级弹性伸缩盒（行内块）显示


注意：元素设为flex布局后，子元素的float、clear和vertical-align]]></description><category></category></item><item><title><![CDATA[【设计模式】JavaScript设计模式]]></title><link>https://blog.youkuaiyun.com/Jayliu_core/article/details/119355431</link><guid>https://blog.youkuaiyun.com/Jayliu_core/article/details/119355431</guid><author>Jayliu_core</author><pubDate>Tue, 03 Aug 2021 17:37:51 +0800</pubDate><description><![CDATA[JavaScript设计模式
什么是设计模式？

定义：在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案，通俗的讲就是一套可以被复用的，编目分明的经验总结。
作用：代码可复用，提高代码的可维护性；
期望：当我们遇到合适的场景时，我们可能会条件反射一样自然而然想到符合这种场景的设计模式

有哪些设计模式？
主要分为以下三类：

创建型模式：解决创建类或者实例化对象时候，产生的问题
结构型模式：解决类或者对象组合在一起的时候，产生的问题
行为型模式：解决类或者对象之前耦合，职责关系的问题

具体设计模]]></description><category></category></item><item><title><![CDATA[【JavaScript】JS循环一网打尽]]></title><link>https://blog.youkuaiyun.com/Jayliu_core/article/details/119355368</link><guid>https://blog.youkuaiyun.com/Jayliu_core/article/details/119355368</guid><author>Jayliu_core</author><pubDate>Tue, 03 Aug 2021 17:34:05 +0800</pubDate><description><![CDATA[JS循环一网打尽
while循环
特点：先判断后执行，只要条件为 true，循环能够一直执行代码块。
while循环()中的表达式，运算结果可以是各种类型，但是最终都会转为真假，转换规则如下:

Boolean：true为真，false为假；
String：空字符串为假，所有非空字符串为真；
Number：0为假，一切非0数字为真；
null/undefined/NaN:全为假；
Object：全为真。

while (条件) {
  要执行的代码块
}

function closest(el, sele]]></description><category></category></item><item><title><![CDATA[【Git合并提交】单独提交记录，提交合并另一分支。代码分支版本管理，提交方式]]></title><link>https://blog.youkuaiyun.com/Jayliu_core/article/details/119343908</link><guid>https://blog.youkuaiyun.com/Jayliu_core/article/details/119343908</guid><author>Jayliu_core</author><pubDate>Tue, 03 Aug 2021 10:10:59 +0800</pubDate><description><![CDATA[版本代码提交方式

首先正常代码提交到dev分支


然后根据是否为发版内容单独合并本次提交内容到v1.3.0分支

方法：
在dev分支查看git log
获取commit记录，比如

或者进行复制

然后切换到v1.3.0分支
git cherry-pick 1496b09c43217d36963933bae7638881fb281d4e
就把该条commit记录合并到了V1.3.0分支，这只是在本地合并到了V1.3.0分支；最后，git push 提交到V1.3.0远程，至此，就把dev分支的这条co]]></description><category></category></item><item><title><![CDATA[上山的路上，总得给自己一点阳光。]]></title><link>https://blog.youkuaiyun.com/Jayliu_core/article/details/119343653</link><guid>https://blog.youkuaiyun.com/Jayliu_core/article/details/119343653</guid><author>Jayliu_core</author><pubDate>Tue, 03 Aug 2021 10:01:22 +0800</pubDate><description><![CDATA[多读书多充电

目前你存在的最大的问题就是:
读书不多而想的太多


读书，避免了在琐碎生活里变得麻木；
读书，把生活中寂寞辰光换成巨大享受时刻；
读书，可以让你不必遇到不想遇到的人；
读书，让你变得有温度懂情趣会思考；
读书，放大了格局，使人深邃；
读书，沉淀了气质，令人优雅。

放大自己的格局

一个人最好的状态莫过于，眼里写满了故事，脸上却不见风霜，不羡慕谁，不嘲笑谁，也不依赖谁；只是悄悄地努力，吞下委屈，喂大格局，活成自己喜欢的样子。


生活不需要太多事参与，故事不需要讲给太多人听，一个人安安静.]]></description><category></category></item><item><title><![CDATA[数组进行push或者其他操作时候不可拓展的原因]]></title><link>https://blog.youkuaiyun.com/Jayliu_core/article/details/119343607</link><guid>https://blog.youkuaiyun.com/Jayliu_core/article/details/119343607</guid><author>Jayliu_core</author><pubDate>Tue, 03 Aug 2021 09:57:47 +0800</pubDate><description><![CDATA[解决数组进行push或者其他操作时候不可拓展的原因
TableCreate有对数据进行冻结操作Object.freeze({})
默认情况下，对象都是可以扩展的，即对象可以添加新的属性和方法。使用Object.preventExtensions()、Object.seal()和Object.freeze()方法都可以标记对象为不可扩展。
var obj = Object.freeze({});
Object.isExtensible(obj); // false

数组冻结时可以采用ArrayList.co]]></description><category></category></item><item><title><![CDATA[初次项目执行Git 命令相关]]></title><link>https://blog.youkuaiyun.com/Jayliu_core/article/details/119343562</link><guid>https://blog.youkuaiyun.com/Jayliu_core/article/details/119343562</guid><author>Jayliu_core</author><pubDate>Tue, 03 Aug 2021 09:56:22 +0800</pubDate><description><![CDATA[Git 命令相关

第一次拉取：git clone


切换远程分支并创建本地分支：git checkout -b xx origin/xx


删除本地分支：1、切换到其他分支 2、git branch -D xx


切换本地分支： git checkout xx


合并分支：git merge


合并指定: commit: git cherry-pick


清除所有: stash：git stash clear


移动Head指向：git reset（三种模式：soft mixed hard）]]></description><category></category></item><item><title><![CDATA[解决webpack命令 Module build failed (from ./node_modules/babel-loader/lib/index.js) 错误问题解决方案]]></title><link>https://blog.youkuaiyun.com/Jayliu_core/article/details/119343414</link><guid>https://blog.youkuaiyun.com/Jayliu_core/article/details/119343414</guid><author>Jayliu_core</author><pubDate>Tue, 03 Aug 2021 09:54:29 +0800</pubDate><description><![CDATA[解决webpack命令 Module build failed (from ./node_modules/babel-loader/lib/index.js) 错误问题解决方案
出现这种问题的一般原因是没有安装相关依赖

控制台输入  npm install @babel/core @babel/preset-env 命令


]]></description><category></category></item></channel></rss>