<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[right_hand_side的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/right_hand_side</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; right_hand_side]]></copyright><item><title><![CDATA[ES6学习——数组实例方法及拓展]]></title><link>https://blog.youkuaiyun.com/right_hand_side/article/details/117222654</link><guid>https://blog.youkuaiyun.com/right_hand_side/article/details/117222654</guid><author>right_hand_side</author><pubDate>Mon, 24 May 2021 14:23:21 +0800</pubDate><description><![CDATA[数组一、数组方法拓展二、数组实例方法1.2.

一、数组方法拓展
Array.from()
将类数组对象转成数组

Array.of()
用于创建数组，接受参数为创建数组的元素

Array.prototype.find()
迭代方法，参数是个函数，查找满足条件的元素，返回第一个满足条件的元素或者undefined

Array.prototype.findIndex()
迭代方法，参数是个函数，查找满足条件的元素的索引，返回第一个满足条件元素的索引或者-1

Array.prototype.include]]></description><category></category></item><item><title><![CDATA[在html5中使用canvas绘制图形——案例笑脸]]></title><link>https://blog.youkuaiyun.com/right_hand_side/article/details/116596346</link><guid>https://blog.youkuaiyun.com/right_hand_side/article/details/116596346</guid><author>right_hand_side</author><pubDate>Mon, 10 May 2021 15:11:00 +0800</pubDate><description><![CDATA[文章目录画布一、canvas的方法？二、简单使用具体案例——笑脸

画布
canvas元素是H5中新增的一个重要元素，专门用来绘制图形。在页面中放置一个canvas元素，就相当于在页面上放置一块画布，可以利用canvas api在其中进行图形的描绘。


一、canvas的方法？
样式设置及绘制：fillStyle、strokeStyle、fill()、stroke()
渐变样式： createLinearGradient()、 createRadialGradient()
绘制矩形：fillRect()、]]></description><category></category></item><item><title><![CDATA[排序1,2,3,4组成三位数，不重复任何数字，打印出所有情况]]></title><link>https://blog.youkuaiyun.com/right_hand_side/article/details/116227096</link><guid>https://blog.youkuaiyun.com/right_hand_side/article/details/116227096</guid><author>right_hand_side</author><pubDate>Wed, 28 Apr 2021 10:09:52 +0800</pubDate><description><![CDATA[1，2，3，4不重复排序

&lt;script&gt;
    for(var i=1;i&lt;5;i++){
        for(var j=1;j&lt;5;j++){
            for(var n=1;n&lt;5;n++){
                if(i!=j&amp;&amp;i!=n&amp;&amp;n!=j){
                    console.log(i,j,n);
                }
            }
  ]]></description><category></category></item><item><title><![CDATA[总结push、pop、shift、unShift方法及push、pop、shift、unShift方法重构]]></title><link>https://blog.youkuaiyun.com/right_hand_side/article/details/116133297</link><guid>https://blog.youkuaiyun.com/right_hand_side/article/details/116133297</guid><author>right_hand_side</author><pubDate>Sun, 25 Apr 2021 18:34:09 +0800</pubDate><description><![CDATA[文章目录一、数组api【方法】1. push()是什么？2. pop()是什么？3.shift()是什么？4.unshift()是什么？二、方法重构1.push方法重构2.pop方法重构3.shift方法重构4.unShift方法重构

一、数组api【方法】
1. push()是什么？
定义：在数组的后方新增元素
参数：是需要新增到数组中的元素
返回值：新增完元素之后数组的长度
代码如下（示例）：
  var arr = [1,2,3];
  var res = arr.push('a','b','c')]]></description><category></category></item><item><title><![CDATA[使用while方法和do while方法实现10的阶乘]]></title><link>https://blog.youkuaiyun.com/right_hand_side/article/details/116012494</link><guid>https://blog.youkuaiyun.com/right_hand_side/article/details/116012494</guid><author>right_hand_side</author><pubDate>Thu, 22 Apr 2021 14:14:17 +0800</pubDate><description><![CDATA[使用while方法和do while方法实现10的阶乘
while方法
var a=1;
var i=1;
while(i&lt;10){
    i++;
    a*=i;
}
console.log(a);

do while方法
var b=1;
var j=1;
do{
	 j++;
     b*=j;
    }while(j&lt;10);
console.log(b);


]]></description><category></category></item><item><title><![CDATA[关于JavaScript函数闭包]]></title><link>https://blog.youkuaiyun.com/right_hand_side/article/details/115911910</link><guid>https://blog.youkuaiyun.com/right_hand_side/article/details/115911910</guid><author>right_hand_side</author><pubDate>Tue, 20 Apr 2021 16:43:09 +0800</pubDate><description><![CDATA[闭包
函数内部嵌套函数，内部函数访问外部函数中的变量
举例说明：
  function fun1() {
    var name = 'weiyanling';
    function fun2(){
      var age = 22;
      console.log(name);
      console.log(age);
    }
    fun2()
  }
  fun1() 
  
  结果是 weiyanling
  		22

闭包的使用场景
    1. 作为其他函数的参数
]]></description><category></category></item><item><title><![CDATA[基本数据类型的转换]]></title><link>https://blog.youkuaiyun.com/right_hand_side/article/details/115725476</link><guid>https://blog.youkuaiyun.com/right_hand_side/article/details/115725476</guid><author>right_hand_side</author><pubDate>Thu, 15 Apr 2021 16:22:47 +0800</pubDate><description><![CDATA[基本数据类型转换总结基本数据类型的转换将其他数据类型转换为数字类型字符串转数字布尔转数字null、undefined转数字将其他数据类型转换为字符串类型将其他数据类型转换为布尔类型三级标题三级标题三级标题
基本数据类型的转换
将其他数据类型转换为数字类型
这类转换主要使用四种方式：
+、-
Number()
parseInt()
parseFloat()

字符串转数字
布尔转数字
null、undefined转数字
将其他数据类型转换为字符串类型
将其他数据类型转换为布尔类型
三级标题
三级标题
三级标题]]></description><category></category></item><item><title><![CDATA[html中css使得块元素水平垂直居中的常用方法]]></title><link>https://blog.youkuaiyun.com/right_hand_side/article/details/115488922</link><guid>https://blog.youkuaiyun.com/right_hand_side/article/details/115488922</guid><author>right_hand_side</author><pubDate>Wed, 07 Apr 2021 20:02:22 +0800</pubDate><description><![CDATA[文章目录一、自适应的方式二、通过子元素的宽高设置三、伸缩盒

一、自适应的方式
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;meta name="viewport" content="width=device-width, ini]]></description><category></category></item><item><title><![CDATA[html盒子模型]]></title><link>https://blog.youkuaiyun.com/right_hand_side/article/details/115468664</link><guid>https://blog.youkuaiyun.com/right_hand_side/article/details/115468664</guid><author>right_hand_side</author><pubDate>Tue, 06 Apr 2021 19:49:38 +0800</pubDate><description><![CDATA[文章目录一、盒子模型1.组成2.分类与计算3.背景总结
一、盒子模型
浏览器页面中每个元素都可以被当做一个盒子
1.组成
    width       元素内容的宽度
    height      元素内容的高度
    
    padding     元素内容与边框的距离【内边距】
        padding-top
        padding-bottom
        padding-left
        padding-right
    /* 上、右、下、左 */
    pa]]></description><category></category></item><item><title><![CDATA[对html不同的css选择器如何使用的示例]]></title><link>https://blog.youkuaiyun.com/right_hand_side/article/details/115207850</link><guid>https://blog.youkuaiyun.com/right_hand_side/article/details/115207850</guid><author>right_hand_side</author><pubDate>Thu, 25 Mar 2021 14:52:05 +0800</pubDate><description><![CDATA[提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录一、基本选择器二、层次选择器三、属性选择器四、伪类选择器关于a标签其他五、伪元素选择器

一、基本选择器
代码如下（示例）：
```html
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=ed]]></description><category></category></item><item><title><![CDATA[学习HTML对于css的基本了解与总结]]></title><link>https://blog.youkuaiyun.com/right_hand_side/article/details/115177356</link><guid>https://blog.youkuaiyun.com/right_hand_side/article/details/115177356</guid><author>right_hand_side</author><pubDate>Wed, 24 Mar 2021 18:39:20 +0800</pubDate><description><![CDATA[关于css的认识与总结前言一、css是什么？二、css声明三、可读性四、原理五、使用css六、@import和link的异同1.相同2.不同七、css选择器1.基本选择器2.层次选择器知识结构图

前言
在前期学习了HTML的知识后，对于网页的设计有了一定了解。进一步学习，知道了css的作用。
一、css是什么？
层叠样式表，将html文件的内容以更优雅的方式呈现给用户
{
    属性：值
}

二、css声明
选择器{
属性名：属性值；
}
三、可读性
1、缩进、空白
2、添加注释
3、速写
四、原理
]]></description><category></category></item><item><title><![CDATA[关于HTML表格与表单的总结]]></title><link>https://blog.youkuaiyun.com/right_hand_side/article/details/115175932</link><guid>https://blog.youkuaiyun.com/right_hand_side/article/details/115175932</guid><author>right_hand_side</author><pubDate>Wed, 24 Mar 2021 14:29:01 +0800</pubDate><description><![CDATA[对HTML进一步了解关于表格与表单一、表格 【展示数据】table二、表单 【填写数据】1.属性2.表单控件知识结构图案例——个人简历表

一、表格 【展示数据】
table
代码如下（示例）：
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
   ]]></description><category></category></item><item><title><![CDATA[对HTML的初步认识与知识总结]]></title><link>https://blog.youkuaiyun.com/right_hand_side/article/details/115131259</link><guid>https://blog.youkuaiyun.com/right_hand_side/article/details/115131259</guid><author>right_hand_side</author><pubDate>Tue, 23 Mar 2021 17:09:51 +0800</pubDate><description><![CDATA[对HTML的初步认识与知识总结html是超文本标记语言一、初步了解二、html语法1.结构2.标签3.属性4.元素分类结构图

html是超文本标记语言
1）文本
超文本 视频 音频 图片
2）浏览器解析html文件的顺序
从上往下，并且页面中元素的位置与该元素在html文件中的位置保持一致
3）html出现语法错误时，浏览器或者编辑器不会报错
4）html文件可以使用，.html或.htm文件后缀

一、初步了解
1）B/S架构
2）HTTP
浏览器
HTTP
服务器
请求/响应模式
   1. 请求
 ]]></description><category></category></item></channel></rss>