课堂总结（2021-07-12）

最新推荐文章于 2022-10-29 10:34:44 发布

c三只布朗熊

最新推荐文章于 2022-10-29 10:34:44 发布

阅读量77

点赞数

本文链接：https://blog.csdn.net/weixin_46347206/article/details/118682054

版权

强化map的使用：

1.map参数有哪些？分别是什么？

map有三个参数值。

分别是item（当前元素的值）、index（索引值）、arr（原数组）

2.数组forEach和map的区别？

1）map方法返回一个新的数组，数组中的元素为原始数组调用函数处理后的值。且不会对空数组进行遍历，同时不会改变原始数组。

2）forEach方法用于调用数组的每一个元素，将元素传给回调函数，且对于空数组来说不会调用回调函数的。

3.map/forEsangecanshuach等迭代方法的第一个参数是回调函数，回调函数的参数有几个，各代表什么含义？

三个参数。

currentValue：当前元素

index：当前元素的索引值

arr：当前元素所属的数组对象

箭头函数强化：

1.箭头函数基本语法：

例：let fun1 = () => {console.log(111);}

2.箭头函数的参数：

1）如果箭头函数没有参数，直接写一个空括号即可

2）如果箭头函数的参数只有一个，也可以省去包裹参数的括号

3）如果箭头函数有多个参数，将参数依次用逗号隔开，包裹在括号中即可

react项目创建流程：

先打开git bush
然后cd 进入文件夹
之后输入npx create-react-app ‘文件名’
之后git add .
git commit -m 'three'
之后  cd '文件名'
之后用的是yarn  就输入yarn eject   用的是npm  就输入 npm run eject

安装scss

yarn add node-sass-chokidar
yarn add npm-run-all   这个分两次输入

在package.json文件里修改
"scripts": {
        "build-css": "node-sass-chokidar src/ -o src/",
        "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive  --use-polling --polling-interval 1000",
        "start-js": "node scripts/start.js",
        "start": "npm-run-all -p watch-css start-js",
        "build-js": "node scripts/build.js",
        "build": "npm-run-all build-css build-js",
        "test": "node scripts/test.js --env=jsdom"
    },

然后在src的同级目录下创建  .env  文件
里面输入
GENERATE_SOURCEMAP=false
PUBLIC_URL=/