日度归档:2020年3月4日

javascript中的Array.map()函数简介说明


摘要:
下文讲述js中map函数的功能用法说明,如下所示:


Array.map方法功能说明

Array.map()方法功能:
为数组调用处理函数,将处理后的值返回至一个新的数组中,不修改原数组。
Array.map语法:
Array.map(callback);


Array.map举例说明


<script>

//定义一个数组
const arr = [10,20,30,40];

//定义一个箭头函数
const arrFunction =(n) =>{return n*10};

const arrNew = arr.map(arrFunction);

console.log(arrNew);

</script>

javascript js脚本中中括号的几种用法呢?


摘要:
下文讲述javascript中中括号的用法,如下所示:

在js中中括号中有以下几种写法,如下所示;

 
 <script>

 var arrObject = [];
 var arrList = [98,23,86];
 var arrSingle = arrList[0];
 var obj   = {'name':'猫猫教程','address':'www.maomao365.com'};
 var info  = obj['name'];

 //arrObject和arrList 都代表数组
 //arrSingle 根据数组下标获取数组值
 //info 获取对象的name属性值  

 </script>

CSS3中resize属性功能简介说明


摘要:
下文讲述css代码中resize属性的功能简介说明,如下所示:


css resize属性功能

css resize功能:
用于设置用户是否可以调整元素的大小
css resize属性值说明;

属性值

说明
none

默认值,用户不可以设置大小
both

用户可以调整元素的宽度和高度
horizontal

用户只可调整元素宽度
vertical

用户只可调整元素高度


css resize属性举例说明

 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>猫猫教程(www.maomao365.com)
 -css resize属性举例说明</title>
<style> 
div
{
    border:3px solid;
    padding:10px 40px; 
    width:400px;
    resize:both;
    overflow:auto;
}
</style>
</head>
<body>

<div>调整属性指定一个元素是否由用户可调整大小的。</div>

</body>
</html>