Skip to main content
Hello! I'm JackZhang

I'm a front-end developer. Here you can find the corresponding {bilibiliText}You can also find blogs, as well as {ideas}. I will help you learn front-end development in the most intuitive and fastest way. Hope my experience will inspire you.

Follow Me on Twitter

Latest Blogs 

js map函数的用法

  • map()方法只能应用于数组遍历。如果想要遍历对象,可将对象转化为数组对象再其进行遍历。
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);
  • 输出结果:在这里插入图片描述

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

运行结果图:

在这里插入图片描述

一、安装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

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

总结#

待更新。