温习日志-21

温习日志

——2023年2月28日下午

学习内容

• A Brief Introduction to the Command Line
  1. 通过在终端，输入cd 相对路径实现更改路径
  2. 在终端输入ls会列出当前所在文件夹的所有子路径
  3. 在终端中输入mkdir 文件夹名创建文件夹
  4. 在终端中输入rmdir 文件夹名删除文件夹
  5. 在终端中输入mv 文件名 移动路径将文件移动到指定路径
  6. 在终端中输入del 文件名删除文件
  7. 在终端中输入ni 文件名查询文件，没有则创建
• Introduction to NPM
  1. 通过在终端中实现指令
  2. 输入npm -v查询当前版本
  3. 输入npm init会在当前文件夹初始化，并且生成pack-json
  4. 通过npm install 要下载的内容下载所需要的package，也可缩写npm i 要下载的内容
  5. 当需要把做好的应用上传到网上，应该删除node_modules文件夹
  6. 下载网上应用是，只需要在终端中输入npm install,便会下载所有需要的package
• Building With Parcel and NPM Scripts
  1. 通过npm install parcel --save-dev安装到当前文件夹的环境中
  2. 使用npx parcel 要搭建的html文件
  3. 也可以在pack-json文件中的scripts中添加"start": 'parcel 要搭建的html文件'，然后在终端中npm run start也可以搭建了
  4. 在pack-json文件中的scripts中添加"build": 'parcel build 要搭建的html文件'，然后在终端中npm run build也可以创建package了
  5. 在parcel生成的dist文件夹中每次保存，会将所写的文件中ES6转化为ES5，以便所有人能够使用，通过babel来实现转换
  6. 通过引入babel推荐的import 'core-js/stable'会将ES6中的数组方法、promise这类通过ES5方式实现
  7. 通过引入import 'regenerator-runtime/runtime'将async function进行polyfill
• 代码的美化
  1. 函数一般接受不超过两个参数
  2. 函数不修改函数以外的变量
  3. 函数一般只做一件事情
  4. 重复的代码应该封装到函数中，来避免重复
  5. 对于循环for和for of应该避免，而是用map之类的方法来遍历数组
  6. 对于对象可以使用Object.freeze(obj)将对象实现常量化，不能修改。但是也存在深浅冻结，比如数组中包含了多个对象，就可以修改对象中的属性不能增加或删除数组的对象而已
  7. 当然以上不是强制要求，只是尽可能做来实现美化代码的作用