本项目原生js实现的web项目前20个demo参考了vanilla-web-projects所实现的中文版，虽然很多代码借鉴了原项目，但也不同于原项目，因为逻辑代码完全不一致，而且每一个项目也做了相应的扩展，后续的项目为自己平时积累所写。
angular 目录:主要使用 angular.js 完成的示例
animate 目录:主要使用一些动画库完成的示例。
CSS 目录:主要使用简单的 HTML 和 CSS 完成的示例。
echarts 目录:主要使用 echarts 完成的可视化图表示例。
JQuery 目录:主要使用 jQuery 完成的示例。
js 目录:主要使用 HTML,CSS,JavaScript 完成的示例。
React 目录:主要使用 React.js 完成的示例。
threejs 目录:主要使用 three.js 完成的示例[内含一个 easy AR API 完成的 AR 示例]。
vue 目录:主要使用 vue.js 完成的示例。
typescript 目录:主要使用 typescript 完成的示例。
home 目录:本项目的官网，使用 vuepress 搭建。
website 目录:个人响应式网站。
php 目录:使用 php 和前端完成的示例。
plugins 目录:通过 JavaScript 编写的插件集合。
searchError 目录:一些错误的 html。
scripts 目录:一些用于运行的脚本文件集合。
utils 目录:一些工具函数。
gh-pages 目录:官网，个人网站以及 50 个示例网站的源代码（部署）。
other 目录:其它的一些觉得有用的资料。
如果觉得本项目帮助到您学习，还望不吝啬 star。
温馨提示:所有项目 demo 仅供学习，不得用于商业用途，违者必究。
npm install // yarn install 或者 pnpm install
npm run devnpm run start //或者yarn start 或者 pnpm startnpm run home打包:
npm run home:build运行哪一个示例，就携带哪一个参数。如运行第一个示例，目录名为 1。则运行命令如下:
npm run animate 1 //或者yarn run animate 1原理同 animate 目录
npm run css 1 //或者yarn run css 1原理同上。
npm run jQuery 1 //或者yarn run jQuery 1原理同上。
npm run js 1 //或者yarn js 1 (run可省略可不省略)react 目录有些不一样，如果执行第一个目录，则同上。
npm run react 1 //或者yarn react 1如果是第 2 个目录，则需要安装依赖:
cd react/2
yarn install
npm run react 2 start //本地运行
npm run react 2 build //打包命令如果是第 3 个目录，如果是以下命令:
npm run react 3 //无需下载依赖如果是以下命令,也就是说命令行传了第二个参数:
npm run react dev/build/watch //需要先安装依赖,即执行命令yarn install/npm install/cnpm install后续目录依次原理类推（由项目目录构建决定，如采用 webpack 则需要注意 webpack 相关的命令）。
第 1 到第 5 个示例命令执行如下:
npm run vue 1 //或者yarn vue 1,这里的1指的就是目录名原理同 animate 目录
npm run threejs 1 //或者yarn threejs 1需要先安装依赖，然后再执行命令，比如要运行第一个项目，命令如下:
yarn install //第一步安装依赖
npm run typescript 1 dev/build第二个示例同第一个示例。
注意:需要安装 git 客户端，在 git-bash 中运行，如果有配置环境变量，则无需在 git-bash 中运行。当然,home 目录除外。
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent