<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[枫叶在飘呀的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ld16631069828</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ld16631069828]]></copyright><item><title><![CDATA[node篇-fs模块儿]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/130837340</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/130837340</guid><author>ld16631069828</author><pubDate>Tue, 30 May 2023 00:09:17 +0800</pubDate><description><![CDATA[node fs模块儿]]></description><category></category></item><item><title><![CDATA[jsonp原理-node篇]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/127143527</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/127143527</guid><author>ld16631069828</author><pubDate>Sun, 02 Oct 2022 23:37:06 +0800</pubDate><description><![CDATA[jsonp原理]]></description><category></category></item><item><title><![CDATA[Vue中key原理和作用]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/121023682</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/121023682</guid><author>ld16631069828</author><pubDate>Thu, 28 Oct 2021 22:25:55 +0800</pubDate><description><![CDATA[key的原理和作用

key  作用 :用来作为数据的唯一标识


key原理：vue中的key其实存在着一种diff算法，也正是这个diff算法，使得页面在被渲染时更加高效，什么是diff算法，其实是一种虚拟DOM算法，就是将新的虚拟DOM与重新渲染的虚拟DOM进行一个对比   vue中的key属性就是按照这个key的值来一一对比。如果匹配到一样的Node节点会便不会重新使用新的虚拟DOM进行渲染，而是采用原有虚拟DOM结构。

情景一

在使用v-for时不使用key属性（其实vue会将其默认将索引作为]]></description><category></category></item><item><title><![CDATA[webpack打包工具使用]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/120833781</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/120833781</guid><author>ld16631069828</author><pubDate>Sun, 24 Oct 2021 20:31:00 +0800</pubDate><description><![CDATA[webpack打包工具的使用

什么是webpack？
官方给出的解释是：  webpack 是一个现代化javascript应用程序的静态模块儿打包器(module bundler)。当webpack处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块儿，然后将所有这些模块儿打包成一个或者多个bundle,bundle英文意思时一捆,一包,一扎的意思,接触过juery的小伙伴应该对于bundles不陌生
在下载jquery文件时有jquery.js和query.bundles.js]]></description><category></category></item><item><title><![CDATA[js面向对象的几种创建方式]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/120886872</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/120886872</guid><author>ld16631069828</author><pubDate>Thu, 21 Oct 2021 15:29:10 +0800</pubDate><description><![CDATA[面向对象的几种创建方式

字面量创建

		//字面量创建
			var obj = {
				name:"李四",
				age:21,
				hoddy:function()
				{
					console.log("学习");
				}
			}
			var obj2 = {
				name:"张三",
				age:12,
				hobby:function()
				{
					console.log("唱歌");
				}
			}
			console.log(ob]]></description><category></category></item><item><title><![CDATA[ES6新增语法]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/120468347</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/120468347</guid><author>ld16631069828</author><pubDate>Sat, 25 Sep 2021 21:44:14 +0800</pubDate><description><![CDATA[ES6新增语法
let 和 const
let
//let定义的变量不能重名
			let a = 19;
			let a ="张三";
			console.log(a);//Uncaught SyntaxError: Identifier 'a' has already been declared

    //let没有变量提升也就是预解析必须先定义才能使用
			console.log(name);//Uncaught ReferenceError: name is not defined
			]]></description><category></category></item><item><title><![CDATA[js中的深浅拷贝]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/120189789</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/120189789</guid><author>ld16631069828</author><pubDate>Wed, 08 Sep 2021 23:08:38 +0800</pubDate><description><![CDATA[浅拷贝

在介绍浅拷贝之前，先了解一下，数据类型的分类，我们知道共用六大类，其中有5中基本数据类型和一种引用类型


五大基本数据类型：
1.Number
2.String
3.Boolean
4.undefined
5.null


引用类型（Object）
1.object
2.array
3.function


注意：基本数据类型式存储在栈当中，而引用类型存储在堆当中。
1.基本数据类型的数据存储在栈中，就好比我们使用var 声明变量是开辟了一块儿空间，把数值存储在里面，用的时候取到的也是里面的值。]]></description><category></category></item><item><title><![CDATA[js拖拽事件]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/119964158</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/119964158</guid><author>ld16631069828</author><pubDate>Sat, 28 Aug 2021 11:24:02 +0800</pubDate><description><![CDATA[js的拖拽

首先，在了解拖拽的原理之前，我们需要认识几个知识点（BOM三大系列），获取鼠标的位置，获取元素的位置


offset系列：获取元素的占位宽高(content + padding + border)





名称
解释




offsetWidth
获取元素的宽度，使用语法  : 标签.offsetWidth


offsetHeight
获取元素的高度，使用语法  : 标签.offsetWidth


offsetTop
获取当前元素的顶部到定为父元素的距离，没有定位父元素到body的距]]></description><category></category></item><item><title><![CDATA[js中的迭代]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/119843715</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/119843715</guid><author>ld16631069828</author><pubDate>Tue, 24 Aug 2021 22:01:12 +0800</pubDate><description><![CDATA[js迭代器
1.什么是迭代器？

迭代就是重复执行一个重复的过程，每一次的迭代结果作为下一次开始的初始值，其实学过for循环，知道for循环的执行流程，就不难理解。


js中的迭代主要有every()、map()、fliter()（过滤器）some(),下面一一介绍


1every()     只有数组中的每一个数都满足才返回true,否则返回false
语法是：数组.every(function(item,index,array)
{return 条件})

//比如:判断这个数组是不是都是大于60的]]></description><category></category></item><item><title><![CDATA[js中的数据隐式转化和强制转化]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/119714021</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/119714021</guid><author>ld16631069828</author><pubDate>Sun, 15 Aug 2021 16:05:15 +0800</pubDate><description><![CDATA[js中的隐式转化和强制转化

js中数据之间存在着隐式转化和强制转化，下面简单介绍一下。


]]></description><category></category></item><item><title><![CDATA[js中的数据类型]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/119547459</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/119547459</guid><author>ld16631069828</author><pubDate>Sun, 15 Aug 2021 14:58:02 +0800</pubDate><description><![CDATA[js中的基本数据类型和特殊类型（对象类型、引入类型）

js中的数据类型有    number(数字类型）、string(字符串类型)、boolean(布尔类型)、undefined（未定义）、null(空对象)


特殊类型 ： 包括 object(对象) 、Array（数组）、function(函数)

1.先说一下数值类型（number）

number 它包括整数、小数、八进制、十六进制、NaN、infinity（无穷大）
下面一次进行举例

&lt;!DOCTYPE html&gt;
&lt;ht]]></description><category></category></item><item><title><![CDATA[css使容器实现垂直水平居中的几种方法]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/119462629</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/119462629</guid><author>ld16631069828</author><pubDate>Fri, 06 Aug 2021 20:18:12 +0800</pubDate><description><![CDATA[使子容器在父容器中垂直居中的六种方法.

第一种，使用定位来实现

	.wrap1
			{
				width: 200px;
				height: 200px;
				background-color: #00FFFF;
				position: relative;
			}
			.index1
			{
				width: 50px;
				height: 50px;
				background-color: #008000;
				position: absolute;
				le]]></description><category></category></item><item><title><![CDATA[图片懒加载]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/119152829</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/119152829</guid><author>ld16631069828</author><pubDate>Tue, 27 Jul 2021 21:17:33 +0800</pubDate><description><![CDATA[图片懒加载

首先说一下懒加载的原理，我们知道浏览器在加载图片是通过src的地址进行访问的，如果加载图片数量少了还可以，如果是图片类型的网站，加载多个图片这无不是给浏览器请求增加了负担，所以我们通过用户浏览的情况来加载一定的数量，比如说,用户刚打开网页浏览时，看到的是整个浏览器窗口的大小，我们就先加载一定数量的图片信息，这样就给浏览器请求有了一定的缓解时间，当用户下拉页面时触发再次请求图片信息，这样缓解了浏览器的压力，还给用户一种在请求数据的体验。


原理
1.先写html,我们将src的请求地址给到空，]]></description><category></category></item><item><title><![CDATA[rem和em的区别]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/119078593</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/119078593</guid><author>ld16631069828</author><pubDate>Sun, 25 Jul 2021 10:57:23 +0800</pubDate><description><![CDATA[rem和em区别

在介绍两者区别前，先说一下rem具体是什么？有什么含义。



首先：rem全称（font size of the root element）（根元素的字体大小）
它是css3新增的尺寸（度量单位），根节点（html）的font-size决定了rem的尺寸单位，也就是所它是一个相对的单位。
rem是一个相对长度单位。相对于父元素的倍数来计算。
浏览器默认字体大小是16px,1rem就是16px.



rem可以应用到什么场景？


可以用来做web app屏幕适配，因为不同手机型号的屏]]></description><category></category></item><item><title><![CDATA[CSS浮动问题]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/118932817</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/118932817</guid><author>ld16631069828</author><pubDate>Wed, 21 Jul 2021 21:26:23 +0800</pubDate><description><![CDATA[CSS元素浮动问题
概述：

网页中有很多布局效果。标准流是无法完成的，可以利用浮动改变元素默认排列方式

浮动的概念

浮动可以使元素【脱离文档流】，【按照指定方向排列】（float：left和float：right），直到遇到父元素的边界或另一个浮动元素才会停止。

浮动属性

float
– left 左浮动【从左向右浮动】
– right 右浮动 【从右向左排列】
– none 不浮动 (默认值)

浮动的基本特性

可以使块儿元素在一行排列
脱离文档流【不在占用文档的空间】
提升层级【浮动元素会覆]]></description><category></category></item><item><title><![CDATA[外边距问题]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/118910294</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/118910294</guid><author>ld16631069828</author><pubDate>Mon, 19 Jul 2021 20:06:53 +0800</pubDate><description><![CDATA[外边距问题
典型例子

典型案例一


结构关系：嵌套块儿元素的垂直外边距塌陷


问题描述：当父元素没有padding，border时子元素与父元素直接相邻时，子元素的margin值会传递给父元素并且再次与父元素的margin值发生合并，最终结果是正值取结果较大的值，负值取绝对值较大的值。


表现：父子元素共同使用一个外边距（由于父类未定义border或者padding导致父类直接相邻的子元素设置外边距时，比如说设置margin-top:20px,此时刷新看到子元素并没有距离父类10px个像素，（如果父]]></description><category></category></item><item><title><![CDATA[flex布局]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/118854091</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/118854091</guid><author>ld16631069828</author><pubDate>Sat, 17 Jul 2021 15:54:29 +0800</pubDate><description><![CDATA[flex布局

我们知道要想让块儿级元素按照从左到右的顺序排列，通常会设置元素的float，而设置float会是元素脱离文档流结构，从而改变父级元素的高度，并且还要考虑左右的清除浮动的影响。


针对块儿级元素的排列方式，所以我们引入了flex布局，flex布局是给父级容器设置display属性为flex,让父级容器具备flex属性，然后来控制容器中的子容器的排列顺序


flex布局分为容器属性和项目属性，容器属性指的是在父级容器中写入的css样式属性，项目属性则是给容器内部子容器的写的css样式属性。
]]></description><category></category></item><item><title><![CDATA[HTML中的文档流]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/118852570</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/118852570</guid><author>ld16631069828</author><pubDate>Sat, 17 Jul 2021 10:50:25 +0800</pubDate><description><![CDATA[文档流
什么是文档流？
文档流：页面从上往下一行一行，其中每行从左至右的顺序，这种排列方式成为文档流。
什么是脱离了文档流？
脱离文档流意味着 它的排列顺序不遵循正常情况下文档的排列顺序，已经脱离了文档流，它不占用空间，处于浮动状态，脱离了文档流的元素的定位相对于其正常情况下的文档流，所以处于正常文档流的元素会占用原先的空间。
脱离文档流的几种情况？
首先是float

1.先说一下，float使得元素脱离文档流，该元素也可以理解为不占用空间了，那么处于正常情况下的元素就占用了它的空间，所以通过下面的例子演]]></description><category></category></item><item><title><![CDATA[谈一谈对web标准的理解]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/118783947</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/118783947</guid><author>ld16631069828</author><pubDate>Fri, 16 Jul 2021 09:39:56 +0800</pubDate><description><![CDATA[谈一谈对web标准的理解
首先，什么是web标准？

web标准不是一方面的标准，而是多个标准的集合，网页标准主要有三个标准，分别是结构标准、表现标准、行为标准。
结构标准 :文档的结构与组织，对应了XHTML和XML
表现标准：是文档的表现效果，对应的是css
行为标准：是对网页的信息结构进行逻辑操作，网页的交互。 对应的是（W3c DOM 和ECMA Script）

web标准有哪些优点？

1.浏览器开发商和web程序开发人员遵循制定标准更有利于发展（相互依赖共同遵循才能有更好的发展）
2.遵循we]]></description><category></category></item><item><title><![CDATA[如何将自己的项目发表在gitee上]]></title><link>https://blog.youkuaiyun.com/ld16631069828/article/details/118467189</link><guid>https://blog.youkuaiyun.com/ld16631069828/article/details/118467189</guid><author>ld16631069828</author><pubDate>Sun, 04 Jul 2021 20:55:31 +0800</pubDate><description><![CDATA[如何将自己的项目发布在gitee上
1.git init
在本地初始化一个仓库（变成一个可供git管理的仓库，也就是resposibility仓库）
2.git add .
使用git add 命令将项目添加到缓存区中，注意不要忘记后面的" . “，这个”."代表的是所有的项目列表
3.git commit -m "自定义一个提交名称"
用来提交缓存区中的文件，可以自定义一个名称供方便查看
4.git remote add origin 你的远程库地址
关联到远程仓库：例如： git remote add ]]></description><category></category></item></channel></rss>