thumbs.js 项目教程

thumbs.js 项目教程

thumbs.jsAdd touch support to your browser with thumbs.js - a small, transparent, and syntax-less library.项目地址:https://gitcode.com/gh_mirrors/th/thumbs.js

1. 项目的目录结构及介绍

thumbs.js/
├── dist/
│   ├── thumbs.js
│   └── thumbs.min.js
├── src/
│   └── thumbs.js
├── README.md
└── package.json

• dist/: 包含编译后的文件，thumbs.js 是完整版，thumbs.min.js 是压缩版。
• src/: 源代码目录，包含项目的核心逻辑。
• README.md: 项目说明文档。
• package.json: 项目的配置文件，包含依赖、脚本等信息。

2. 项目的启动文件介绍

项目的启动文件是 dist/thumbs.js 或 dist/thumbs.min.js。这两个文件都可以用于在浏览器中引入并使用 thumbs.js。

<script type="text/javascript" src="path/to/thumbs.js"></script>

3. 项目的配置文件介绍

项目的配置文件是 package.json，它包含了项目的基本信息和依赖管理。以下是 package.json 的部分内容：

{
  "name": "thumbs.js",
  "version": "0.6.0",
  "description": "Add touch support to your browser. TouchEvent polyfill. Support touch-less devices. Handy for desktop debugging. PhoneGap and mobile web friendly.",
  "main": "dist/thumbs.js",
  "scripts": {
    "build": "gulp build"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/mwbrooks/thumbs.js.git"
  },
  "keywords": [
    "touch",
    "polyfill",
    "PhoneGap",
    "mobile"
  ],
  "author": "mwbrooks",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/mwbrooks/thumbs.js/issues"
  },
  "homepage": "https://github.com/mwbrooks/thumbs.js#readme"
}

• name: 项目名称。
• version: 项目版本。
• description: 项目描述。
• main: 项目的入口文件。
• scripts: 包含可执行的脚本命令，如 build。
• repository: 项目的仓库地址。
• keywords: 项目的关键词。
• author: 项目作者。
• license: 项目许可证。
• bugs: 项目问题追踪地址。
• homepage: 项目主页。

thumbs.jsAdd touch support to your browser with thumbs.js - a small, transparent, and syntax-less library.项目地址:https://gitcode.com/gh_mirrors/th/thumbs.js