<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[cflsh的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/cflsh</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; cflsh]]></copyright><item><title><![CDATA[优快云博客上传视频]]></title><link>https://blog.youkuaiyun.com/cflsh/article/details/113762743</link><guid>https://blog.youkuaiyun.com/cflsh/article/details/113762743</guid><author>cflsh</author><pubDate>Mon, 08 Feb 2021 21:35:54 +0800</pubDate><description><![CDATA[问题：之前我想在博客的文章里添加视频去显示代码的效果，然后按照文章的添加视频要求去上传腾讯视频，但是一直不成功，然后网上找了好几个方法去解决这个问题都不行，最后想到把视频的格式转换为图片格式才上传成功的。
解决办法：把视频的MP4格式转换为图片GIF格式，直接上传图片，在转换的时候使用PDF中文网和迅捷GIF转换器转换视频都没成功，最后是使用手机软件（全能去水印）转换的GIF格式。

...]]></description><category></category></item><item><title><![CDATA[html+css设置背景图移动以及人物行走的动画效果]]></title><link>https://blog.youkuaiyun.com/cflsh/article/details/113748699</link><guid>https://blog.youkuaiyun.com/cflsh/article/details/113748699</guid><author>cflsh</author><pubDate>Mon, 08 Feb 2021 21:12:15 +0800</pubDate><description><![CDATA[下面展示一些 内联代码片。
&lt;style&gt;
        * {
            margin: 0;
            padding: 0;
        }

        img {
            display: block;
        }

        .contenter {
            /* 宽度设定,会出现空白 */
            height: 100vh;
            background-image]]></description><category></category></item><item><title><![CDATA[数组的迭代方法]]></title><link>https://blog.youkuaiyun.com/cflsh/article/details/113747741</link><guid>https://blog.youkuaiyun.com/cflsh/article/details/113747741</guid><author>cflsh</author><pubDate>Sun, 07 Feb 2021 21:47:51 +0800</pubDate><description><![CDATA[一、every()
对数组中的每一元素运行给定的函数，如果该函数对每一项都返回true，则该函数返回true。
例如：
var arr = [5,8,23,7,4,18,28,1]; 
var result = arr.every(function(item,index,arr){ 
return item &gt;9;
 }); 
console.log(result); //false

二、some()
对数组中的每一运行给定的函数，如果该函数对某一项返回true，则返回true。
例如：
var a]]></description><category></category></item><item><title><![CDATA[行内元素和块级元素设置宽高和边距时需要注意的问题]]></title><link>https://blog.youkuaiyun.com/cflsh/article/details/113410617</link><guid>https://blog.youkuaiyun.com/cflsh/article/details/113410617</guid><author>cflsh</author><pubDate>Sat, 30 Jan 2021 08:59:51 +0800</pubDate><description><![CDATA[问题：大家会发现使用一些标签时设置其宽高和边距有些是有效的，有些又是无效的。
原因：这些标签分为行内元素和块级元素，对宽高和边距的设置有一定的要求。就拿行内元素span和块级元素div举例。
span标签设置宽高和边距时需要注意的是：1、span标签设置其上下边距无效，设置左右边距有效，且其左右边距会叠加，设置宽高无效，仅靠内容撑开宽高。2、如果想让其设置的上下边距有效，可以设置其样式属性display: block或者display: inline-block;让其变成块级元素或者行内块级元素，这样设置的]]></description><category></category></item><item><title><![CDATA[div用百分比设置高度无效]]></title><link>https://blog.youkuaiyun.com/cflsh/article/details/113405702</link><guid>https://blog.youkuaiyun.com/cflsh/article/details/113405702</guid><author>cflsh</author><pubDate>Fri, 29 Jan 2021 20:26:36 +0800</pubDate><description><![CDATA[div用百分比设置高度无效
原因：当body里没有设置高度时，直接用百分比设置div的高度是无效的，只能依靠div自身的内容撑开。但是，在这时用绝对值单位（px）设置div的高度是有效的。
下面展示一些 内联代码片。
 body {
            font-size: 30px;
            /* 设置body占满视口区，vh为视口区的单位*/
            height: 100vh;
        }

        div {
            width: ]]></description><category></category></item><item><title><![CDATA[原生Ajax、JQuery的Ajax以及Axios的区别]]></title><link>https://blog.youkuaiyun.com/cflsh/article/details/109996209</link><guid>https://blog.youkuaiyun.com/cflsh/article/details/109996209</guid><author>cflsh</author><pubDate>Mon, 23 Nov 2020 15:19:18 +0800</pubDate><description><![CDATA[原生Ajax、JQuery的Ajax以及Axios的区别
一、原生Ajax
下面展示一些 内联代码片。
 //创建请求对象
 var httpRequest = new XMLHttpRequest();
 //指定请求方式和请求地址
 httpRequest.open('get', 'url');
 //发送请求  send()可以传递参数
 httpRequest.send();
  //在请求头部设置数据格式
  // httpRequest.setRequestHeader("Content-Typ]]></description><category></category></item><item><title><![CDATA[设置页面滚动到某一距离回到顶部]]></title><link>https://blog.youkuaiyun.com/cflsh/article/details/109957381</link><guid>https://blog.youkuaiyun.com/cflsh/article/details/109957381</guid><author>cflsh</author><pubDate>Sun, 22 Nov 2020 16:54:44 +0800</pubDate><description><![CDATA[设置页面滚动到某一距离回到顶部
注意：1、页面内有足够多的内容产生滚动，在页面底部添加链接，定义一个锚点回到顶部，初始时样式为不可见；
2、监听页面的滚动距离到某一个值时，锚点出现，点击回到顶部。
样式设置
&lt;style&gt;
        #one {
            width: 100%;
            height: 50px;
            background-color: gray;
        }

        #two {
          ]]></description><category></category></item><item><title><![CDATA[VScode执行Run Code命令无输出结果且抛出Code is already running!]]></title><link>https://blog.youkuaiyun.com/cflsh/article/details/109953361</link><guid>https://blog.youkuaiyun.com/cflsh/article/details/109953361</guid><author>cflsh</author><pubDate>Sun, 22 Nov 2020 14:48:39 +0800</pubDate><description><![CDATA[VScode执行Run Code命令无输出结果且抛出Code is already running!

原因：上次运行的程序还没有结束，在等待中。
解决办法：打开终端，点击输出，单击Code，再右键打开菜单，单击Stop  Code Run。



]]></description><category></category></item><item><title><![CDATA[div元素定位的五种方法及其区别]]></title><link>https://blog.youkuaiyun.com/cflsh/article/details/109898363</link><guid>https://blog.youkuaiyun.com/cflsh/article/details/109898363</guid><author>cflsh</author><pubDate>Sat, 21 Nov 2020 15:34:52 +0800</pubDate><description><![CDATA[方法一：默认定位，也就是静态定位，不需要设置定位属性
方法二：固定定位，相对于视口区进行定位。
position:fiexd

区别： 固定在视口区的某一位置， 原先位置不保留，会被后面的元素占有， 如果没有设置定位属性，在原来位置定位。
方法三：相对定位，相对于它自己原来的位置进行定位。
 position: relative;

区别：有定位属性时，原先位置保留，不会被后面的元素占有，不脱离文档流；没有定位属性时，默认在当前位置。
方法四：绝对定位，相对于离它最近的定位祖先元素进行定位。
 positi]]></description><category></category></item><item><title><![CDATA[div显示与隐藏的三种方法及其区别]]></title><link>https://blog.youkuaiyun.com/cflsh/article/details/109896360</link><guid>https://blog.youkuaiyun.com/cflsh/article/details/109896360</guid><author>cflsh</author><pubDate>Sat, 21 Nov 2020 13:59:55 +0800</pubDate><description><![CDATA[方法一：设置样式属性opacity
 /* 隐藏 */
 opacity: 0;
 /* 显示 */
 opacity: 1;

区别：隐藏的时候，位置保留， 元素还在 ，只是不可见。
方法二：设置样式display
 /* 隐藏 */
 display: none;
 /* 显示 */
 display: block;

区别：隐藏的时候，位置不保留， 元素不在 ，且不可见。
方法三：设置样式属性
 /* 隐藏*/
 visibility: hidden;
 /* 显示*/
 visibility: vi]]></description><category></category></item><item><title><![CDATA[div的水平垂直居中]]></title><link>https://blog.youkuaiyun.com/cflsh/article/details/109880111</link><guid>https://blog.youkuaiyun.com/cflsh/article/details/109880111</guid><author>cflsh</author><pubDate>Fri, 20 Nov 2020 23:20:13 +0800</pubDate><description><![CDATA[div水平垂直居中的方法多种多样
图示：
下面展示一些 内联代码片。
&lt;body&gt;
    &lt;div id="parent"&gt;
        &lt;div id="child"&gt;&lt;/div&gt;
    &lt;/div&gt;
&lt;/body&gt;

方法一：使用flex布局
 &lt;style&gt;
        * {
            margin: 0;
            padding: 0;
        }

       ]]></description><category></category></item><item><title><![CDATA[html页面的基本布局]]></title><link>https://blog.youkuaiyun.com/cflsh/article/details/109840382</link><guid>https://blog.youkuaiyun.com/cflsh/article/details/109840382</guid><author>cflsh</author><pubDate>Fri, 20 Nov 2020 10:16:26 +0800</pubDate><description><![CDATA[注意：
页面不会随着屏幕大小的改变而移动位置，而是正常的大小伸缩，在布局时要注意清除浮动的影响，用 clear: both清除兄弟元素之间的影响，用overflow: hidden清除父子元素之间的影响，注意，overflow: hidden放在父元素的样式设置中。
&lt;style&gt;
        * {
            margin: 0;
            padding: 0;
        }

        body {
            min-width: ]]></description><category></category></item><item><title><![CDATA[HTML+CSS画三角]]></title><link>https://blog.youkuaiyun.com/cflsh/article/details/109838999</link><guid>https://blog.youkuaiyun.com/cflsh/article/details/109838999</guid><author>cflsh</author><pubDate>Fri, 20 Nov 2020 09:25:44 +0800</pubDate><description><![CDATA[HTML+CSS画三角
图片: 
&lt;style&gt;
        * {
            margin: 0;
            padding: 0;
        }

        #parent {
            margin: 0 auto;
            width: 0;
            height: 0;
            border-left: 50px solid transparent;
            bor]]></description><category></category></item></channel></rss>