<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Ldcrle的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Ldcrle</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Ldcrle]]></copyright><item><title><![CDATA[Node学习部分小结]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/120931668</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/120931668</guid><author>Ldcrle</author><pubDate>Sun, 24 Oct 2021 11:39:58 +0800</pubDate><description><![CDATA[node学习小结
文章目录node学习小结node是什么？node.js模块系统概要关键知识点梳理核心模块和文件模块模块间函数和变量无法访问到的原因function(exports,require,module,```__filename```,```__dirname```)简要理解exports和module.exports的区别为什么会有这样的差别？
node是什么？

node完整的名字是node.js,顾名思义，以js为后缀名那就多少与javascript有点关系。简单的说，Node.js是运行在]]></description><category></category></item><item><title><![CDATA[关于Less的学习小结]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/120813655</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/120813655</guid><author>Ldcrle</author><pubDate>Sun, 17 Oct 2021 18:32:29 +0800</pubDate><description><![CDATA[关于Less的学习小结
Less是什么？

Less是一个CSS预处理器，文件后缀是.less
相当于一个中间工具，人使用less语法写相关的样式代码，less插件（Easy Less）将其翻译为浏览器可以识别的css代码
less插件是把less格式文件转换为css文件（浏览器不能直接识别less）

为什么学less？

Less扩充了CSS语言，使CSS具备一定的逻辑能力，计算能力
直观理解：为什么使用md语法记笔记而不使用word
逻辑能力如父类样式中可以直接嵌套子类样式，以及可以使用变量存储值
计]]></description><category></category></item><item><title><![CDATA[js获取当前毫秒数（+new date()）]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/120002457</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/120002457</guid><author>Ldcrle</author><pubDate>Mon, 30 Aug 2021 18:26:19 +0800</pubDate><description><![CDATA[js获取当前毫秒数（+new date()）
前言
在看视频的时候发现老师获取当前日期的毫秒表示时使用了let t1 = +new date()的写法，起初没有明白代码的含义，经过测试发现为日期的毫秒表示；
详情
代码：
&lt;script&gt;
    let d1 = +new Date(); //1630316745222
    let d2 = new Date(); //Mon Aug 30 2021 17:46:28 GMT+0800 (中国标准时间)
    console.log(ty]]></description><category></category></item><item><title><![CDATA[初识JavaScript展开操作符（‘...‘）]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/119490266</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/119490266</guid><author>Ldcrle</author><pubDate>Sat, 07 Aug 2021 18:36:41 +0800</pubDate><description><![CDATA[JavaScript展开操作符（…）
文章目录JavaScript展开操作符（...）前言过程结论三个点（…）是展开操作符(Spread operator),可以将可迭代对象转为用逗号分隔的参数序列。
前言
在学习JavaScript中Set对象时，看到对Set对象与Array之间的转换和使用Set对象进行数组去重时，惊奇于简练的写法，但也有大大的疑惑。代码如下：

将Set转换为Array

//将Set转换为Array

        let myset = new Set([1, 2, 3, 4])]]></description><category></category></item><item><title><![CDATA[禁用笔记本自带键盘技巧]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/119342692</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/119342692</guid><author>Ldcrle</author><pubDate>Tue, 03 Aug 2021 09:28:25 +0800</pubDate><description><![CDATA[禁用笔记本自带键盘
(1).以管理员方式运行命令窗口：

(2).在命令窗口中运行禁用命令：
sc config i8042prt start= disabled


(3).运行成功后，重启笔记本生效。

再次启用命令：
sc config i8042prt start= auto


...]]></description><category></category></item><item><title><![CDATA[清除浮动的常用方法]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/119079649</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/119079649</guid><author>Ldcrle</author><pubDate>Sun, 25 Jul 2021 18:30:15 +0800</pubDate><description><![CDATA[清除浮动方案
清除浮动方案清除浮动方案

]]></description><category></category></item><item><title><![CDATA[计算数组的中心下标]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/119083607</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/119083607</guid><author>Ldcrle</author><pubDate>Sun, 25 Jul 2021 16:33:16 +0800</pubDate><description><![CDATA[计算数组的中心下标
题目要求
给你一个整数数组 nums ，请计算数组的中心下标 。
数组 中心下标 是数组的一个下标，其左侧所有元素相加的和等于右侧所有元素相加的和。
如果中心下标位于数组最左端，那么左侧数之和视为 0 ，因为在下标的左侧不存在元素。这一点对于中心下标位于数组最右端同样适用。
如果数组有多个中心下标，应该返回 最靠近左边 的那一个。如果数组不存在中心下标，返回 -1 。
思路
首先遍历计算出数组的和给sumright，每次判断前sunright需减去当前判断的下标元素值（中心下标应不被计算]]></description><category></category></item><item><title><![CDATA[二分法搜索插入位置]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/119082884</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/119082884</guid><author>Ldcrle</author><pubDate>Sun, 25 Jul 2021 16:21:57 +0800</pubDate><description><![CDATA[二分法搜索插入位置
搜索插入位置
给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。
示例 1:
输入: nums = [1,3,5,6], target = 5
输出: 2
示例 2:
输入: nums = [1,3,5,6], target = 2
输出: 1
示例 3:
输入: nums = [1,3,5,6], target = 7
输出: 4
示例 4:
输入: nums = [1,3,5,6], target = 0
输出: ]]></description><category></category></item><item><title><![CDATA[剑指offer57和为s的两个数]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/119082919</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/119082919</guid><author>Ldcrle</author><pubDate>Sun, 25 Jul 2021 16:17:51 +0800</pubDate><description><![CDATA[剑指offer57和为s的两个数
题目要求
输入一个递增排序的数组和一个数字s，在数组中查找两个数，使得它们的和正好是s。如果有多对数字的和等于s，则输出任意一对即可。
示例 1：
输入：nums = [2,7,11,15], target = 9
输出：[2,7] 或者 [7,2]
示例 2：
输入：nums = [10,26,30,31,47,60], target = 40
输出：[10,30] 或者 [30,10]
 

限制：

1 &lt;= nums.length &lt;= 10^5
1 &]]></description><category></category></item><item><title><![CDATA[双飞翼布局（三列布局实现两侧固定，中间自适应）]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/119078113</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/119078113</guid><author>Ldcrle</author><pubDate>Sun, 25 Jul 2021 11:38:04 +0800</pubDate><description><![CDATA[双飞翼布局（三列布局实现两侧固定，中间自适应）
双飞翼布局（三列布局实现两侧固定，中间自适应）双飞翼布局（三列布局实现两侧固定，中间自适应）案例要求双飞翼布局实现流程概要注意细节点左中右三个盒子的顺序有要求负margin属性的使用中间列内容元素的显示详细代码
案例要求
实现一个三列布局：

布局为左中右三部分
左右两侧的宽度固定
中间内容区宽度能够自适应

双飞翼布局实现流程概要

第一步：使用float属性让左中右三列浮动
第二步：使用负margin属性让左右两列与中间列处于同一水平线上
第三步：在中间列]]></description><category></category></item><item><title><![CDATA[大数据实验总结（六）--搭建Mapreduce（YARN）环境，运行Wordcount示例]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/117696320</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/117696320</guid><author>Ldcrle</author><pubDate>Tue, 22 Jun 2021 12:43:24 +0800</pubDate><description><![CDATA[注意：
每次运行前，请确保已经删除一些上次的运行结果
[root@master mapreduce]# hdfs dfs -rm -r /output

执行的txt文件是需要自己编写内容后上传的。
[root@master ~]# hdfs dfs -put CountWord.txt /input




请注意对比前两张运行失败，第三张运行成功：



运行成功详细信息：
[root@master ~]# hadoop jar /usr/local/hadoop/share/hadoop/mapred]]></description><category></category></item><item><title><![CDATA[flex布局小结（二）--容器的属性]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/117369957</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/117369957</guid><author>Ldcrle</author><pubDate>Tue, 01 Jun 2021 18:15:46 +0800</pubDate><description><![CDATA[flex布局小结（二）--容器的属性
flex布局中对属性的设置基本上分为两大块：容器的属性和项目的属性。
flex容器一般设置有6大属性：

flex-direction
flex-wrap
flex-flow
justify-content
align-items
align-content



参考资料：
阮一峰老师Flex 布局教程：语法篇
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
菜鸟教程：https://www.runoo]]></description><category></category></item><item><title><![CDATA[flex布局小结（一）--基本概念]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/117367343</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/117367343</guid><author>Ldcrle</author><pubDate>Fri, 28 May 2021 17:34:17 +0800</pubDate><description><![CDATA[flex布局小结（一）--基本概念、容器的属性flex布局定义容器项目主轴交叉轴
flex布局定义


Flex是Flexible Box的缩写，Flexible（/ˈfleksəbl/
adj.  有弹性的)意为”弹性布局”，用来为盒状模型提供最大的灵活性。


任何一个容器都可以指定为Flex布局


容器
采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。
.box {
display:flex;
}

项目
容器的直接子元素为 Flex 项目（flex ]]></description><category></category></item><item><title><![CDATA[2021-04-28]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/116235354</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/116235354</guid><author>Ldcrle</author><pubDate>Wed, 12 May 2021 15:03:04 +0800</pubDate><description><![CDATA[	将hdfs-site.xml中的replication的值分为2份







]]></description><category></category></item><item><title><![CDATA[rem实现自适应布局小结]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/116567389</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/116567389</guid><author>Ldcrle</author><pubDate>Mon, 10 May 2021 12:42:46 +0800</pubDate><description><![CDATA[简要概述
自适应布局是指页面在不同大小的终端设备呈现时，页面的结构和样式都会根据屏幕的大小去显示适合当前屏幕大小的页面，较好地提升用户体验。
个人理解：像不同身材的人穿同一款式的衣服时有一个适合自己的型号选择，而不是穿同一件衣服，瘦小的身材人扎起来穿，胖大身材的人使劲撑着穿。
关于rem(root em)和em
em
em在css中是一种相对长度单位，类似于百分数，相对于当前元素的字体尺寸根据比例因子进行放缩。如一般字体大小默认为16px，则2em =16 X 2 =32px。
rem
rem 是根 em（]]></description><category></category></item><item><title><![CDATA[初识视口-概念小结]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/116448206</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/116448206</guid><author>Ldcrle</author><pubDate>Thu, 06 May 2021 11:24:39 +0800</pubDate><description><![CDATA[概念

在移动端Web开发时，视口时一个非常重要的概念。最早是由苹果公司在推出iPhone手机时发明的，其目的是为了让iPhone的小屏幕尽可能完整显示整个网页。通过设置视口，不管网页原始的分辨率尺寸有多大，都能将其缩小显示在手机浏览器上，这样保证网页在手机上看起来更像在桌面浏览器中的样子。
在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中，视口也被称为初始包含块，它是所有 CSS 百分比宽度推算的根源，给 CSS 布局限制了一个最大宽度。
在移动端，涉及到]]></description><category></category></item><item><title><![CDATA[大数据课程实验总结（五）--HDFS简介与配置及SSH免密登录]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/115932872</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/115932872</guid><author>Ldcrle</author><pubDate>Wed, 21 Apr 2021 16:32:16 +0800</pubDate><description><![CDATA[HDFS简介

HDFS（Hadoop Distributed File System）Hadoop分布式文件系统，是针对谷歌文件系统GFS（Google File System）的开源实现，它是Hadoop两大核心组成部分之一，提供了在廉价服务器集群中进行大规模分布式文件存储的能力。HDFS具有良好的容错能力，并且兼容廉价的硬件设备，因此开源以较低的成本利用现有机器实现大流量和大数据量的读写。
NameNode 即“名称节点” 又称“主节点（Master Node）”; NameNode提供文件名和数据映]]></description><category></category></item><item><title><![CDATA[大数据课程实验总结（四）--hadoop-2.7.3的安装和配置]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/115898009</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/115898009</guid><author>Ldcrle</author><pubDate>Tue, 20 Apr 2021 12:40:49 +0800</pubDate><description><![CDATA[这里写目录标题实验准备hadoop安装文件安装hadoop-2.7.3配置hadoop将hadoop命令加入到PATH验证hadoop注意事项
实验准备
本实验是在大数据课程实验总结（三）的实验基础上继续进行的，为确保实验完整，进行此次实验前请确保Xshell已经成功与四台虚拟机建立会话，建议打开Xshell工具中的“发送键输入到所有会话”功能以减少重复操作。
本次实验所需资源为：大数据课程实验（四）资料包hadoop-2.7.3.zip
hadoop安装文件
在实验环境下，hadoop安装文件已经放置在 ]]></description><category></category></item><item><title><![CDATA[大数据课程实验总结（三）--修改主机名、配置域名解析、安装jdk]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/115892085</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/115892085</guid><author>Ldcrle</author><pubDate>Tue, 20 Apr 2021 10:58:20 +0800</pubDate><description><![CDATA[大数据课程实验总结（三）实验准备修改主机名配置域名解析防火墙的状态查询、关闭与废除安装jdk
实验准备
本实验是在大数据课程实验总结（二）的实验基础上继续进行的，实验前需确认四台虚拟机可以成功互通，且可以使用Xshell进行远程连接访问。
修改主机名
命令：
vim /etc/hostname

为方便配置，建议使用XShell工具中发送键输入到所有会话。如下图：

执行命令:vim /etc/hostname编辑其中的内容。按i进入编辑内容（由于每个会话需输入不同的字符，输入时需关闭“发送键输入到所有会话]]></description><category></category></item><item><title><![CDATA[Web图像格式jpeg、png、gif的特点和适用场景]]></title><link>https://blog.youkuaiyun.com/Ldcrle/article/details/115859812</link><guid>https://blog.youkuaiyun.com/Ldcrle/article/details/115859812</guid><author>Ldcrle</author><pubDate>Mon, 19 Apr 2021 11:33:09 +0800</pubDate><description><![CDATA[JPEG格式
特点：

可以表示包含多达1600万种不同颜色的图像
文件比较小，以便于Web页面更高效地显示
是一种“有损”格式，压缩文件大小时会丢掉图像的一些信息
不支持透明度
不支持动画

适用场景
最适合一些连续色调图像和复杂图像使用，如照片等。
PNG格式
特点

png可以表示包含上百万中不同颜色的图像。PNG有3种：PNG-8,PNG-24和PNG-32，可根据需要表示多少颜色具体选择。
无损压缩，PNG会压缩文件来缩小文件的大小，不过不会丢掉信息。
支持透明度，允许将颜色设置为“透明”，使图像]]></description><category></category></item></channel></rss>