右手边～778-CSDN博客

原创 ES6学习——数组实例方法及拓展

数组一、数组方法拓展二、数组实例方法1.2.一、数组方法拓展Array.from()将类数组对象转成数组Array.of()用于创建数组，接受参数为创建数组的元素Array.prototype.find()迭代方法，参数是个函数，查找满足条件的元素，返回第一个满足条件的元素或者undefinedArray.prototype.findIndex()迭代方法，参数是个函数，查找满足条件的元素的索引，返回第一个满足条件元素的索引或者-1Array.prototype.include

2021-05-24 14:23:21 157

原创在html5中使用canvas绘制图形——案例笑脸

文章目录画布一、canvas的方法？二、简单使用具体案例——笑脸画布canvas元素是H5中新增的一个重要元素，专门用来绘制图形。在页面中放置一个canvas元素，就相当于在页面上放置一块画布，可以利用canvas api在其中进行图形的描绘。一、canvas的方法？样式设置及绘制：fillStyle、strokeStyle、fill()、stroke()渐变样式： createLinearGradient()、 createRadialGradient()绘制矩形：fillRect()、

2021-05-10 15:11:00 4342

原创排序1,2,3,4组成三位数，不重复任何数字，打印出所有情况

1，2，3，4不重复排序<script> for(var i=1;i<5;i++){ for(var j=1;j<5;j++){ for(var n=1;n<5;n++){ if(i!=j&&i!=n&&n!=j){ console.log(i,j,n); } }

2021-04-28 10:09:52 473

原创总结push、pop、shift、unShift方法及push、pop、shift、unShift方法重构

文章目录一、数组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')

2021-04-25 18:34:09 479

原创使用while方法和do while方法实现10的阶乘

使用while方法和do while方法实现10的阶乘while方法var a=1;var i=1;while(i<10){ i++; a*=i;}console.log(a);do while方法var b=1;var j=1;do{ j++; b*=j; }while(j<10);console.log(b);

2021-04-22 14:14:17 4132

原创关于JavaScript函数闭包

闭包函数内部嵌套函数，内部函数访问外部函数中的变量举例说明： function fun1() { var name = 'weiyanling'; function fun2(){ var age = 22; console.log(name); console.log(age); } fun2() } fun1() 结果是 weiyanling 22闭包的使用场景 1. 作为其他函数的参数

2021-04-20 16:43:09 45

原创基本数据类型的转换

基本数据类型转换总结基本数据类型的转换将其他数据类型转换为数字类型字符串转数字布尔转数字null、undefined转数字将其他数据类型转换为字符串类型将其他数据类型转换为布尔类型三级标题三级标题三级标题基本数据类型的转换将其他数据类型转换为数字类型这类转换主要使用四种方式：+、-Number()parseInt()parseFloat()字符串转数字布尔转数字null、undefined转数字将其他数据类型转换为字符串类型将其他数据类型转换为布尔类型三级标题三级标题三级标题

2021-04-15 16:22:47 88

原创 html中css使得块元素水平垂直居中的常用方法

文章目录一、自适应的方式二、通过子元素的宽高设置三、伸缩盒一、自适应的方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ini

2021-04-07 20:02:22 91 1

原创 html盒子模型

文章目录一、盒子模型1.组成2.分类与计算3.背景总结一、盒子模型浏览器页面中每个元素都可以被当做一个盒子1.组成 width 元素内容的宽度 height 元素内容的高度 padding 元素内容与边框的距离【内边距】 padding-top padding-bottom padding-left padding-right /* 上、右、下、左 */ pa

2021-04-06 19:49:38 81

原创对html不同的css选择器如何使用的示例

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、基本选择器二、层次选择器三、属性选择器四、伪类选择器关于a标签其他五、伪元素选择器一、基本选择器代码如下（示例）：```html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=ed

2021-03-25 14:52:05 149

原创学习HTML对于css的基本了解与总结

关于css的认识与总结前言一、css是什么？二、css声明三、可读性四、原理五、使用css六、@import和link的异同1.相同2.不同七、css选择器1.基本选择器2.层次选择器知识结构图前言在前期学习了HTML的知识后，对于网页的设计有了一定了解。进一步学习，知道了css的作用。一、css是什么？层叠样式表，将html文件的内容以更优雅的方式呈现给用户{ 属性：值}二、css声明选择器{属性名：属性值；}三、可读性1、缩进、空白2、添加注释3、速写四、原理

2021-03-24 18:39:20 107

原创关于HTML表格与表单的总结

对HTML进一步了解关于表格与表单一、表格【展示数据】table二、表单【填写数据】1.属性2.表单控件知识结构图案例——个人简历表一、表格【展示数据】table代码如下（示例）：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

2021-03-24 14:29:01 204

原创对HTML的初步认识与知识总结

对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. 请求

2021-03-23 17:09:51 229

right_hand_side的博客