The first 20demos of thewebproject implemented by the nativejs` of this project refer to the Chinese version implemented by vanilla-web-projects, although many The code draws on the original project, but it is also different from the original project, because the logic code is completely inconsistent, and each project has been expanded accordingly, and subsequent projects are written for their usual accumulation.
angular directory: example done mostly with angular.js
animate directory: Examples done mainly using some animation libraries.
CSS Table of Contents: Examples done mostly using simple HTML and CSS.
echarts directory: Examples of visual diagrams done mainly using echarts.
JQuery Catalog: Examples done mostly using jQuery.
js directory: Examples done mainly using HTML, CSS, JavaScript.
React catalog: Examples done mostly using React.js.
threejs directory: Examples done mainly using three.js [including an AR example done with the easy AR API].
vue directory: Examples done mainly using vue.js.
typescript directory: examples done mostly using typescript.
home directory: the official website of this project, built with vuepress.
website directory: Personal responsive website.
php directory: example done using php and frontend.
plugins directory: A collection of plugins written via JavaScript.
searchError directory: some bad html.
scripts directory: A collection of script files for running.
utils directory: some utility functions.
gh-pages directory: official website, personal website and source code (deployment) of 50 sample websites.
other directory: some other useful information.
If you feel that this project helps you learn, I hope you don’t be stingy with star.
Reminder: All project demos are for learning only, not for commercial use, offenders must be investigated.
npm run start //or yarn startnpm run homebuild:
npm run home:buildWhich example is run, which parameter is carried.If you run the first example, the directory name is 1.Then run the command as follows:
npm run animate 1 //or yarn run animate 1The principle is same as the animate directory
npm run css 1 //or yarn run css 1Same principle as above.
npm run jQuery 1 //or yarn run jQuery 1Same principle as above.
npm run js 1 //or yarn js 1 (run can be omitted or not)The react directory is a bit different, if the first directory is executed, the same as above:
npm run react 1 //or yarn react 1If it is the second directory, you need to install dependencies:
cd react/2
yarn install
npm run react 2 start //Run locally
npm run react 2 build //Packing commandIf it is the third directory, if it is the following command:
npm run react 3 //Need not to download dependenciesIf it is the following command, it means that the second parameter is passed on the command line:
npm run react dev/build/watch //Need not to download dependencies,run command `yarn install/npm install/cnpm install`Subsequent directories can be deduced by analogy (determined by the project directory construction, if you use webpack, you need to pay attention to webpack-related commands).
The first to fifth example commands are executed as follows:
npm run vue 1 //or yarn vue 1,The 1 here refers to the directory nameThe principle is same as the animate directory
npm run threejs 1 //or yarn threejs 1You need to install the dependencies first, and then execute the command. For example, to run the first project, the command is as follows:
yarn install //The first step is install dependencies
npm run typescript 1 dev/buildThe second example is the same as the first example.
notice:You need to install the git client and run it in git-bash. If you have configured environment variables, you don’t need to run it in git-bash.Of course, except for the home directory.