前端： 7 篇

var arr = [1,2,3,4];
//item,index,arr 分别为：当前元素的值（必填），当前元素的索引值，当前元素属于的数组对象
//最终在不改变原有数组值的情况下将原来数组循环一遍，处理好数据，返回一个新数组。
var arr1 = arr.map((item,index,arr) => {
    console.log("--");
    console.log(item);//当前元素值
    console.log(index);//当前索引值
    console.log(arr);//对象
    return item*10 //新数组为10,20,30,40
})
console.log("arr1:",arr1);

输出结果：

2021年5月

vscode+react环境部署，运行第一个react框架

js react 前端

react官网 https://react.docschina.org/docs/getting-started.html

运行结果图：

在这里插入图片描述

一、安装vscode#

见链接：https://www.cnblogs.com/csji/p/13558221.html。

二、安装node、npm、yarn（采用淘宝镜像）#

1.安装node#

见链接：https://blog.csdn.net/bbj12345678/article/details/106741758

检测是否已经安装键盘同时按下win+r，然后输入cmd，在黑窗口内输入：node -v

会出现相应的版本号，说明已经安装好了。

2.安装yarn#

见链接：https://blog.csdn.net/qq_45011985/article/details/105566648

检测是否已经安装键盘同时按下win+r，然后输入cmd，在黑窗口内输入：yarn -v

三、拉取React脚手架，运行第一个项目#

官网教程：
在vscode终端里面运行下面的语句：

npx create-react-app my-app
cd my-app
npm start

视频教程：https://www.bilibili.com/video/BV1CK4y1p7fb/

等待加载完毕，我们再输入 yarn run start 运行即可。

总结#

待更新。