30天JavaScript项目教程
30daysJavascriptJavascript 30天的demo来巩固基础项目地址:https://gitcode.com/gh_mirrors/30/30daysJavascript
项目的目录结构及介绍
30daysJavascript/
├── 01_Drum_Kit
│ ├── index.html
│ ├── style.css
│ └── index.js
├── 02_Clock
│ ├── index.html
│ ├── style.css
│ └── index.js
├── ...
├── 30_Final_Project
│ ├── index.html
│ ├── style.css
│ └── index.js
├── README.md
└── package.json
01_Drum_Kit
,02_Clock
, ...,30_Final_Project
: 每个目录代表一个项目,包含HTML、CSS和JavaScript文件。README.md
: 项目说明文件,包含项目概述和使用说明。package.json
: 项目的依赖管理文件,用于管理项目所需的npm包。
项目的启动文件介绍
每个项目的启动文件是index.html
。例如,在01_Drum_Kit
目录中,启动文件是index.html
。打开该文件即可运行项目。
项目的配置文件介绍
项目的配置文件是package.json
。该文件包含了项目的元数据和依赖项。以下是package.json
的一个示例:
{
"name": "30daysjavascript",
"version": "1.0.0",
"description": "A project to learn JavaScript in 30 days",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": {
"type": "git",
"url": "git+https://github.com/SUNNERCMS/30daysJavascript.git"
},
"author": "",
"license": "ISC",
"bugs": {
"url": "https://github.com/SUNNERCMS/30daysJavascript/issues"
},
"homepage": "https://github.com/SUNNERCMS/30daysJavascript#readme"
}
name
: 项目名称。version
: 项目版本。description
: 项目描述。main
: 主入口文件。scripts
: 可执行的脚本命令。repository
: 项目仓库地址。author
: 项目作者。license
: 项目许可证。bugs
: 问题跟踪地址。homepage
: 项目主页。
30daysJavascriptJavascript 30天的demo来巩固基础项目地址:https://gitcode.com/gh_mirrors/30/30daysJavascript