├── .gitignore ├── 09、vue网络请求 ├── axios-demo │ ├── static │ │ ├── .gitkeep │ │ └── mydata.json │ ├── config │ │ ├── prod.env.js │ │ └── dev.env.js │ ├── build │ │ ├── logo.png │ │ ├── vue-loader.conf.js │ │ ├── build.js │ │ └── check-versions.js │ ├── src │ │ ├── assets │ │ │ └── logo.png │ │ ├── router │ │ │ └── index.js │ │ ├── App.vue │ │ └── main.js │ ├── .editorconfig │ ├── .gitignore │ ├── .babelrc │ ├── .postcssrc.js │ ├── index.html │ ├── dist │ │ ├── index.html │ │ └── static │ │ │ ├── mydata.json │ │ │ ├── css │ │ │ ├── app.de02a58e052b80315e49cbb0a873497a.css │ │ │ └── app.de02a58e052b80315e49cbb0a873497a.css.map │ │ │ └── js │ │ │ └── manifest.3ad1d5771e9b13dbdad2.js │ └── README.md ├── jquerydemo │ ├── static │ │ ├── .gitkeep │ │ └── mydata.json │ ├── config │ │ ├── prod.env.js │ │ └── dev.env.js │ ├── build │ │ ├── logo.png │ │ ├── vue-loader.conf.js │ │ ├── build.js │ │ └── check-versions.js │ ├── src │ │ ├── assets │ │ │ └── logo.png │ │ ├── router │ │ │ └── index.js │ │ ├── App.vue │ │ ├── main.js │ │ └── components │ │ │ └── HelloWorld.vue │ ├── .editorconfig │ ├── .gitignore │ ├── .babelrc │ ├── .postcssrc.js │ ├── index.html │ ├── dist │ │ ├── static │ │ │ ├── css │ │ │ │ ├── app.7bc3d861f6e8e0cad62b7793fcf44b09.css │ │ │ │ └── app.7bc3d861f6e8e0cad62b7793fcf44b09.css.map │ │ │ ├── mydata.json │ │ │ └── js │ │ │ │ ├── manifest.3ad1d5771e9b13dbdad2.js │ │ │ │ └── app.af9bc9a3139ab90101bc.js │ │ └── index.html │ └── README.md ├── async-await-demo │ ├── static │ │ ├── .gitkeep │ │ └── mydata.json │ ├── config │ │ ├── prod.env.js │ │ └── dev.env.js │ ├── build │ │ ├── logo.png │ │ ├── vue-loader.conf.js │ │ ├── build.js │ │ └── check-versions.js │ ├── src │ │ ├── assets │ │ │ └── logo.png │ │ ├── router │ │ │ └── index.js │ │ ├── main.js │ │ └── App.vue │ ├── .editorconfig │ ├── .gitignore │ ├── .babelrc │ ├── .postcssrc.js │ ├── index.html │ ├── dist │ │ ├── index.html │ │ └── static │ │ │ ├── mydata.json │ │ │ ├── css │ │ │ ├── app.efc968b62134ca94d52c63af8ee40a53.css │ │ │ └── app.efc968b62134ca94d52c63af8ee40a53.css.map │ │ │ └── js │ │ │ └── manifest.3ad1d5771e9b13dbdad2.js │ └── README.md ├── customAjaxDemo │ ├── static │ │ ├── .gitkeep │ │ └── mydata.json │ ├── config │ │ ├── prod.env.js │ │ └── dev.env.js │ ├── build │ │ ├── logo.png │ │ ├── vue-loader.conf.js │ │ ├── build.js │ │ └── check-versions.js │ ├── src │ │ ├── assets │ │ │ └── logo.png │ │ ├── router │ │ │ └── index.js │ │ ├── App.vue │ │ ├── main.js │ │ └── components │ │ │ └── HelloWorld.vue │ ├── .editorconfig │ ├── .gitignore │ ├── .babelrc │ ├── .postcssrc.js │ ├── index.html │ ├── dist │ │ ├── static │ │ │ ├── css │ │ │ │ ├── app.5c8a90dec40153043f3d37f53aa1bc12.css │ │ │ │ └── app.5c8a90dec40153043f3d37f53aa1bc12.css.map │ │ │ ├── mydata.json │ │ │ └── js │ │ │ │ └── manifest.3ad1d5771e9b13dbdad2.js │ │ └── index.html │ └── README.md ├── vue-fetch-demo │ ├── static │ │ ├── .gitkeep │ │ └── mydata.json │ ├── config │ │ ├── prod.env.js │ │ └── dev.env.js │ ├── build │ │ ├── logo.png │ │ ├── vue-loader.conf.js │ │ ├── build.js │ │ └── check-versions.js │ ├── src │ │ ├── assets │ │ │ └── logo.png │ │ ├── router │ │ │ └── index.js │ │ ├── main.js │ │ └── App.vue │ ├── .editorconfig │ ├── .gitignore │ ├── .babelrc │ ├── .postcssrc.js │ ├── index.html │ ├── README.md │ └── dist │ │ ├── static │ │ ├── mydata.json │ │ ├── css │ │ │ ├── app.cf062253559b2a089aa17a9074fe2c50.css │ │ │ └── app.cf062253559b2a089aa17a9074fe2c50.css.map │ │ └── js │ │ │ └── manifest.3ad1d5771e9b13dbdad2.js │ │ └── index.html ├── vue-resource-demo │ ├── static │ │ ├── .gitkeep │ │ └── mydata.json │ ├── config │ │ ├── prod.env.js │ │ └── dev.env.js │ ├── build │ │ ├── logo.png │ │ ├── vue-loader.conf.js │ │ ├── build.js │ │ └── check-versions.js │ ├── src │ │ ├── assets │ │ │ └── logo.png │ │ ├── router │ │ │ └── index.js │ │ ├── App.vue │ │ └── main.js │ ├── .editorconfig │ ├── .gitignore │ ├── .babelrc │ ├── .postcssrc.js │ ├── index.html │ ├── dist │ │ ├── index.html │ │ └── static │ │ │ ├── mydata.json │ │ │ ├── css │ │ │ ├── app.d32d64903235dbc5c50e38bd2a144f22.css │ │ │ └── app.d32d64903235dbc5c50e38bd2a144f22.css.map │ │ │ └── js │ │ │ └── manifest.3ad1d5771e9b13dbdad2.js │ └── README.md ├── vue-custom-promise-basedxhr │ ├── static │ │ ├── .gitkeep │ │ └── mydata.json │ ├── config │ │ ├── prod.env.js │ │ └── dev.env.js │ ├── build │ │ ├── logo.png │ │ ├── vue-loader.conf.js │ │ └── build.js │ ├── src │ │ ├── assets │ │ │ └── logo.png │ │ ├── router │ │ │ └── index.js │ │ ├── App.vue │ │ ├── main.js │ │ └── js │ │ │ └── request.js │ ├── .editorconfig │ ├── .gitignore │ ├── .babelrc │ ├── .postcssrc.js │ ├── index.html │ ├── dist │ │ ├── index.html │ │ └── static │ │ │ ├── mydata.json │ │ │ ├── css │ │ │ ├── app.fddd7fc7a81ab1bbeeedebe9220530d8.css │ │ │ └── app.fddd7fc7a81ab1bbeeedebe9220530d8.css.map │ │ │ └── js │ │ │ └── manifest.3ad1d5771e9b13dbdad2.js │ └── README.md └── index.html ├── _config.yml ├── 06、Vue路由 ├── vue-cli-router-webapp │ ├── static │ │ └── .gitkeep │ ├── config │ │ ├── prod.env.js │ │ └── dev.env.js │ ├── build │ │ ├── logo.png │ │ ├── vue-loader.conf.js │ │ ├── build.js │ │ └── check-versions.js │ ├── src │ │ ├── assets │ │ │ └── logo.png │ │ ├── main.js │ │ ├── router │ │ │ └── index.js │ │ ├── components │ │ │ └── Second.vue │ │ └── App.vue │ ├── .editorconfig │ ├── .gitignore │ ├── .babelrc │ ├── .postcssrc.js │ ├── index.html │ ├── README.md │ └── dist │ │ ├── index.html │ │ └── static │ │ ├── js │ │ └── manifest.3ad1d5771e9b13dbdad2.js │ │ └── css │ │ └── app.38ae50c05b1e43c07a98b49dfaef6ed5.css └── index.html ├── 08、Mint-UI的使用 ├── mint-ui-wechat-demo │ ├── static │ │ └── .gitkeep │ ├── config │ │ ├── prod.env.js │ │ └── dev.env.js │ ├── build │ │ ├── logo.png │ │ ├── vue-loader.conf.js │ │ ├── build.js │ │ └── check-versions.js │ ├── src │ │ ├── assets │ │ │ ├── a_7.png │ │ │ ├── logo.png │ │ │ ├── avator.png │ │ │ ├── ic_add.png │ │ │ ├── ic_tag.png │ │ │ ├── ic_bottle.png │ │ │ ├── ic_common.png │ │ │ ├── ic_emoji.png │ │ │ ├── ic_game.png │ │ │ ├── ic_kabao.png │ │ │ ├── ic_nearby.png │ │ │ ├── ic_scan.png │ │ │ ├── ic_search.png │ │ │ ├── ic_shake.png │ │ │ ├── ic_wallet.png │ │ │ ├── ic_collect.png │ │ │ ├── ic_gallery.png │ │ │ ├── ic_program.png │ │ │ ├── ic_qr_code.png │ │ │ ├── ic_settings.png │ │ │ ├── ic_find_normal.png │ │ │ ├── ic_group_chat.png │ │ │ ├── ic_me_normal.png │ │ │ ├── ic_me_selected.png │ │ │ ├── ic_new_friends.png │ │ │ ├── ic_find_selected.png │ │ │ ├── ic_weixin_normal.png │ │ │ ├── ic_contacts_normal.png │ │ │ ├── ic_friends_circle.png │ │ │ ├── ic_weixin_selected.png │ │ │ └── ic_contacts_selected.png │ │ ├── App.vue │ │ ├── router │ │ │ └── index.js │ │ ├── main.js │ │ ├── mint-ui │ │ │ └── index.js │ │ └── components │ │ │ ├── common │ │ │ ├── TabBarIcon.vue │ │ │ └── TitleBar.vue │ │ │ └── message │ │ │ └── MessageList.vue │ ├── dist │ │ ├── static │ │ │ ├── img │ │ │ │ ├── avator.8e78b4c.png │ │ │ │ ├── ic_game.1f76b14.png │ │ │ │ ├── ic_shake.ce6e6cc.png │ │ │ │ ├── ic_find_selected.c0d310d.png │ │ │ │ └── ic_friends_circle.6a62b1d.png │ │ │ └── js │ │ │ │ └── manifest.3ad1d5771e9b13dbdad2.js │ │ └── index.html │ ├── .editorconfig │ ├── .gitignore │ ├── .postcssrc.js │ ├── .babelrc │ ├── index.html │ └── README.md ├── mint-ui-vue-cli-cdn-demo │ ├── static │ │ └── .gitkeep │ ├── config │ │ ├── prod.env.js │ │ └── dev.env.js │ ├── build │ │ ├── logo.png │ │ ├── vue-loader.conf.js │ │ └── build.js │ ├── src │ │ ├── assets │ │ │ └── logo.png │ │ ├── router │ │ │ └── index.js │ │ ├── main.js │ │ ├── App.vue │ │ └── components │ │ │ └── HelloWorld.vue │ ├── .editorconfig │ ├── .gitignore │ ├── .babelrc │ ├── .postcssrc.js │ ├── dist │ │ ├── static │ │ │ ├── css │ │ │ │ ├── app.fc1b259740f743e7b63c49509fd8a8f2.css │ │ │ │ └── app.fc1b259740f743e7b63c49509fd8a8f2.css.map │ │ │ └── js │ │ │ │ ├── manifest.3ad1d5771e9b13dbdad2.js │ │ │ │ └── app.e0e6f9e25e5572ffb873.js │ │ └── index.html │ ├── README.md │ └── index.html ├── mint-ui-cli-single-import-demo │ ├── static │ │ └── .gitkeep │ ├── config │ │ ├── prod.env.js │ │ └── dev.env.js │ ├── build │ │ ├── logo.png │ │ ├── vue-loader.conf.js │ │ └── build.js │ ├── src │ │ ├── assets │ │ │ └── logo.png │ │ ├── mint-ui │ │ │ └── index.js │ │ ├── App.vue │ │ ├── router │ │ │ └── index.js │ │ ├── main.js │ │ └── components │ │ │ └── HelloWorld.vue │ ├── .editorconfig │ ├── .gitignore │ ├── .postcssrc.js │ ├── index.html │ ├── .babelrc │ ├── dist │ │ ├── index.html │ │ └── static │ │ │ └── js │ │ │ └── manifest.3ad1d5771e9b13dbdad2.js │ └── README.md ├── mint-ui-vue-cli-global-use-demo │ ├── static │ │ └── .gitkeep │ ├── config │ │ ├── prod.env.js │ │ └── dev.env.js │ ├── build │ │ ├── logo.png │ │ ├── vue-loader.conf.js │ │ └── build.js │ ├── src │ │ ├── assets │ │ │ └── logo.png │ │ ├── App.vue │ │ ├── router │ │ │ └── index.js │ │ └── main.js │ ├── .editorconfig │ ├── .gitignore │ ├── .babelrc │ ├── .postcssrc.js │ ├── index.html │ ├── dist │ │ ├── index.html │ │ └── static │ │ │ └── js │ │ │ └── manifest.3ad1d5771e9b13dbdad2.js │ └── README.md ├── usecdntaobaologin │ ├── imgs │ │ └── tblogo.png │ └── js │ │ └── taobaologin.js ├── usecdndemo │ ├── js │ │ └── index.js │ └── index.html └── index.html ├── 10、js模块化编程 ├── module │ ├── asyncjs │ │ ├── uss-async-or-defer │ │ │ ├── mytest.js │ │ │ ├── index.js │ │ │ └── index.html │ │ ├── test.js │ │ ├── ajax-request │ │ │ └── index.html │ │ ├── dynamic-add-script │ │ │ ├── index.html │ │ │ └── dynamic_add_script.js │ │ └── index.html │ ├── customCommonjs │ │ ├── index.html │ │ └── index.js │ ├── commonjs │ │ ├── index.js │ │ ├── customCommonjs.js │ │ └── index.html │ └── index.html ├── js │ ├── index.js │ ├── test.js │ └── customModule.js └── index.html ├── imgs └── myscancode.jpg ├── 03、Vue--props属性 ├── imgs │ └── logo.png └── index.html ├── 02、vue组件 ├── 02-moni-vue-cli │ ├── src │ │ ├── main.js │ │ ├── first.vue │ │ └── login.vue │ ├── README.md │ ├── index.html │ ├── package.json │ └── webpack.config.js └── 01-component-basic │ └── index.html ├── 05、移动webapp适配--rem ├── css │ ├── .sass-cache │ │ └── 14e0bb1e2744b6ae2956bd741ac0a047e9de1424 │ │ │ └── usesass.scssc │ ├── usesass.css.map │ ├── usesass.css │ ├── usesass.scss │ └── usesass.js ├── index.html └── example │ ├── usesass.html │ └── rem.html ├── 04、Vue生命周期 └── index.html ├── 01、基本指令 ├── instructions │ ├── hello.html │ └── v-on.html └── index.html ├── README.md └── 07、若干练手Demo └── index.html /.gitignore: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/static/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/static/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | theme: jekyll-theme-minimal -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/static/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/static/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/static/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/static/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/static/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/static/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/static/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/static/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/static/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/static/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /10、js模块化编程/module/asyncjs/uss-async-or-defer/mytest.js: -------------------------------------------------------------------------------- 1 | console.log('我是测试 JS 类----2') -------------------------------------------------------------------------------- /10、js模块化编程/module/asyncjs/uss-async-or-defer/index.js: -------------------------------------------------------------------------------- 1 | console.log('我是先加载的 index.js ---1 ') -------------------------------------------------------------------------------- /imgs/myscancode.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/imgs/myscancode.jpg -------------------------------------------------------------------------------- /03、Vue--props属性/imgs/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/03、Vue--props属性/imgs/logo.png -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /10、js模块化编程/module/asyncjs/test.js: -------------------------------------------------------------------------------- 1 | console.log('i am test js') 2 | 3 | function outputLog(arg) { 4 | console.log(arg) 5 | } -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/build/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/09、vue网络请求/axios-demo/build/logo.png -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/build/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/09、vue网络请求/jquerydemo/build/logo.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/build/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/09、vue网络请求/customAjaxDemo/build/logo.png -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/build/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/09、vue网络请求/vue-fetch-demo/build/logo.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/config/prod.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | } 5 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/build/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/09、vue网络请求/async-await-demo/build/logo.png -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/09、vue网络请求/axios-demo/src/assets/logo.png -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/09、vue网络请求/jquerydemo/src/assets/logo.png -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/build/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/09、vue网络请求/vue-resource-demo/build/logo.png -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/build/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/06、Vue路由/vue-cli-router-webapp/build/logo.png -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/09、vue网络请求/customAjaxDemo/src/assets/logo.png -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/09、vue网络请求/vue-fetch-demo/src/assets/logo.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/build/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/build/logo.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/usecdntaobaologin/imgs/tblogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/usecdntaobaologin/imgs/tblogo.png -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/09、vue网络请求/async-await-demo/src/assets/logo.png -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/09、vue网络请求/vue-resource-demo/src/assets/logo.png -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/06、Vue路由/vue-cli-router-webapp/src/assets/logo.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/build/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/build/logo.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/a_7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/a_7.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/logo.png -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/build/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/09、vue网络请求/vue-custom-promise-basedxhr/build/logo.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/avator.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/avator.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_add.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_add.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_tag.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_tag.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/src/assets/logo.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_bottle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_bottle.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_common.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_common.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_emoji.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_emoji.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_game.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_game.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_kabao.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_kabao.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_nearby.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_nearby.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_scan.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_scan.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_search.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_shake.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_shake.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_wallet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_wallet.png -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/09、vue网络请求/vue-custom-promise-basedxhr/src/assets/logo.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/build/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-cli-single-import-demo/build/logo.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/build/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/build/logo.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_collect.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_collect.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_gallery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_gallery.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_program.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_program.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_qr_code.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_qr_code.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_settings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_settings.png -------------------------------------------------------------------------------- /02、vue组件/02-moni-vue-cli/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' ; 2 | import first from './first' 3 | 4 | new Vue({ 5 | el: '#container', 6 | render:h => h(first) 7 | }) 8 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_find_normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_find_normal.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_group_chat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_group_chat.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_me_normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_me_normal.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_me_selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_me_selected.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_new_friends.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_new_friends.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-cli-single-import-demo/src/assets/logo.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/src/assets/logo.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_find_selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_find_selected.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_weixin_normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_weixin_normal.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/dist/static/img/avator.8e78b4c.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/dist/static/img/avator.8e78b4c.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_contacts_normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_contacts_normal.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_friends_circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_friends_circle.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_weixin_selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_weixin_selected.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/dist/static/img/ic_game.1f76b14.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/dist/static/img/ic_game.1f76b14.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/dist/static/img/ic_shake.ce6e6cc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/dist/static/img/ic_shake.ce6e6cc.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_contacts_selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/src/assets/ic_contacts_selected.png -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/dist/static/img/ic_find_selected.c0d310d.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/dist/static/img/ic_find_selected.c0d310d.png -------------------------------------------------------------------------------- /02、vue组件/02-moni-vue-cli/README.md: -------------------------------------------------------------------------------- 1 | > 本 demo 的运行步骤 2 | 3 | * 1、git clone https://github.com/githubchen001/vue-lesson 4 | * 2、cd 02、vue组件/02-moni-vue-cli 5 | * 3、执行 yarn install 安装依赖 6 | * 4、命令持输入 yarn start 显示效果 7 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/dist/static/img/ic_friends_circle.6a62b1d.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/08、Mint-UI的使用/mint-ui-wechat-demo/dist/static/img/ic_friends_circle.6a62b1d.png -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /05、移动webapp适配--rem/css/.sass-cache/14e0bb1e2744b6ae2956bd741ac0a047e9de1424/usesass.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/TigerChain/vue-lesson/HEAD/05、移动webapp适配--rem/css/.sass-cache/14e0bb1e2744b6ae2956bd741ac0a047e9de1424/usesass.scssc -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/src/mint-ui/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue'; 2 | import { Button,Actionsheet } from 'mint-ui'; 3 | 4 | Vue.component(Button.name, Button); 5 | Vue.component(Actionsheet.name, Actionsheet); 6 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/config/dev.env.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const merge = require('webpack-merge') 3 | const prodEnv = require('./prod.env') 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }) 8 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | # /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Editor directories and files 9 | .idea 10 | .vscode 11 | *.suo 12 | *.ntvs* 13 | *.njsproj 14 | *.sln 15 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | # /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Editor directories and files 9 | .idea 10 | .vscode 11 | *.suo 12 | *.ntvs* 13 | *.njsproj 14 | *.sln 15 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | # /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Editor directories and files 9 | .idea 10 | .vscode 11 | *.suo 12 | *.ntvs* 13 | *.njsproj 14 | *.sln 15 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | # /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Editor directories and files 9 | .idea 10 | .vscode 11 | *.suo 12 | *.ntvs* 13 | *.njsproj 14 | *.sln 15 | -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | # /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Editor directories and files 9 | .idea 10 | .vscode 11 | *.suo 12 | *.ntvs* 13 | *.njsproj 14 | *.sln 15 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | # /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Editor directories and files 9 | .idea 10 | .vscode 11 | *.suo 12 | *.ntvs* 13 | *.njsproj 14 | *.sln 15 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | # /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Editor directories and files 9 | .idea 10 | .vscode 11 | *.suo 12 | *.ntvs* 13 | *.njsproj 14 | *.sln 15 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 16 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | # /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Editor directories and files 9 | .idea 10 | .vscode 11 | *.suo 12 | *.ntvs* 13 | *.njsproj 14 | *.sln 15 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | # /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Editor directories and files 9 | .idea 10 | .vscode 11 | *.suo 12 | *.ntvs* 13 | *.njsproj 14 | *.sln 15 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | # /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Editor directories and files 9 | .idea 10 | .vscode 11 | *.suo 12 | *.ntvs* 13 | *.njsproj 14 | *.sln 15 | -------------------------------------------------------------------------------- /10、js模块化编程/module/customCommonjs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | custom Commonjs 6 | 7 | 8 |

自定义模块化 js

9 | 10 | 11 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | #/dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Editor directories and files 9 | .idea 10 | .vscode 11 | *.suo 12 | *.ntvs* 13 | *.njsproj 14 | *.sln 15 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | # /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Editor directories and files 9 | .idea 10 | .vscode 11 | *.suo 12 | *.ntvs* 13 | *.njsproj 14 | *.sln 15 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 18 | -------------------------------------------------------------------------------- /10、js模块化编程/module/commonjs/index.js: -------------------------------------------------------------------------------- 1 | // 引入 customCommonjs.js 2 | console.log('执行开始') 3 | var myCommonjs = require('./customCommonjs.js') 4 | // 调用其对应的方法 5 | myCommonjs.myName() 6 | myCommonjs.myAge() 7 | console.log(myCommonjs.address) 8 | 9 | console.log('执行结束') 10 | 11 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false, 5 | "targets": { 6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 7 | } 8 | }], 9 | "stage-2" 10 | ], 11 | "plugins": ["transform-vue-jsx", "transform-runtime"] 12 | } 13 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false, 5 | "targets": { 6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 7 | } 8 | }], 9 | "stage-2" 10 | ], 11 | "plugins": ["transform-vue-jsx", "transform-runtime"] 12 | } 13 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false, 5 | "targets": { 6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 7 | } 8 | }], 9 | "stage-2" 10 | ], 11 | "plugins": ["transform-vue-jsx", "transform-runtime"] 12 | } 13 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false, 5 | "targets": { 6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 7 | } 8 | }], 9 | "stage-2" 10 | ], 11 | "plugins": ["transform-vue-jsx", "transform-runtime"] 12 | } 13 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false, 5 | "targets": { 6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 7 | } 8 | }], 9 | "stage-2" 10 | ], 11 | "plugins": ["transform-vue-jsx", "transform-runtime"] 12 | } 13 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false, 5 | "targets": { 6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 7 | } 8 | }], 9 | "stage-2" 10 | ], 11 | "plugins": ["transform-vue-jsx", "transform-runtime"] 12 | } 13 | -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false, 5 | "targets": { 6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 7 | } 8 | }], 9 | "stage-2" 10 | ], 11 | "plugins": ["transform-vue-jsx", "transform-runtime"] 12 | } 13 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | "autoprefixer": {} 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | "autoprefixer": {} 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false, 5 | "targets": { 6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 7 | } 8 | }], 9 | "stage-2" 10 | ], 11 | "plugins": ["transform-vue-jsx", "transform-runtime"] 12 | } 13 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | "autoprefixer": {} 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | "autoprefixer": {} 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false, 5 | "targets": { 6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 7 | } 8 | }], 9 | "stage-2" 10 | ], 11 | "plugins": ["transform-vue-jsx", "transform-runtime"] 12 | } 13 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | "autoprefixer": {} 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | "autoprefixer": {} 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/src/App.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 13 | 14 | 19 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | "autoprefixer": {} 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false, 5 | "targets": { 6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 7 | } 8 | }], 9 | "stage-2" 10 | ], 11 | "plugins": ["transform-vue-jsx", "transform-runtime"] 12 | } 13 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | "autoprefixer": {} 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /10、js模块化编程/js/index.js: -------------------------------------------------------------------------------- 1 | var name = customModule.getName() ; 2 | console.log(name) 3 | 4 | 5 | var time = customModule2.getTime() ; 6 | console.log(time) 7 | 8 | 9 | var myrunMdule = runMdule 10 | console.log(myrunMdule.getMyName()) 11 | 12 | 13 | console.log(window.module.getName +":"+window.module.age) 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | "autoprefixer": {} 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | "autoprefixer": {} 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | "autoprefixer": {} 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | "autoprefixer": {} 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import Home from '@/components/Home' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | routes: [ 9 | { 10 | path: '/', 11 | name: 'Home', 12 | component: Home 13 | } 14 | ] 15 | }) 16 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | axios-demo 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import HelloWorld from '@/components/HelloWorld' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | routes: [ 9 | { 10 | path: '/', 11 | name: 'HelloWorld', 12 | component: HelloWorld 13 | } 14 | ] 15 | }) 16 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | jquerydemo 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import HelloWorld from '@/components/HelloWorld' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | routes: [ 9 | { 10 | path: '/', 11 | name: 'HelloWorld', 12 | component: HelloWorld 13 | } 14 | ] 15 | }) 16 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import HelloWorld from '@/components/HelloWorld' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | routes: [ 9 | { 10 | path: '/', 11 | name: 'HelloWorld', 12 | component: HelloWorld 13 | } 14 | ] 15 | }) 16 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import HelloWorld from '@/components/HelloWorld' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | routes: [ 9 | { 10 | path: '/', 11 | name: 'HelloWorld', 12 | component: HelloWorld 13 | } 14 | ] 15 | }) 16 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import HelloWorld from '@/components/HelloWorld' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | routes: [ 9 | { 10 | path: '/', 11 | name: 'HelloWorld', 12 | component: HelloWorld 13 | } 14 | ] 15 | }) 16 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | custom-ajax-demo 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import HelloWorld from '@/components/HelloWorld' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | routes: [ 9 | { 10 | path: '/', 11 | name: 'HelloWorld', 12 | component: HelloWorld 13 | } 14 | ] 15 | }) 16 | -------------------------------------------------------------------------------- /05、移动webapp适配--rem/css/usesass.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "AAMA,IAAI;EACF,gBAAgB,EAAE,GAAG;EACrB,KAAK,EAAE,eAAa;EACpB,MAAM,EAAE,eAAa;EACrB,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,MAAM;EACvB,WAAW,EAAE,MAAM;;AAErB,KAAM;EACJ,gBAAgB,EAAE,MAAM;EACxB,KAAK,EAAC,eAAY;EAClB,MAAM,EAAC,eAAY", 4 | "sources": ["usesass.scss"], 5 | "names": [], 6 | "file": "usesass.css" 7 | } 8 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | vue-resource-demo 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import HelloWorld from '@/components/HelloWorld' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | routes: [ 9 | { 10 | path: '/', 11 | name: 'HelloWorld', 12 | component: HelloWorld 13 | } 14 | ] 15 | }) 16 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import HelloWorld from '@/components/HelloWorld' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | routes: [ 9 | { 10 | path: '/', 11 | name: 'HelloWorld', 12 | component: HelloWorld 13 | } 14 | ] 15 | }) 16 | -------------------------------------------------------------------------------- /10、js模块化编程/module/customCommonjs/index.js: -------------------------------------------------------------------------------- 1 | 2 | var module = { 3 | exports: {} 4 | }; 5 | 6 | // 定义一个立即执行的方法，里面定义了一个方法，然后外面就可以调用了 7 | (function(module, exports) { 8 | exports.getName = function (name) { 9 | return name 10 | }; 11 | }(module, module.exports)) 12 | 13 | 14 | var myFun = module.exports.getName; 15 | 16 | console.log(myFun('TigerChain')) 17 | 18 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import HelloWorld from '@/components/HelloWorld' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | routes: [ 9 | { 10 | path: '/', 11 | name: 'HelloWorld', 12 | component: HelloWorld 13 | } 14 | ] 15 | }) 16 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import HelloWorld from '@/components/HelloWorld' 4 | 5 | Vue.use(Router) 6 | 7 | export default new Router({ 8 | routes: [ 9 | { 10 | path: '/', 11 | name: 'HelloWorld', 12 | component: HelloWorld 13 | } 14 | ] 15 | }) 16 | -------------------------------------------------------------------------------- /02、vue组件/02-moni-vue-cli/src/first.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 17 | 18 | 20 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | vue-custom-promise-basedxhr 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /05、移动webapp适配--rem/css/usesass.css: -------------------------------------------------------------------------------- 1 | .box { 2 | background-color: red; 3 | width: 2.4154589372rem; 4 | height: 2.4154589372rem; 5 | display: flex; 6 | justify-content: center; 7 | align-items: center; } 8 | 9 | .item { 10 | background-color: yellow; 11 | width: 1.2077294686rem; 12 | height: 1.2077294686rem; } 13 | 14 | /*# sourceMappingURL=usesass.css.map */ 15 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | mint-ui-cli-single-import-demo 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /10、js模块化编程/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Document 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | mint-ui-vue-cli-global-use-demo 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /10、js模块化编程/module/commonjs/customCommonjs.js: -------------------------------------------------------------------------------- 1 | // 定义一个 commonjs 的 js 2 | 3 | var name = 'TigerChain' 4 | var age = 28 5 | var address = 'china' 6 | 7 | function getName() { 8 | console.log(name) 9 | } 10 | function getAge() { 11 | console.log(age) 12 | } 13 | 14 | // 把两个方法和一个属性暴露出去 15 | module.exports = { 16 | myName:getName, 17 | myAge:getAge, 18 | address 19 | } 20 | 21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /10、js模块化编程/module/commonjs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Commonjs 8 | 9 | 10 |

使用 CommonJs 模块化

11 | 12 | 13 | -------------------------------------------------------------------------------- /10、js模块化编程/module/asyncjs/ajax-request/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | ajax 异步加载 js 8 | 9 | 10 |

ajax 异步加载 js

11 | 12 | 13 | -------------------------------------------------------------------------------- /02、vue组件/02-moni-vue-cli/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 22 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | vue-fetch-demo 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | async-await-demo 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /05、移动webapp适配--rem/css/usesass.scss: -------------------------------------------------------------------------------- 1 | @function px2rem($px){ 2 | // rem基准值 3 | $rem : 41.4px; 4 | @return ($px/$rem) + rem; 5 | } 6 | 7 | .box{ 8 | background-color: red; 9 | width: px2rem(100px); 10 | height: px2rem(100px); 11 | display: flex; 12 | justify-content: center; 13 | align-items: center; 14 | } 15 | .item { 16 | background-color: yellow; 17 | width:px2rem(50px); 18 | height:px2rem(50px); 19 | } 20 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | import router from './router' 6 | 7 | Vue.config.productionTip = false 8 | 9 | /* eslint-disable no-new */ 10 | new Vue({ 11 | el: '#app', 12 | router, 13 | components: { App }, 14 | template: '' 15 | }) 16 | -------------------------------------------------------------------------------- /10、js模块化编程/module/asyncjs/dynamic-add-script/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 动态创建 script 标签 8 | 9 | 10 |

动态创建 script 标签

11 |
12 | 13 | 14 | -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | import router from './router' 6 | 7 | Vue.config.productionTip = false 8 | 9 | /* eslint-disable no-new */ 10 | new Vue({ 11 | el: '#app', 12 | router, 13 | components: { App }, 14 | template: '' 15 | }) 16 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | import router from './router' 6 | 7 | Vue.config.productionTip = false 8 | 9 | /* eslint-disable no-new */ 10 | new Vue({ 11 | el: '#app', 12 | router, 13 | components: { App }, 14 | template: '' 15 | }) 16 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 23 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 23 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 23 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 23 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 23 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/src/App.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | 23 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | import router from './router' 6 | // import $ from 'jquery' 7 | 8 | Vue.config.productionTip = false 9 | 10 | /* eslint-disable no-new */ 11 | new Vue({ 12 | el: '#app', 13 | router, 14 | components: { App }, 15 | template: '' 16 | }) 17 | -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | vue-cli-router-webapp 7 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["es2015", { "modules": false }], 4 | ["env", { 5 | "modules": false, 6 | "targets": { 7 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 8 | } 9 | }], 10 | "stage-2" 11 | ], 12 | "plugins": ["transform-vue-jsx", "transform-runtime", 13 | ["component", [ 14 | { 15 | "libraryName": "mint-ui", 16 | "style": true 17 | } 18 | ]]] 19 | } 20 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | mint-ui-wechat-demo 7 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /10、js模块化编程/module/asyncjs/uss-async-or-defer/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Commonjs 8 | 9 | 10 |

使用 async/defer

11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["es2015", { "modules": false }], 4 | ["env", { 5 | "modules": false, 6 | "targets": { 7 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 8 | } 9 | }], 10 | "stage-2" 11 | ], 12 | "plugins": ["transform-vue-jsx", "transform-runtime", 13 | ["component", [ 14 | { 15 | "libraryName": "mint-ui", 16 | "style": true 17 | } 18 | ]] 19 | ] 20 | } 21 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/dist/static/css/app.7bc3d861f6e8e0cad62b7793fcf44b09.css: -------------------------------------------------------------------------------- 1 | #app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:20px}.btn[data-v-21d57033]{background-color:red;padding:10px}ul[data-v-21d57033]{list-style-type:none;padding:0}li[data-v-21d57033]{display:inline-block;margin:0 10px}a[data-v-21d57033]{color:#42b983} 2 | /*# sourceMappingURL=app.7bc3d861f6e8e0cad62b7793fcf44b09.css.map */ -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | import router from './router' 6 | 7 | import './mint-ui/index.js' 8 | 9 | Vue.config.productionTip = false 10 | 11 | /* eslint-disable no-new */ 12 | new Vue({ 13 | el: '#app', 14 | router, 15 | components: { App }, 16 | template: '' 17 | }) 18 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/dist/static/css/app.fc1b259740f743e7b63c49509fd8a8f2.css: -------------------------------------------------------------------------------- 1 | #app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}h1[data-v-593f2ac6],h2[data-v-593f2ac6]{font-weight:400}ul[data-v-593f2ac6]{list-style-type:none;padding:0}li[data-v-593f2ac6]{display:inline-block;margin:0 10px}a[data-v-593f2ac6]{color:#42b983} 2 | /*# sourceMappingURL=app.fc1b259740f743e7b63c49509fd8a8f2.css.map */ -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/dist/static/css/app.5c8a90dec40153043f3d37f53aa1bc12.css: -------------------------------------------------------------------------------- 1 | #app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.mybtn[data-v-6aaf0744]{background-color:red;padding:10px;font-size:16px}ul[data-v-6aaf0744]{list-style-type:none;padding:0}li[data-v-6aaf0744]{display:inline-block;margin:0 10px}a[data-v-6aaf0744]{color:#42b983} 2 | /*# sourceMappingURL=app.5c8a90dec40153043f3d37f53aa1bc12.css.map */ -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | import router from './router' 6 | 7 | import ajax from './js/customAjax' 8 | Vue.use(ajax) 9 | 10 | Vue.config.productionTip = false 11 | 12 | /* eslint-disable no-new */ 13 | new Vue({ 14 | el: '#app', 15 | router, 16 | components: { App }, 17 | template: '' 18 | }) 19 | -------------------------------------------------------------------------------- /04、Vue生命周期/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Vue 的生命周期

11 |
12 |
    13 |
  1. vue-lifecycle
    2. 14 | 15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | import router from './router' 6 | 7 | import axios from 'axios' 8 | Vue.prototype.$axios = axios 9 | 10 | Vue.config.productionTip = false 11 | 12 | /* eslint-disable no-new */ 13 | new Vue({ 14 | el: '#app', 15 | router, 16 | components: { App }, 17 | template: '' 18 | }) 19 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/dist/index.html: -------------------------------------------------------------------------------- 1 | axios-demo
-------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/dist/index.html: -------------------------------------------------------------------------------- 1 | jquerydemo
-------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | import router from './router' 6 | 7 | import VueResource from 'vue-resource' 8 | Vue.use(VueResource) 9 | 10 | Vue.config.productionTip = false 11 | 12 | /* eslint-disable no-new */ 13 | new Vue({ 14 | el: '#app', 15 | router, 16 | components: { App }, 17 | template: '' 18 | }) 19 | -------------------------------------------------------------------------------- /02、vue组件/01-component-basic/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 |

Vue 的组件

11 |
12 |
    13 |
  1. vue-lifecycle
    2. 14 | 15 |
16 | 17 | 18 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | import router from './router' 6 | 7 | // import MINT from 'mint-ui' 8 | // Vue.use(MINT) 9 | 10 | Vue.config.productionTip = false 11 | 12 | 13 | /* eslint-disable no-new */ 14 | new Vue({ 15 | el: '#app', 16 | router, 17 | components: { App }, 18 | template: '' 19 | }) 20 | -------------------------------------------------------------------------------- /10、js模块化编程/js/test.js: -------------------------------------------------------------------------------- 1 | 2 | 3 | // function hehe(argument) { 4 | // hehe() 5 | // } 6 | 7 | // hehe() 8 | 9 | function getMaxCallStackSize() { 10 | try { 11 | return 1 + getMaxCallStackSize(); 12 | } catch (e) { 13 | return 1; 14 | } 15 | } 16 | 17 | var result = getMaxCallStackSize() 18 | console.log(result) 19 | 20 | 21 | 22 | console.log('大家好！') 23 | 24 | setTimeout(function() { 25 | 26 | console.log('TigerChain') 27 | 28 | },2000) 29 | 30 | console.log('欢迎关注') 31 | 32 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/dist/index.html: -------------------------------------------------------------------------------- 1 | custom-ajax-demo
-------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/dist/index.html: -------------------------------------------------------------------------------- 1 | async-await-demo
-------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/dist/index.html: -------------------------------------------------------------------------------- 1 | vue-resource-demo
-------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/dist/index.html: -------------------------------------------------------------------------------- 1 | vue-custom-promise-basedxhr
-------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | import router from './router' 6 | 7 | import fetchServer from './js/request.js' 8 | Vue.prototype.fetchServer = fetchServer 9 | 10 | Vue.config.productionTip = false 11 | 12 | /* eslint-disable no-new */ 13 | new Vue({ 14 | el: '#app', 15 | router, 16 | components: { App }, 17 | template: '' 18 | }) 19 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | import router from './router' 6 | 7 | import MintUI from 'mint-ui' 8 | import 'mint-ui/lib/style.css' 9 | Vue.use(MintUI) 10 | 11 | Vue.config.productionTip = false 12 | 13 | /* eslint-disable no-new */ 14 | new Vue({ 15 | el: '#app', 16 | router, 17 | components: { App }, 18 | template: '' 19 | }) 20 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/dist/index.html: -------------------------------------------------------------------------------- 1 | mint-ui-cli-single-import-demo
-------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/dist/index.html: -------------------------------------------------------------------------------- 1 | mint-ui-vue-cli-global-use-demo
-------------------------------------------------------------------------------- /01、基本指令/instructions/hello.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vue--hello world 8 | 9 | 10 | 11 |
{{msg}}
12 | 13 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/static/mydata.json: -------------------------------------------------------------------------------- 1 | { 2 | "status":"0001", 3 | "msg":"ok", 4 | "datas":[ 5 | {"name":"TigerChain","address":"中国陕西"}, 6 | {"name":"TigerChain1","address":"中国陕西"}, 7 | {"name":"TigerChain2","address":"中国陕西"}, 8 | {"name":"TigerChain3","address":"中国陕西"}, 9 | {"name":"TigerChain4","address":"中国陕西"}, 10 | {"name":"TigerChain5","address":"中国陕西"}, 11 | {"name":"TigerChain6","address":"中国陕西"}, 12 | {"name":"TigerChain7","address":"中国陕西"}, 13 | {"name":"TigerChain8","address":"中国陕西"}, 14 | {"name":"TigerChain9","address":"中国陕西"} 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/README.md: -------------------------------------------------------------------------------- 1 | # axios-demo 2 | 3 | > A Vue.js project 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | npm install 10 | 11 | # serve with hot reload at localhost:8080 12 | npm run dev 13 | 14 | # build for production with minification 15 | npm run build 16 | 17 | # build for production and view the bundle analyzer report 18 | npm run build --report 19 | ``` 20 | 21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). 22 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/dist/static/mydata.json: -------------------------------------------------------------------------------- 1 | { 2 | "status":"0001", 3 | "msg":"ok", 4 | "datas":[ 5 | {"name":"TigerChain","address":"中国陕西"}, 6 | {"name":"TigerChain1","address":"中国陕西"}, 7 | {"name":"TigerChain2","address":"中国陕西"}, 8 | {"name":"TigerChain3","address":"中国陕西"}, 9 | {"name":"TigerChain4","address":"中国陕西"}, 10 | {"name":"TigerChain5","address":"中国陕西"}, 11 | {"name":"TigerChain6","address":"中国陕西"}, 12 | {"name":"TigerChain7","address":"中国陕西"}, 13 | {"name":"TigerChain8","address":"中国陕西"}, 14 | {"name":"TigerChain9","address":"中国陕西"} 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/README.md: -------------------------------------------------------------------------------- 1 | # jquerydemo 2 | 3 | > A Vue.js project 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | npm install 10 | 11 | # serve with hot reload at localhost:8080 12 | npm run dev 13 | 14 | # build for production with minification 15 | npm run build 16 | 17 | # build for production and view the bundle analyzer report 18 | npm run build --report 19 | ``` 20 | 21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). 22 | -------------------------------------------------------------------------------- /10、js模块化编程/module/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | JS 模块化 8 | 9 | 10 | 11 |

JS 模块化

12 |
13 |
    14 |
  1. 自定义模块化 JS
    2. 15 |
  2. CommonJs
    3. 16 |
  3. 异步 JS
    4. 17 | 18 |
19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/README.md: -------------------------------------------------------------------------------- 1 | # vue-fetch-demo 2 | 3 | > A Vue.js project 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | npm install 10 | 11 | # serve with hot reload at localhost:8080 12 | npm run dev 13 | 14 | # build for production with minification 15 | npm run build 16 | 17 | # build for production and view the bundle analyzer report 18 | npm run build --report 19 | ``` 20 | 21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). 22 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/README.md: -------------------------------------------------------------------------------- 1 | # async-await-demo 2 | 3 | > A Vue.js project 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | npm install 10 | 11 | # serve with hot reload at localhost:8080 12 | npm run dev 13 | 14 | # build for production with minification 15 | npm run build 16 | 17 | # build for production and view the bundle analyzer report 18 | npm run build --report 19 | ``` 20 | 21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). 22 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/static/mydata.json: -------------------------------------------------------------------------------- 1 | { 2 | "status":"0001", 3 | "msg":"ok", 4 | "datas":[ 5 | {"name":"TigerChain","address":"中国陕西"}, 6 | {"name":"TigerChain1","address":"中国陕西"}, 7 | {"name":"TigerChain2","address":"中国陕西"}, 8 | {"name":"TigerChain3","address":"中国陕西"}, 9 | {"name":"TigerChain4","address":"中国陕西"}, 10 | {"name":"TigerChain5","address":"中国陕西"}, 11 | {"name":"TigerChain6","address":"中国陕西"}, 12 | {"name":"TigerChain7","address":"中国陕西"}, 13 | {"name":"TigerChain8","address":"中国陕西"}, 14 | {"name":"TigerChain9","address":"中国陕西"} 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/README.md: -------------------------------------------------------------------------------- 1 | # custom-ajax-demo 2 | 3 | > A Vue.js project 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | npm install 10 | 11 | # serve with hot reload at localhost:8080 12 | npm run dev 13 | 14 | # build for production with minification 15 | npm run build 16 | 17 | # build for production and view the bundle analyzer report 18 | npm run build --report 19 | ``` 20 | 21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). 22 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/static/mydata.json: -------------------------------------------------------------------------------- 1 | { 2 | "status":"0001", 3 | "msg":"ok", 4 | "datas":[ 5 | {"name":"TigerChain","address":"中国陕西"}, 6 | {"name":"TigerChain1","address":"中国陕西"}, 7 | {"name":"TigerChain2","address":"中国陕西"}, 8 | {"name":"TigerChain3","address":"中国陕西"}, 9 | {"name":"TigerChain4","address":"中国陕西"}, 10 | {"name":"TigerChain5","address":"中国陕西"}, 11 | {"name":"TigerChain6","address":"中国陕西"}, 12 | {"name":"TigerChain7","address":"中国陕西"}, 13 | {"name":"TigerChain8","address":"中国陕西"}, 14 | {"name":"TigerChain9","address":"中国陕西"} 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/static/mydata.json: -------------------------------------------------------------------------------- 1 | { 2 | "status":"0001", 3 | "msg":"ok", 4 | "datas":[ 5 | {"name":"TigerChain","address":"中国陕西"}, 6 | {"name":"TigerChain1","address":"中国陕西"}, 7 | {"name":"TigerChain2","address":"中国陕西"}, 8 | {"name":"TigerChain3","address":"中国陕西"}, 9 | {"name":"TigerChain4","address":"中国陕西"}, 10 | {"name":"TigerChain5","address":"中国陕西"}, 11 | {"name":"TigerChain6","address":"中国陕西"}, 12 | {"name":"TigerChain7","address":"中国陕西"}, 13 | {"name":"TigerChain8","address":"中国陕西"}, 14 | {"name":"TigerChain9","address":"中国陕西"} 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/README.md: -------------------------------------------------------------------------------- 1 | # vue-resource-demo 2 | 3 | > A Vue.js project 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | npm install 10 | 11 | # serve with hot reload at localhost:8080 12 | npm run dev 13 | 14 | # build for production with minification 15 | npm run build 16 | 17 | # build for production and view the bundle analyzer report 18 | npm run build --report 19 | ``` 20 | 21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). 22 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from 'vue' 4 | import App from './App' 5 | import router from './router' 6 | 7 | // import { Button } from 'mint-ui'; 8 | // Vue.component(Button.name, Button); 9 | 10 | import './mint-ui/index.js' 11 | 12 | Vue.config.productionTip = false 13 | 14 | /* eslint-disable no-new */ 15 | new Vue({ 16 | el: '#app', 17 | router, 18 | components: { App }, 19 | template: '' 20 | }) 21 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/README.md: -------------------------------------------------------------------------------- 1 | # mint-ui-demo 2 | 3 | > A Vue.js project 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | npm install 10 | 11 | # serve with hot reload at localhost:8080 12 | npm run dev 13 | 14 | # build for production with minification 15 | npm run build 16 | 17 | # build for production and view the bundle analyzer report 18 | npm run build --report 19 | ``` 20 | 21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). 22 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/static/mydata.json: -------------------------------------------------------------------------------- 1 | { 2 | "status":"0001", 3 | "msg":"ok", 4 | "datas":[ 5 | {"name":"TigerChain","address":"中国陕西"}, 6 | {"name":"TigerChain1","address":"中国陕西"}, 7 | {"name":"TigerChain2","address":"中国陕西"}, 8 | {"name":"TigerChain3","address":"中国陕西"}, 9 | {"name":"TigerChain4","address":"中国陕西"}, 10 | {"name":"TigerChain5","address":"中国陕西"}, 11 | {"name":"TigerChain6","address":"中国陕西"}, 12 | {"name":"TigerChain7","address":"中国陕西"}, 13 | {"name":"TigerChain8","address":"中国陕西"}, 14 | {"name":"TigerChain9","address":"中国陕西"} 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/dist/static/mydata.json: -------------------------------------------------------------------------------- 1 | { 2 | "status":"0001", 3 | "msg":"ok", 4 | "datas":[ 5 | {"name":"TigerChain","address":"中国陕西"}, 6 | {"name":"TigerChain1","address":"中国陕西"}, 7 | {"name":"TigerChain2","address":"中国陕西"}, 8 | {"name":"TigerChain3","address":"中国陕西"}, 9 | {"name":"TigerChain4","address":"中国陕西"}, 10 | {"name":"TigerChain5","address":"中国陕西"}, 11 | {"name":"TigerChain6","address":"中国陕西"}, 12 | {"name":"TigerChain7","address":"中国陕西"}, 13 | {"name":"TigerChain8","address":"中国陕西"}, 14 | {"name":"TigerChain9","address":"中国陕西"} 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/dist/static/mydata.json: -------------------------------------------------------------------------------- 1 | { 2 | "status":"0001", 3 | "msg":"ok", 4 | "datas":[ 5 | {"name":"TigerChain","address":"中国陕西"}, 6 | {"name":"TigerChain1","address":"中国陕西"}, 7 | {"name":"TigerChain2","address":"中国陕西"}, 8 | {"name":"TigerChain3","address":"中国陕西"}, 9 | {"name":"TigerChain4","address":"中国陕西"}, 10 | {"name":"TigerChain5","address":"中国陕西"}, 11 | {"name":"TigerChain6","address":"中国陕西"}, 12 | {"name":"TigerChain7","address":"中国陕西"}, 13 | {"name":"TigerChain8","address":"中国陕西"}, 14 | {"name":"TigerChain9","address":"中国陕西"} 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/dist/static/mydata.json: -------------------------------------------------------------------------------- 1 | { 2 | "status":"0001", 3 | "msg":"ok", 4 | "datas":[ 5 | {"name":"TigerChain","address":"中国陕西"}, 6 | {"name":"TigerChain1","address":"中国陕西"}, 7 | {"name":"TigerChain2","address":"中国陕西"}, 8 | {"name":"TigerChain3","address":"中国陕西"}, 9 | {"name":"TigerChain4","address":"中国陕西"}, 10 | {"name":"TigerChain5","address":"中国陕西"}, 11 | {"name":"TigerChain6","address":"中国陕西"}, 12 | {"name":"TigerChain7","address":"中国陕西"}, 13 | {"name":"TigerChain8","address":"中国陕西"}, 14 | {"name":"TigerChain9","address":"中国陕西"} 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/static/mydata.json: -------------------------------------------------------------------------------- 1 | { 2 | "status":"0001", 3 | "msg":"ok", 4 | "datas":[ 5 | {"name":"TigerChain","address":"中国陕西"}, 6 | {"name":"TigerChain1","address":"中国陕西"}, 7 | {"name":"TigerChain2","address":"中国陕西"}, 8 | {"name":"TigerChain3","address":"中国陕西"}, 9 | {"name":"TigerChain4","address":"中国陕西"}, 10 | {"name":"TigerChain5","address":"中国陕西"}, 11 | {"name":"TigerChain6","address":"中国陕西"}, 12 | {"name":"TigerChain7","address":"中国陕西"}, 13 | {"name":"TigerChain8","address":"中国陕西"}, 14 | {"name":"TigerChain9","address":"中国陕西"} 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /10、js模块化编程/module/asyncjs/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Async JS 8 | 9 | 10 |

异步 JS 的方法

11 |
12 |
    13 |
  1. 动态创建 Script 标签
    2. 14 |
  2. ajax 异步请求
    3. 15 |
  3. 使用 async/defer
    4. 16 |
17 | 18 | -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/README.md: -------------------------------------------------------------------------------- 1 | # vue-cli-router-webapp 2 | 3 | > A Vue.js project 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | npm install 10 | 11 | # serve with hot reload at localhost:8080 12 | npm run dev 13 | 14 | # build for production with minification 15 | npm run build 16 | 17 | # build for production and view the bundle analyzer report 18 | npm run build --report 19 | ``` 20 | 21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). 22 | -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/src/router/index.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import Router from 'vue-router' 3 | import First from '@/components/First' 4 | import SecondPage from '@/components/Second' 5 | 6 | Vue.use(Router) 7 | 8 | Router.prototype.goBack = function () { 9 | 　　this.isBack = true 10 | 　　window.history.go(-1) 11 | } 12 | 13 | export default new Router({ 14 | routes: [ 15 | { 16 | path: '/', 17 | name: 'First', 18 | component: First 19 | }, 20 | { 21 | path:'/second', 22 | name:'second', 23 | component:SecondPage 24 | } 25 | ] 26 | }) 27 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/README.md: -------------------------------------------------------------------------------- 1 | # mint-ui-wechat-demo 2 | 3 | > A Vue.js project 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | npm install 10 | 11 | # serve with hot reload at localhost:8080 12 | npm run dev 13 | 14 | # build for production with minification 15 | npm run build 16 | 17 | # build for production and view the bundle analyzer report 18 | npm run build --report 19 | ``` 20 | 21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). 22 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/dist/static/mydata.json: -------------------------------------------------------------------------------- 1 | { 2 | "status":"0001", 3 | "msg":"ok", 4 | "datas":[ 5 | {"name":"TigerChain","address":"中国陕西"}, 6 | {"name":"TigerChain1","address":"中国陕西"}, 7 | {"name":"TigerChain2","address":"中国陕西"}, 8 | {"name":"TigerChain3","address":"中国陕西"}, 9 | {"name":"TigerChain4","address":"中国陕西"}, 10 | {"name":"TigerChain5","address":"中国陕西"}, 11 | {"name":"TigerChain6","address":"中国陕西"}, 12 | {"name":"TigerChain7","address":"中国陕西"}, 13 | {"name":"TigerChain8","address":"中国陕西"}, 14 | {"name":"TigerChain9","address":"中国陕西"} 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/dist/static/mydata.json: -------------------------------------------------------------------------------- 1 | { 2 | "status":"0001", 3 | "msg":"ok", 4 | "datas":[ 5 | {"name":"TigerChain","address":"中国陕西"}, 6 | {"name":"TigerChain1","address":"中国陕西"}, 7 | {"name":"TigerChain2","address":"中国陕西"}, 8 | {"name":"TigerChain3","address":"中国陕西"}, 9 | {"name":"TigerChain4","address":"中国陕西"}, 10 | {"name":"TigerChain5","address":"中国陕西"}, 11 | {"name":"TigerChain6","address":"中国陕西"}, 12 | {"name":"TigerChain7","address":"中国陕西"}, 13 | {"name":"TigerChain8","address":"中国陕西"}, 14 | {"name":"TigerChain9","address":"中国陕西"} 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /03、Vue--props属性/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vue porops 和 methods 8 | 9 | 10 | 11 |

Vue porops 和 methods

12 | 13 |
14 |
    15 |
  1. vue-props
    2. 16 |
  2. vue-method
    3. 17 | 18 |
19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/static/mydata.json: -------------------------------------------------------------------------------- 1 | { 2 | "status":"0001", 3 | "msg":"ok", 4 | "datas":[ 5 | {"name":"TigerChain","address":"中国陕西"}, 6 | {"name":"TigerChain1","address":"中国陕西"}, 7 | {"name":"TigerChain2","address":"中国陕西"}, 8 | {"name":"TigerChain3","address":"中国陕西"}, 9 | {"name":"TigerChain4","address":"中国陕西"}, 10 | {"name":"TigerChain5","address":"中国陕西"}, 11 | {"name":"TigerChain6","address":"中国陕西"}, 12 | {"name":"TigerChain7","address":"中国陕西"}, 13 | {"name":"TigerChain8","address":"中国陕西"}, 14 | {"name":"TigerChain9","address":"中国陕西"} 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | mint-ui-demo 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/README.md: -------------------------------------------------------------------------------- 1 | # vue-custom-promise-basedxhr 2 | 3 | > A Vue.js project 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | npm install 10 | 11 | # serve with hot reload at localhost:8080 12 | npm run dev 13 | 14 | # build for production with minification 15 | npm run build 16 | 17 | # build for production and view the bundle analyzer report 18 | npm run build --report 19 | ``` 20 | 21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). 22 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/dist/static/mydata.json: -------------------------------------------------------------------------------- 1 | { 2 | "status":"0001", 3 | "msg":"ok", 4 | "datas":[ 5 | {"name":"TigerChain","address":"中国陕西"}, 6 | {"name":"TigerChain1","address":"中国陕西"}, 7 | {"name":"TigerChain2","address":"中国陕西"}, 8 | {"name":"TigerChain3","address":"中国陕西"}, 9 | {"name":"TigerChain4","address":"中国陕西"}, 10 | {"name":"TigerChain5","address":"中国陕西"}, 11 | {"name":"TigerChain6","address":"中国陕西"}, 12 | {"name":"TigerChain7","address":"中国陕西"}, 13 | {"name":"TigerChain8","address":"中国陕西"}, 14 | {"name":"TigerChain9","address":"中国陕西"} 15 | ] 16 | } 17 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/dist/index.html: -------------------------------------------------------------------------------- 1 | vue-fetch-demo
-------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/README.md: -------------------------------------------------------------------------------- 1 | # mint-ui-cli-single-import-demo 2 | 3 | > A Vue.js project 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | npm install 10 | 11 | # serve with hot reload at localhost:8080 12 | npm run dev 13 | 14 | # build for production with minification 15 | npm run build 16 | 17 | # build for production and view the bundle analyzer report 18 | npm run build --report 19 | ``` 20 | 21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). 22 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/README.md: -------------------------------------------------------------------------------- 1 | # mint-ui-vue-cli-global-use-demo 2 | 3 | > A Vue.js project 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # install dependencies 9 | npm install 10 | 11 | # serve with hot reload at localhost:8080 12 | npm run dev 13 | 14 | # build for production with minification 15 | npm run build 16 | 17 | # build for production and view the bundle analyzer report 18 | npm run build --report 19 | ``` 20 | 21 | For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader). 22 | -------------------------------------------------------------------------------- /02、vue组件/02-moni-vue-cli/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "myvuedemo", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "author": "TigerChain", 6 | "license": "MIT", 7 | "scripts":{ 8 | "start":"webpack-dev-server --port 8888 --open --hot" 9 | }, 10 | "dependencies": { 11 | "vue": "^2.5.13" 12 | }, 13 | "devDependencies": { 14 | "babel-core": "^6.26.0", 15 | "babel-loader": "^7.1.2", 16 | "css-loader": "^0.28.9", 17 | "vue-loader": "^13.7.0", 18 | "vue-template-compiler": "^2.5.13", 19 | "webpack": "^3.10.0", 20 | "webpack-dev-server": "^2.11.1" 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/dist/index.html: -------------------------------------------------------------------------------- 1 | vue-cli-router-webapp
-------------------------------------------------------------------------------- /08、Mint-UI的使用/usecdndemo/js/index.js: -------------------------------------------------------------------------------- 1 | var vm = new Vue({ 2 | el: '#container', 3 | data: { 4 | actions: [], 5 | sheetVisible: false, 6 | }, 7 | created() { 8 | this.actions = [ 9 | { 10 | name: '拍照', 11 | method: this.takePhoto 12 | }, 13 | { 14 | name: '打开图库', 15 | method: this.openLibrary 16 | }, 17 | ] 18 | }, 19 | methods: { 20 | takePhoto() { 21 | console.log('我是拍照') 22 | }, 23 | openLibrary() { 24 | console.log('我是找开图库') 25 | } 26 | } 27 | }) -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/src/App.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 15 | 16 | 26 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/dist/index.html: -------------------------------------------------------------------------------- 1 | mint-ui-wechat-demo
5 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/mint-ui/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @auther TigerChain 3 | * 单独按需引入 mint-ui 想要使用的组件 4 | */ 5 | import Vue from 'vue' 6 | 7 | import { 8 | TabContainer, 9 | TabContainerItem , 10 | Tabbar,TabItem,Cell,Button, 11 | IndexList, IndexSection 12 | } from 'mint-ui' 13 | 14 | Vue.component(TabContainer.name, TabContainer); 15 | Vue.component(TabContainerItem.name, TabContainerItem); 16 | Vue.component(Tabbar.name, Tabbar); 17 | Vue.component(TabItem.name, TabItem); 18 | Vue.component(Cell.name, Cell); 19 | Vue.component(Button.name, Button); 20 | Vue.component(IndexList.name, IndexList); 21 | Vue.component(IndexSection.name, IndexSection); 22 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/src/components/HelloWorld.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 18 | 19 | 20 | 36 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const config = require('../config') 4 | const isProduction = process.env.NODE_ENV === 'production' 5 | const sourceMapEnabled = isProduction 6 | ? config.build.productionSourceMap 7 | : config.dev.cssSourceMap 8 | 9 | module.exports = { 10 | loaders: utils.cssLoaders({ 11 | sourceMap: sourceMapEnabled, 12 | extract: isProduction 13 | }), 14 | cssSourceMap: sourceMapEnabled, 15 | cacheBusting: config.dev.cacheBusting, 16 | transformToRequire: { 17 | video: ['src', 'poster'], 18 | source: 'src', 19 | img: 'src', 20 | image: 'xlink:href' 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const config = require('../config') 4 | const isProduction = process.env.NODE_ENV === 'production' 5 | const sourceMapEnabled = isProduction 6 | ? config.build.productionSourceMap 7 | : config.dev.cssSourceMap 8 | 9 | module.exports = { 10 | loaders: utils.cssLoaders({ 11 | sourceMap: sourceMapEnabled, 12 | extract: isProduction 13 | }), 14 | cssSourceMap: sourceMapEnabled, 15 | cacheBusting: config.dev.cacheBusting, 16 | transformToRequire: { 17 | video: ['src', 'poster'], 18 | source: 'src', 19 | img: 'src', 20 | image: 'xlink:href' 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const config = require('../config') 4 | const isProduction = process.env.NODE_ENV === 'production' 5 | const sourceMapEnabled = isProduction 6 | ? config.build.productionSourceMap 7 | : config.dev.cssSourceMap 8 | 9 | module.exports = { 10 | loaders: utils.cssLoaders({ 11 | sourceMap: sourceMapEnabled, 12 | extract: isProduction 13 | }), 14 | cssSourceMap: sourceMapEnabled, 15 | cacheBusting: config.dev.cacheBusting, 16 | transformToRequire: { 17 | video: ['src', 'poster'], 18 | source: 'src', 19 | img: 'src', 20 | image: 'xlink:href' 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const config = require('../config') 4 | const isProduction = process.env.NODE_ENV === 'production' 5 | const sourceMapEnabled = isProduction 6 | ? config.build.productionSourceMap 7 | : config.dev.cssSourceMap 8 | 9 | module.exports = { 10 | loaders: utils.cssLoaders({ 11 | sourceMap: sourceMapEnabled, 12 | extract: isProduction 13 | }), 14 | cssSourceMap: sourceMapEnabled, 15 | cacheBusting: config.dev.cacheBusting, 16 | transformToRequire: { 17 | video: ['src', 'poster'], 18 | source: 'src', 19 | img: 'src', 20 | image: 'xlink:href' 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const config = require('../config') 4 | const isProduction = process.env.NODE_ENV === 'production' 5 | const sourceMapEnabled = isProduction 6 | ? config.build.productionSourceMap 7 | : config.dev.cssSourceMap 8 | 9 | module.exports = { 10 | loaders: utils.cssLoaders({ 11 | sourceMap: sourceMapEnabled, 12 | extract: isProduction 13 | }), 14 | cssSourceMap: sourceMapEnabled, 15 | cacheBusting: config.dev.cacheBusting, 16 | transformToRequire: { 17 | video: ['src', 'poster'], 18 | source: 'src', 19 | img: 'src', 20 | image: 'xlink:href' 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const config = require('../config') 4 | const isProduction = process.env.NODE_ENV === 'production' 5 | const sourceMapEnabled = isProduction 6 | ? config.build.productionSourceMap 7 | : config.dev.cssSourceMap 8 | 9 | module.exports = { 10 | loaders: utils.cssLoaders({ 11 | sourceMap: sourceMapEnabled, 12 | extract: isProduction 13 | }), 14 | cssSourceMap: sourceMapEnabled, 15 | cacheBusting: config.dev.cacheBusting, 16 | transformToRequire: { 17 | video: ['src', 'poster'], 18 | source: 'src', 19 | img: 'src', 20 | image: 'xlink:href' 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const config = require('../config') 4 | const isProduction = process.env.NODE_ENV === 'production' 5 | const sourceMapEnabled = isProduction 6 | ? config.build.productionSourceMap 7 | : config.dev.cssSourceMap 8 | 9 | module.exports = { 10 | loaders: utils.cssLoaders({ 11 | sourceMap: sourceMapEnabled, 12 | extract: isProduction 13 | }), 14 | cssSourceMap: sourceMapEnabled, 15 | cacheBusting: config.dev.cacheBusting, 16 | transformToRequire: { 17 | video: ['src', 'poster'], 18 | source: 'src', 19 | img: 'src', 20 | image: 'xlink:href' 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const config = require('../config') 4 | const isProduction = process.env.NODE_ENV === 'production' 5 | const sourceMapEnabled = isProduction 6 | ? config.build.productionSourceMap 7 | : config.dev.cssSourceMap 8 | 9 | module.exports = { 10 | loaders: utils.cssLoaders({ 11 | sourceMap: sourceMapEnabled, 12 | extract: isProduction 13 | }), 14 | cssSourceMap: sourceMapEnabled, 15 | cacheBusting: config.dev.cacheBusting, 16 | transformToRequire: { 17 | video: ['src', 'poster'], 18 | source: 'src', 19 | img: 'src', 20 | image: 'xlink:href' 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const config = require('../config') 4 | const isProduction = process.env.NODE_ENV === 'production' 5 | const sourceMapEnabled = isProduction 6 | ? config.build.productionSourceMap 7 | : config.dev.cssSourceMap 8 | 9 | module.exports = { 10 | loaders: utils.cssLoaders({ 11 | sourceMap: sourceMapEnabled, 12 | extract: isProduction 13 | }), 14 | cssSourceMap: sourceMapEnabled, 15 | cacheBusting: config.dev.cacheBusting, 16 | transformToRequire: { 17 | video: ['src', 'poster'], 18 | source: 'src', 19 | img: 'src', 20 | image: 'xlink:href' 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/dist/static/css/app.efc968b62134ca94d52c63af8ee40a53.css: -------------------------------------------------------------------------------- 1 | #app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:20px}.title[data-v-1b51372e]{color:red}.btns[data-v-1b51372e]{margin-top:10px}ul[data-v-1b51372e]{list-style-type:none;padding:0}li[data-v-1b51372e]{margin:0 10px;padding:4px}.listItem[data-v-1b51372e]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:1px solid #ddd;margin-top:5px} 2 | /*# sourceMappingURL=app.efc968b62134ca94d52c63af8ee40a53.css.map */ -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const config = require('../config') 4 | const isProduction = process.env.NODE_ENV === 'production' 5 | const sourceMapEnabled = isProduction 6 | ? config.build.productionSourceMap 7 | : config.dev.cssSourceMap 8 | 9 | module.exports = { 10 | loaders: utils.cssLoaders({ 11 | sourceMap: sourceMapEnabled, 12 | extract: isProduction 13 | }), 14 | cssSourceMap: sourceMapEnabled, 15 | cacheBusting: config.dev.cacheBusting, 16 | transformToRequire: { 17 | video: ['src', 'poster'], 18 | source: 'src', 19 | img: 'src', 20 | image: 'xlink:href' 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const config = require('../config') 4 | const isProduction = process.env.NODE_ENV === 'production' 5 | const sourceMapEnabled = isProduction 6 | ? config.build.productionSourceMap 7 | : config.dev.cssSourceMap 8 | 9 | module.exports = { 10 | loaders: utils.cssLoaders({ 11 | sourceMap: sourceMapEnabled, 12 | extract: isProduction 13 | }), 14 | cssSourceMap: sourceMapEnabled, 15 | cacheBusting: config.dev.cacheBusting, 16 | transformToRequire: { 17 | video: ['src', 'poster'], 18 | source: 'src', 19 | img: 'src', 20 | image: 'xlink:href' 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/dist/static/css/app.fddd7fc7a81ab1bbeeedebe9220530d8.css: -------------------------------------------------------------------------------- 1 | #app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:20px}.btn[data-v-22deb0c5]{margin-top:5px;background-color:red;padding:5px}ul[data-v-22deb0c5]{list-style-type:none;padding:0}li[data-v-22deb0c5]{display:inline-block;margin:0 10px}a[data-v-22deb0c5]{color:#42b983}.listItem[data-v-22deb0c5]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:1px solid #ddd;margin-top:5px} 2 | /*# sourceMappingURL=app.fddd7fc7a81ab1bbeeedebe9220530d8.css.map */ -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/build/vue-loader.conf.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const utils = require('./utils') 3 | const config = require('../config') 4 | const isProduction = process.env.NODE_ENV === 'production' 5 | const sourceMapEnabled = isProduction 6 | ? config.build.productionSourceMap 7 | : config.dev.cssSourceMap 8 | 9 | module.exports = { 10 | loaders: utils.cssLoaders({ 11 | sourceMap: sourceMapEnabled, 12 | extract: isProduction 13 | }), 14 | cssSourceMap: sourceMapEnabled, 15 | cacheBusting: config.dev.cacheBusting, 16 | transformToRequire: { 17 | video: ['src', 'poster'], 18 | source: 'src', 19 | img: 'src', 20 | image: 'xlink:href' 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /05、移动webapp适配--rem/css/usesass.js: -------------------------------------------------------------------------------- 1 | import React, {StyleSheet, Dimensions, PixelRatio} from "react-native"; 2 | const {width, height, scale} = Dimensions.get("window"), 3 | vw = width / 100, 4 | vh = height / 100, 5 | vmin = Math.min(vw, vh), 6 | vmax = Math.max(vw, vh); 7 | 8 | export default StyleSheet.create({ 9 | "box": { 10 | "backgroundColor": "red", 11 | "width": 2.4154589372, 12 | "height": 2.4154589372, 13 | "display": "flex", 14 | "justifyContent": "center", 15 | "alignItems": "center" 16 | }, 17 | "item": { 18 | "backgroundColor": "yellow", 19 | "width": 1.2077294686, 20 | "height": 1.2077294686 21 | } 22 | }); -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/dist/static/css/app.de02a58e052b80315e49cbb0a873497a.css: -------------------------------------------------------------------------------- 1 | #app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:20px}.btn[data-v-2fedc1f0]{padding:5px;background-color:red}ul[data-v-2fedc1f0]{list-style-type:none;padding:0}li[data-v-2fedc1f0]{display:inline-block;margin:0 10px}a[data-v-2fedc1f0]{color:#42b983}.listItem[data-v-2fedc1f0]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:1px solid #ddd;margin-top:5px} 2 | /*# sourceMappingURL=app.de02a58e052b80315e49cbb0a873497a.css.map */ -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/dist/static/css/app.cf062253559b2a089aa17a9074fe2c50.css: -------------------------------------------------------------------------------- 1 | #app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:20px}.btn[data-v-2df0e66a]{padding:5px;background-color:red}ul[data-v-2df0e66a]{list-style-type:none;padding:0}li[data-v-2df0e66a]{display:inline-block;margin:0 10px}a[data-v-2df0e66a]{color:#42b983}.listItem[data-v-2df0e66a]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:1px solid #ddd;margin-top:5px} 2 | /*# sourceMappingURL=app.cf062253559b2a089aa17a9074fe2c50.css.map */ -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/dist/static/css/app.d32d64903235dbc5c50e38bd2a144f22.css: -------------------------------------------------------------------------------- 1 | #app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:20px}.btn[data-v-9a41ab32]{padding:5px;background-color:red}ul[data-v-9a41ab32]{list-style-type:none;padding:0}li[data-v-9a41ab32]{display:inline-block;margin:0 10px}a[data-v-9a41ab32]{color:#42b983}.listItem[data-v-9a41ab32]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border:1px solid #ddd;margin-top:5px} 2 | /*# sourceMappingURL=app.d32d64903235dbc5c50e38bd2a144f22.css.map */ -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/dist/index.html: -------------------------------------------------------------------------------- 1 | mint-ui-demo
-------------------------------------------------------------------------------- /05、移动webapp适配--rem/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | rem-study 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 |

rem demo

17 |
18 |
    19 |
  1. mediaquery实例
    2. 20 |
  2. rem实例
    3. 21 |
  3. sass
    4. 22 |
23 | 24 | 25 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/components/common/TabBarIcon.vue: -------------------------------------------------------------------------------- 1 | /** 2 | * 封装选中未选中 3 | * @auther TigerChain 4 | * [lang description] 5 | * @type {String} 6 | */ 7 | 12 | 13 | 34 | 35 | 41 | -------------------------------------------------------------------------------- /01、基本指令/instructions/v-on.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | v-on 事件 8 | 9 | 10 | 11 |
12 | 13 |

{{num}}

14 |
15 | 16 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /06、Vue路由/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 路由功能 8 | 9 | 10 |

路由功能

11 |
12 |
    13 |
  1. has-router
    2. 14 |
  2. h5history-router
    3. 15 |
  3. html-include-vue-router
    4. 16 |
  4. vue-cli-router-webapp
    5. 17 |
18 | 19 | 20 | -------------------------------------------------------------------------------- /01、基本指令/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |

Vue 的指令

12 |
13 |
    14 |
  1. Hello World
    2. 15 |
  2. v-on 事件
    3. 16 |
  3. v-if 和 v-for 指令
    4. 17 |
  4. v-show 和 v-model 指令
    5. 18 |
  5. blog-demo
    6. 19 |
20 | 21 | 22 | -------------------------------------------------------------------------------- /05、移动webapp适配--rem/example/usesass.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 使用 sass 10 | 11 | 12 | 13 |
14 |
1
15 |
16 | 17 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | > Demo 的演示效果 2 | 3 | [01、基本指令](https://tigerchain.github.io/vue-lesson/01、基本指令/index.html) 4 | 5 | [03、Vue--props](https://tigerchain.github.io/vue-lesson/03、Vue--props属性/index.html) 6 | 7 | [04、Vue生命周期](https://tigerchain.github.io/vue-lesson/04、Vue生命周期/index.html) 8 | 9 | [05、移动webapp适配--rem](https://tigerchain.github.io/vue-lesson/05、移动webapp适配--rem/index.html) 10 | 11 | [06、Vue路由](https://tigerchain.github.io/vue-lesson/06、Vue路由/index.html) 12 | 13 | [07、几个vue小demo](https://tigerchain.github.io/vue-lesson/07、若干练手Demo/index.html) 14 | 15 | [08、vue中使用mint-ui](https://tigerchain.github.io/vue-lesson/08、Mint-UI的使用/index.html) 16 | 17 | [09、vue网络请求](https://tigerchain.github.io/vue-lesson/09、vue网络请求/index.html) 18 | 19 | ### 关注一下，更多精彩文章等着你来 20 |
21 | 22 |
23 | -------------------------------------------------------------------------------- /05、移动webapp适配--rem/example/rem.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | rem demo 10 | 11 | 26 | 27 | 28 | 29 | 30 |
31 | 测试 32 |
33 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /07、若干练手Demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | vue 若干练手 Demo 8 | 9 | 10 | 11 |

vue 若干练手 Demo

12 |
13 |
    14 |
  1. 吸顶效果
    2. 15 |
  2. 商品选中效果
    3. 16 |
  3. tab 选中效果
    4. 17 |
  4. vue 折叠效果
    5. 18 |
  5. vue 简易计算器
    6. 19 |
  6. vue 下拉框
    7. 20 | 21 |
22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/dist/static/css/app.7bc3d861f6e8e0cad62b7793fcf44b09.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["app.7bc3d861f6e8e0cad62b7793fcf44b09.css"],"names":[],"mappings":"AACA,KACE,8CAAoD,AACpD,mCAAoC,AACpC,kCAAmC,AACnC,kBAAmB,AACnB,cAAe,AACf,eAAiB,CAClB,AAED,sBACE,qBAAsB,AACtB,YAAc,CACf,AACD,oBACE,qBAAsB,AACtB,SAAW,CACZ,AACD,oBACE,qBAAsB,AACtB,aAAe,CAChB,AACD,mBACE,aAAe,CAChB","file":"app.7bc3d861f6e8e0cad62b7793fcf44b09.css","sourcesContent":["\n#app {\n font-family: 'Avenir', Helvetica, Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-align: center;\n color: #2c3e50;\n margin-top: 20px;\n}\n\n.btn[data-v-21d57033] {\n background-color: red;\n padding: 10px;\n}\nul[data-v-21d57033] {\n list-style-type: none;\n padding: 0;\n}\nli[data-v-21d57033] {\n display: inline-block;\n margin: 0 10px;\n}\na[data-v-21d57033] {\n color: #42b983;\n}\n"]} -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/dist/static/css/app.fc1b259740f743e7b63c49509fd8a8f2.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["app.fc1b259740f743e7b63c49509fd8a8f2.css"],"names":[],"mappings":"AACA,KACE,8CAAoD,AACpD,mCAAoC,AACpC,kCAAmC,AACnC,kBAAmB,AACnB,cAAe,AACf,eAAiB,CAClB,AAED,wCACE,eAAoB,CACrB,AACD,oBACE,qBAAsB,AACtB,SAAW,CACZ,AACD,oBACE,qBAAsB,AACtB,aAAe,CAChB,AACD,mBACE,aAAe,CAChB","file":"app.fc1b259740f743e7b63c49509fd8a8f2.css","sourcesContent":["\n#app {\n font-family: 'Avenir', Helvetica, Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-align: center;\n color: #2c3e50;\n margin-top: 60px;\n}\n\nh1[data-v-593f2ac6], h2[data-v-593f2ac6] {\n font-weight: normal;\n}\nul[data-v-593f2ac6] {\n list-style-type: none;\n padding: 0;\n}\nli[data-v-593f2ac6] {\n display: inline-block;\n margin: 0 10px;\n}\na[data-v-593f2ac6] {\n color: #42b983;\n}\n"]} -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/dist/static/js/manifest.3ad1d5771e9b13dbdad2.js: -------------------------------------------------------------------------------- 1 | !function(r){var n=window.webpackJsonp;window.webpackJsonp=function(e,u,c){for(var f,i,p,a=0,l=[];a 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 |

mint demo

12 |
13 |
    14 |
  1. 使用 cdn 引用 mint-ui 简单的使用
    2. 15 |
  2. 使用 cdn 引用 mint-ui 仿淘宝「webapp」登录
    3. 16 |
  3. 在 vue-cli 使用 cdn 引入 mint-ui
    4. 17 |
  4. 在 vue-cli 全局引入 mint-ui
    5. 18 |
  5. 在 vue-cli 按需引入 mint-ui
    6. 19 |
  6. 在 vue-cli 使用 mint-ui 仿微信 demo
    7. 20 |
21 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/src/components/HelloWorld.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 39 | 40 | 43 | -------------------------------------------------------------------------------- /09、vue网络请求/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 |

mint demo

13 |
14 |
    15 |
  1. 自定义 ajax 请求
    2. 16 |
  2. 使用 jquery ajax 请求
    3. 17 |
  3. 使用 vue-resource 请求
    4. 18 |
  4. 使用 axios 请求
    5. 19 |
  5. 基于 XHR 封装的 Promise 请求
    6. 20 |
  6. 使用 fetch 请求
    7. 21 |
  7. fetch 搭配 async await 请求
    8. 22 |
23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/src/components/Second.vue: -------------------------------------------------------------------------------- 1 | 18 | 19 | 39 | 40 | 56 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/components/message/MessageList.vue: -------------------------------------------------------------------------------- 1 | 18 | 19 | 40 | 41 | 51 | -------------------------------------------------------------------------------- /02、vue组件/02-moni-vue-cli/webpack.config.js: -------------------------------------------------------------------------------- 1 | var path = require('path') 2 | 3 | module.exports = { 4 | // 入口文件 5 | entry: './src/main.js', 6 | // 输出 7 | output: { 8 | path:path.resolve(__dirname,'./dist'), 9 | publicPath: '/dist/', 10 | // 名字叫 bundle.js 11 | filename: 'bundle.js' 12 | }, 13 | 14 | // 导入的时候就可以不添加后缀后了 15 | resolve:{ 16 | extensions: ['.js', '.vue'] 17 | }, 18 | 19 | module: { 20 | rules:[ 21 | { 22 | test: /\.vue$/, 23 | loader: 'vue-loader', 24 | options: { 25 | loaders: {} 26 | // other vue-loader options go here 27 | } 28 | }, 29 | { 30 | test:/\.js$/, 31 | exclude: /node_modules/, 32 | loader: 'babel-loader' 33 | }, 34 | { 35 | test: /\.css$/, 36 | loader: 'style-loader!css-loader' 37 | }, 38 | ] 39 | }, 40 | 41 | devServer: {//webpack-dev-server配置 42 | historyApiFallback: true,//不跳转 43 | noInfo: true, 44 | inline: true,//实时刷新 45 | hot:true 46 | } 47 | } 48 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/usecdntaobaologin/js/taobaologin.js: -------------------------------------------------------------------------------- 1 | var vm = new Vue({ 2 | el:"#mydiv", 3 | data:{ 4 | // 默认的用户名 5 | uname:"", 6 | // 默认的用户密码 7 | upass:"", 8 | // 是否显示忘记密码 9 | forgetPassShowroNot:true, 10 | // 默认的用户名默认值 11 | accountPlaceholder:"手机号/邮箱/会员名", 12 | // 是否是用户账户登录，默认是 true 13 | isUserAccount:true, 14 | // 默认短信验证码的值 15 | getCode:'', 16 | // 切换登录方式按钮默认显示的文本 17 | defaultAccountText:'短信验证码登录' , 18 | }, 19 | methods:{ 20 | // 登录显示模态框 调用 mint-ui 的 messagebox 21 | login() { 22 | if(!this.uname){ 23 | this.$messagebox('','请输入用户名'); 24 | } else if(!this.upass){ 25 | this.$messagebox('','请输入密码'); 26 | } 27 | 28 | }, 29 | // 切换登录方式 30 | changeLoginMethod() { 31 | 32 | if(this.isUserAccount){ 33 | this.defaultAccountText="账户密码登录" 34 | this.accountPlaceholder = "请输入手机号码" 35 | this.forgetPassShowroNot = false 36 | }else { 37 | this.defaultAccountText ="短信验证码登录" 38 | this.accountPlaceholder = "手机号/邮箱/会员名" 39 | this.forgetPassShowroNot = true 40 | } 41 | this.isUserAccount = !this.isUserAccount ; 42 | } 43 | } 44 | }) 45 | -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/src/App.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | 30 | 31 | 52 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/dist/static/js/app.e0e6f9e25e5572ffb873.js: -------------------------------------------------------------------------------- 1 | webpackJsonp([0],{"2VOp":function(t,e){},NHnr:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n("lRwf"),a=n.n(r),s={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{attrs:{id:"app"}},[e("mt-button",{attrs:{type:"default"}},[this._v("default")]),this._v(" "),e("mt-button",{attrs:{type:"primary"}},[this._v("primary")]),this._v(" "),e("mt-button",{attrs:{type:"danger"}},[this._v("danger")]),this._v(" "),e("router-view")],1)},staticRenderFns:[]};var o=n("VU/8")({name:"App"},s,!1,function(t){n("g8Px")},null,null).exports,i=n("/ocq"),p={render:function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"hello"},[e("h1",[this._v(this._s(this.msg))])])},staticRenderFns:[]};var u=n("VU/8")({name:"HelloWorld",data:function(){return{msg:"Welcome to Your Vue.js App"}}},p,!1,function(t){n("2VOp")},"data-v-593f2ac6",null).exports;a.a.use(i.a);var l=new i.a({routes:[{path:"/",name:"HelloWorld",component:u}]});a.a.config.productionTip=!1,new a.a({el:"#app",router:l,components:{App:o},template:""})},g8Px:function(t,e){},lRwf:function(t,e){t.exports=Vue}},["NHnr"]); 2 | //# sourceMappingURL=app.e0e6f9e25e5572ffb873.js.map -------------------------------------------------------------------------------- /08、Mint-UI的使用/usecdndemo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Document 9 | 10 | 11 | 12 | 20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | default 30 | primary 31 | danger 32 | 33 | 34 |
35 | 打开弹窗 36 |
37 | 38 | 39 | 42 | 43 | 44 |
45 | 46 | 47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/dist/static/css/app.38ae50c05b1e43c07a98b49dfaef6ed5.css: -------------------------------------------------------------------------------- 1 | .Router{position:absolute;width:100%;transition:all .8s ease}.slide-left-enter,.slide-right-leave-active{opacity:0;transform:translate(100%)}.slide-left-leave-active,.slide-right-enter{opacity:0;transform:translate(-100%)}.mainDiv[data-v-dc8d38b0]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.content[data-v-dc8d38b0]{margin-top:40px;background-color:red;-ms-flex:1;flex:1}.myul[data-v-dc8d38b0]{list-style-type:none;border-bottom:1px solid #fec;padding-bottom:7px;padding-top:7px}ul[data-v-dc8d38b0]{margin:0;padding-left:7px;padding-right:7px}.header[data-v-7065c664]{position:fixed;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;height:40px;background-color:#ededed}.backDiv[data-v-7065c664]{padding-left:7px}.centerDiv[data-v-7065c664]{-ms-flex:1;flex:1;text-align:center}.rightDiv[data-v-7065c664]{padding-right:7px}.mainDiv[data-v-0a799ea2]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.content[data-v-0a799ea2]{margin-top:40px;background-color:green;-ms-flex:1;flex:1}.customcss[data-v-0a799ea2]{background-color:orange} 2 | /*# sourceMappingURL=app.38ae50c05b1e43c07a98b49dfaef6ed5.css.map */ -------------------------------------------------------------------------------- /10、js模块化编程/js/customModule.js: -------------------------------------------------------------------------------- 1 | // 字面量对象模块化 2 | var customModule = { 3 | name:'TigerChain', 4 | age:'28', 5 | getName:function() { 6 | return this.name ; 7 | }, 8 | getAge:function() { 9 | return this.age ; 10 | } 11 | 12 | } 13 | 14 | //字面量对象模块化2 15 | var customModule2 = {} 16 | 17 | customModule2.getTime = function() { 18 | return "现在的时间是："+new Date() 19 | } 20 | 21 | // 定义一个直接运行的函数 22 | var runMdule = (function(){ 23 | var name = 'TigerChain1' 24 | var age = 28 25 | 26 | function getMyName() { 27 | return name 28 | } 29 | 30 | function getMyAge() { 31 | return age 32 | } 33 | 34 | return { 35 | // 把 getMyName 和 getMyAte 方法暴露出去 36 | getMyName:getMyName, 37 | getMyAge:getMyAge 38 | } 39 | })() ; 40 | 41 | 42 | // 定义全局变量，把方法或属性挂载到 window 全局对象上 43 | window.module = {} 44 | 45 | const windowModule = window.module ; 46 | 47 | var getName = function() { 48 | return 'TigerChain-window' 49 | } 50 | 51 | const age = 28 52 | 53 | windowModule.age = age 54 | 55 | windowModule.getName = getName() 56 | 57 | 58 | 59 | 60 | function hello(msg) { 61 | return msg + ' TigerChain' 62 | } 63 | 64 | function outputResult(msg) { 65 | var result = hello(msg) 66 | console.log(result) 67 | } 68 | 69 | outputResult('Hello') 70 | 71 | 72 | 73 | 74 | 75 | 76 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/build/build.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | require('./check-versions')() 3 | 4 | process.env.NODE_ENV = 'production' 5 | 6 | const ora = require('ora') 7 | const rm = require('rimraf') 8 | const path = require('path') 9 | const chalk = require('chalk') 10 | const webpack = require('webpack') 11 | const config = require('../config') 12 | const webpackConfig = require('./webpack.prod.conf') 13 | 14 | const spinner = ora('building for production...') 15 | spinner.start() 16 | 17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { 18 | if (err) throw err 19 | webpack(webpackConfig, (err, stats) => { 20 | spinner.stop() 21 | if (err) throw err 22 | process.stdout.write(stats.toString({ 23 | colors: true, 24 | modules: false, 25 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. 26 | chunks: false, 27 | chunkModules: false 28 | }) + '\n\n') 29 | 30 | if (stats.hasErrors()) { 31 | console.log(chalk.red(' Build failed with errors.\n')) 32 | process.exit(1) 33 | } 34 | 35 | console.log(chalk.cyan(' Build complete.\n')) 36 | console.log(chalk.yellow( 37 | ' Tip: built files are meant to be served over an HTTP server.\n' + 38 | ' Opening index.html over file:// won\'t work.\n' 39 | )) 40 | }) 41 | }) 42 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/build/build.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | require('./check-versions')() 3 | 4 | process.env.NODE_ENV = 'production' 5 | 6 | const ora = require('ora') 7 | const rm = require('rimraf') 8 | const path = require('path') 9 | const chalk = require('chalk') 10 | const webpack = require('webpack') 11 | const config = require('../config') 12 | const webpackConfig = require('./webpack.prod.conf') 13 | 14 | const spinner = ora('building for production...') 15 | spinner.start() 16 | 17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { 18 | if (err) throw err 19 | webpack(webpackConfig, (err, stats) => { 20 | spinner.stop() 21 | if (err) throw err 22 | process.stdout.write(stats.toString({ 23 | colors: true, 24 | modules: false, 25 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. 26 | chunks: false, 27 | chunkModules: false 28 | }) + '\n\n') 29 | 30 | if (stats.hasErrors()) { 31 | console.log(chalk.red(' Build failed with errors.\n')) 32 | process.exit(1) 33 | } 34 | 35 | console.log(chalk.cyan(' Build complete.\n')) 36 | console.log(chalk.yellow( 37 | ' Tip: built files are meant to be served over an HTTP server.\n' + 38 | ' Opening index.html over file:// won\'t work.\n' 39 | )) 40 | }) 41 | }) 42 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/build/build.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | require('./check-versions')() 3 | 4 | process.env.NODE_ENV = 'production' 5 | 6 | const ora = require('ora') 7 | const rm = require('rimraf') 8 | const path = require('path') 9 | const chalk = require('chalk') 10 | const webpack = require('webpack') 11 | const config = require('../config') 12 | const webpackConfig = require('./webpack.prod.conf') 13 | 14 | const spinner = ora('building for production...') 15 | spinner.start() 16 | 17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { 18 | if (err) throw err 19 | webpack(webpackConfig, (err, stats) => { 20 | spinner.stop() 21 | if (err) throw err 22 | process.stdout.write(stats.toString({ 23 | colors: true, 24 | modules: false, 25 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. 26 | chunks: false, 27 | chunkModules: false 28 | }) + '\n\n') 29 | 30 | if (stats.hasErrors()) { 31 | console.log(chalk.red(' Build failed with errors.\n')) 32 | process.exit(1) 33 | } 34 | 35 | console.log(chalk.cyan(' Build complete.\n')) 36 | console.log(chalk.yellow( 37 | ' Tip: built files are meant to be served over an HTTP server.\n' + 38 | ' Opening index.html over file:// won\'t work.\n' 39 | )) 40 | }) 41 | }) 42 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/build/build.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | require('./check-versions')() 3 | 4 | process.env.NODE_ENV = 'production' 5 | 6 | const ora = require('ora') 7 | const rm = require('rimraf') 8 | const path = require('path') 9 | const chalk = require('chalk') 10 | const webpack = require('webpack') 11 | const config = require('../config') 12 | const webpackConfig = require('./webpack.prod.conf') 13 | 14 | const spinner = ora('building for production...') 15 | spinner.start() 16 | 17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { 18 | if (err) throw err 19 | webpack(webpackConfig, (err, stats) => { 20 | spinner.stop() 21 | if (err) throw err 22 | process.stdout.write(stats.toString({ 23 | colors: true, 24 | modules: false, 25 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. 26 | chunks: false, 27 | chunkModules: false 28 | }) + '\n\n') 29 | 30 | if (stats.hasErrors()) { 31 | console.log(chalk.red(' Build failed with errors.\n')) 32 | process.exit(1) 33 | } 34 | 35 | console.log(chalk.cyan(' Build complete.\n')) 36 | console.log(chalk.yellow( 37 | ' Tip: built files are meant to be served over an HTTP server.\n' + 38 | ' Opening index.html over file:// won\'t work.\n' 39 | )) 40 | }) 41 | }) 42 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/build/build.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | require('./check-versions')() 3 | 4 | process.env.NODE_ENV = 'production' 5 | 6 | const ora = require('ora') 7 | const rm = require('rimraf') 8 | const path = require('path') 9 | const chalk = require('chalk') 10 | const webpack = require('webpack') 11 | const config = require('../config') 12 | const webpackConfig = require('./webpack.prod.conf') 13 | 14 | const spinner = ora('building for production...') 15 | spinner.start() 16 | 17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { 18 | if (err) throw err 19 | webpack(webpackConfig, (err, stats) => { 20 | spinner.stop() 21 | if (err) throw err 22 | process.stdout.write(stats.toString({ 23 | colors: true, 24 | modules: false, 25 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. 26 | chunks: false, 27 | chunkModules: false 28 | }) + '\n\n') 29 | 30 | if (stats.hasErrors()) { 31 | console.log(chalk.red(' Build failed with errors.\n')) 32 | process.exit(1) 33 | } 34 | 35 | console.log(chalk.cyan(' Build complete.\n')) 36 | console.log(chalk.yellow( 37 | ' Tip: built files are meant to be served over an HTTP server.\n' + 38 | ' Opening index.html over file:// won\'t work.\n' 39 | )) 40 | }) 41 | }) 42 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/build/build.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | require('./check-versions')() 3 | 4 | process.env.NODE_ENV = 'production' 5 | 6 | const ora = require('ora') 7 | const rm = require('rimraf') 8 | const path = require('path') 9 | const chalk = require('chalk') 10 | const webpack = require('webpack') 11 | const config = require('../config') 12 | const webpackConfig = require('./webpack.prod.conf') 13 | 14 | const spinner = ora('building for production...') 15 | spinner.start() 16 | 17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { 18 | if (err) throw err 19 | webpack(webpackConfig, (err, stats) => { 20 | spinner.stop() 21 | if (err) throw err 22 | process.stdout.write(stats.toString({ 23 | colors: true, 24 | modules: false, 25 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. 26 | chunks: false, 27 | chunkModules: false 28 | }) + '\n\n') 29 | 30 | if (stats.hasErrors()) { 31 | console.log(chalk.red(' Build failed with errors.\n')) 32 | process.exit(1) 33 | } 34 | 35 | console.log(chalk.cyan(' Build complete.\n')) 36 | console.log(chalk.yellow( 37 | ' Tip: built files are meant to be served over an HTTP server.\n' + 38 | ' Opening index.html over file:// won\'t work.\n' 39 | )) 40 | }) 41 | }) 42 | -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/build/build.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | require('./check-versions')() 3 | 4 | process.env.NODE_ENV = 'production' 5 | 6 | const ora = require('ora') 7 | const rm = require('rimraf') 8 | const path = require('path') 9 | const chalk = require('chalk') 10 | const webpack = require('webpack') 11 | const config = require('../config') 12 | const webpackConfig = require('./webpack.prod.conf') 13 | 14 | const spinner = ora('building for production...') 15 | spinner.start() 16 | 17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { 18 | if (err) throw err 19 | webpack(webpackConfig, (err, stats) => { 20 | spinner.stop() 21 | if (err) throw err 22 | process.stdout.write(stats.toString({ 23 | colors: true, 24 | modules: false, 25 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. 26 | chunks: false, 27 | chunkModules: false 28 | }) + '\n\n') 29 | 30 | if (stats.hasErrors()) { 31 | console.log(chalk.red(' Build failed with errors.\n')) 32 | process.exit(1) 33 | } 34 | 35 | console.log(chalk.cyan(' Build complete.\n')) 36 | console.log(chalk.yellow( 37 | ' Tip: built files are meant to be served over an HTTP server.\n' + 38 | ' Opening index.html over file:// won\'t work.\n' 39 | )) 40 | }) 41 | }) 42 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/build/build.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | require('./check-versions')() 3 | 4 | process.env.NODE_ENV = 'production' 5 | 6 | const ora = require('ora') 7 | const rm = require('rimraf') 8 | const path = require('path') 9 | const chalk = require('chalk') 10 | const webpack = require('webpack') 11 | const config = require('../config') 12 | const webpackConfig = require('./webpack.prod.conf') 13 | 14 | const spinner = ora('building for production...') 15 | spinner.start() 16 | 17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { 18 | if (err) throw err 19 | webpack(webpackConfig, (err, stats) => { 20 | spinner.stop() 21 | if (err) throw err 22 | process.stdout.write(stats.toString({ 23 | colors: true, 24 | modules: false, 25 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. 26 | chunks: false, 27 | chunkModules: false 28 | }) + '\n\n') 29 | 30 | if (stats.hasErrors()) { 31 | console.log(chalk.red(' Build failed with errors.\n')) 32 | process.exit(1) 33 | } 34 | 35 | console.log(chalk.cyan(' Build complete.\n')) 36 | console.log(chalk.yellow( 37 | ' Tip: built files are meant to be served over an HTTP server.\n' + 38 | ' Opening index.html over file:// won\'t work.\n' 39 | )) 40 | }) 41 | }) 42 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-cdn-demo/build/build.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | require('./check-versions')() 3 | 4 | process.env.NODE_ENV = 'production' 5 | 6 | const ora = require('ora') 7 | const rm = require('rimraf') 8 | const path = require('path') 9 | const chalk = require('chalk') 10 | const webpack = require('webpack') 11 | const config = require('../config') 12 | const webpackConfig = require('./webpack.prod.conf') 13 | 14 | const spinner = ora('building for production...') 15 | spinner.start() 16 | 17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { 18 | if (err) throw err 19 | webpack(webpackConfig, (err, stats) => { 20 | spinner.stop() 21 | if (err) throw err 22 | process.stdout.write(stats.toString({ 23 | colors: true, 24 | modules: false, 25 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. 26 | chunks: false, 27 | chunkModules: false 28 | }) + '\n\n') 29 | 30 | if (stats.hasErrors()) { 31 | console.log(chalk.red(' Build failed with errors.\n')) 32 | process.exit(1) 33 | } 34 | 35 | console.log(chalk.cyan(' Build complete.\n')) 36 | console.log(chalk.yellow( 37 | ' Tip: built files are meant to be served over an HTTP server.\n' + 38 | ' Opening index.html over file:// won\'t work.\n' 39 | )) 40 | }) 41 | }) 42 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/build/build.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | require('./check-versions')() 3 | 4 | process.env.NODE_ENV = 'production' 5 | 6 | const ora = require('ora') 7 | const rm = require('rimraf') 8 | const path = require('path') 9 | const chalk = require('chalk') 10 | const webpack = require('webpack') 11 | const config = require('../config') 12 | const webpackConfig = require('./webpack.prod.conf') 13 | 14 | const spinner = ora('building for production...') 15 | spinner.start() 16 | 17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { 18 | if (err) throw err 19 | webpack(webpackConfig, (err, stats) => { 20 | spinner.stop() 21 | if (err) throw err 22 | process.stdout.write(stats.toString({ 23 | colors: true, 24 | modules: false, 25 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. 26 | chunks: false, 27 | chunkModules: false 28 | }) + '\n\n') 29 | 30 | if (stats.hasErrors()) { 31 | console.log(chalk.red(' Build failed with errors.\n')) 32 | process.exit(1) 33 | } 34 | 35 | console.log(chalk.cyan(' Build complete.\n')) 36 | console.log(chalk.yellow( 37 | ' Tip: built files are meant to be served over an HTTP server.\n' + 38 | ' Opening index.html over file:// won\'t work.\n' 39 | )) 40 | }) 41 | }) 42 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-cli-single-import-demo/build/build.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | require('./check-versions')() 3 | 4 | process.env.NODE_ENV = 'production' 5 | 6 | const ora = require('ora') 7 | const rm = require('rimraf') 8 | const path = require('path') 9 | const chalk = require('chalk') 10 | const webpack = require('webpack') 11 | const config = require('../config') 12 | const webpackConfig = require('./webpack.prod.conf') 13 | 14 | const spinner = ora('building for production...') 15 | spinner.start() 16 | 17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { 18 | if (err) throw err 19 | webpack(webpackConfig, (err, stats) => { 20 | spinner.stop() 21 | if (err) throw err 22 | process.stdout.write(stats.toString({ 23 | colors: true, 24 | modules: false, 25 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. 26 | chunks: false, 27 | chunkModules: false 28 | }) + '\n\n') 29 | 30 | if (stats.hasErrors()) { 31 | console.log(chalk.red(' Build failed with errors.\n')) 32 | process.exit(1) 33 | } 34 | 35 | console.log(chalk.cyan(' Build complete.\n')) 36 | console.log(chalk.yellow( 37 | ' Tip: built files are meant to be served over an HTTP server.\n' + 38 | ' Opening index.html over file:// won\'t work.\n' 39 | )) 40 | }) 41 | }) 42 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-vue-cli-global-use-demo/build/build.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | require('./check-versions')() 3 | 4 | process.env.NODE_ENV = 'production' 5 | 6 | const ora = require('ora') 7 | const rm = require('rimraf') 8 | const path = require('path') 9 | const chalk = require('chalk') 10 | const webpack = require('webpack') 11 | const config = require('../config') 12 | const webpackConfig = require('./webpack.prod.conf') 13 | 14 | const spinner = ora('building for production...') 15 | spinner.start() 16 | 17 | rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => { 18 | if (err) throw err 19 | webpack(webpackConfig, (err, stats) => { 20 | spinner.stop() 21 | if (err) throw err 22 | process.stdout.write(stats.toString({ 23 | colors: true, 24 | modules: false, 25 | children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build. 26 | chunks: false, 27 | chunkModules: false 28 | }) + '\n\n') 29 | 30 | if (stats.hasErrors()) { 31 | console.log(chalk.red(' Build failed with errors.\n')) 32 | process.exit(1) 33 | } 34 | 35 | console.log(chalk.cyan(' Build complete.\n')) 36 | console.log(chalk.yellow( 37 | ' Tip: built files are meant to be served over an HTTP server.\n' + 38 | ' Opening index.html over file:// won\'t work.\n' 39 | )) 40 | }) 41 | }) 42 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/dist/static/css/app.efc968b62134ca94d52c63af8ee40a53.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["app.efc968b62134ca94d52c63af8ee40a53.css"],"names":[],"mappings":"AACA,KACE,8CAAoD,AACpD,mCAAoC,AACpC,kCAAmC,AACnC,kBAAmB,AACnB,cAAe,AACf,eAAiB,CAClB,AAED,wBACE,SAAU,CACX,AACD,uBACE,eAAiB,CAClB,AACD,oBACE,qBAAsB,AACtB,SAAW,CACZ,AACD,oBACE,cAAe,AACf,WAAa,CACd,AACD,2BAEE,oBAAoB,AACpB,aAAa,AAGT,0BAA2B,AACvB,sBAAuB,AAE3B,qBAAsB,AAClB,uBAAwB,AAE5B,sBAAsB,AAClB,mBAAmB,AAC3B,sBAAsB,AACtB,cAAc,CACf","file":"app.efc968b62134ca94d52c63af8ee40a53.css","sourcesContent":["\n#app {\n font-family: 'Avenir', Helvetica, Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-align: center;\n color: #2c3e50;\n margin-top: 20px;\n}\n\n.title[data-v-1b51372e] {\n color:red;\n}\n.btns[data-v-1b51372e]{\n margin-top: 10px;\n}\nul[data-v-1b51372e] {\n list-style-type: none;\n padding: 0;\n}\nli[data-v-1b51372e] {\n margin: 0 10px;\n padding: 4px;\n}\n.listItem[data-v-1b51372e] {\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align:center;\n -ms-flex-align:center;\n align-items:center;\n border:1px solid #ddd;\n margin-top:5px\n}\n"]} -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/dist/static/css/app.fddd7fc7a81ab1bbeeedebe9220530d8.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["app.fddd7fc7a81ab1bbeeedebe9220530d8.css"],"names":[],"mappings":"AACA,KACE,mCAAoC,AACpC,kCAAmC,AACnC,kBAAmB,AACnB,cAAe,AACf,eAAiB,CAClB,AAED,sBACE,eAAgB,AAChB,qBAAsB,AACtB,WAAY,CACb,AACD,oBACE,qBAAsB,AACtB,SAAW,CACZ,AACD,oBACE,qBAAsB,AACtB,aAAe,CAChB,AACD,mBACE,aAAe,CAChB,AACD,2BAEE,oBAAoB,AACpB,aAAa,AAGT,0BAA2B,AACvB,sBAAuB,AAE3B,qBAAsB,AAClB,uBAAwB,AAE5B,sBAAsB,AAClB,mBAAmB,AAC3B,sBAAsB,AACtB,cAAc,CACf","file":"app.fddd7fc7a81ab1bbeeedebe9220530d8.css","sourcesContent":["\n#app {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-align: center;\n color: #2c3e50;\n margin-top: 20px;\n}\n\n.btn[data-v-22deb0c5] {\n margin-top: 5px;\n background-color: red;\n padding:5px;\n}\nul[data-v-22deb0c5] {\n list-style-type: none;\n padding: 0;\n}\nli[data-v-22deb0c5] {\n display: inline-block;\n margin: 0 10px;\n}\na[data-v-22deb0c5] {\n color: #42b983;\n}\n.listItem[data-v-22deb0c5] {\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align:center;\n -ms-flex-align:center;\n align-items:center;\n border:1px solid #ddd;\n margin-top:5px\n}\n"]} -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/src/components/HelloWorld.vue: -------------------------------------------------------------------------------- 1 | 18 | 19 | 48 | 49 | 50 | 68 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/dist/static/css/app.de02a58e052b80315e49cbb0a873497a.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["app.de02a58e052b80315e49cbb0a873497a.css"],"names":[],"mappings":"AACA,KACE,8CAAoD,AACpD,mCAAoC,AACpC,kCAAmC,AACnC,kBAAmB,AACnB,cAAe,AACf,eAAiB,CAClB,AAED,sBACE,YAAa,AACb,oBAAsB,CACvB,AACD,oBACE,qBAAsB,AACtB,SAAW,CACZ,AACD,oBACE,qBAAsB,AACtB,aAAe,CAChB,AACD,mBACE,aAAe,CAChB,AACD,2BAEE,oBAAoB,AACpB,aAAa,AAGT,0BAA2B,AACvB,sBAAuB,AAE3B,qBAAsB,AAClB,uBAAwB,AAE5B,sBAAsB,AAClB,mBAAmB,AAC3B,sBAAsB,AACtB,cAAc,CACf","file":"app.de02a58e052b80315e49cbb0a873497a.css","sourcesContent":["\n#app {\n font-family: 'Avenir', Helvetica, Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-align: center;\n color: #2c3e50;\n margin-top: 20px;\n}\n\n.btn[data-v-2fedc1f0] {\n padding: 5px;\n background-color: red;\n}\nul[data-v-2fedc1f0] {\n list-style-type: none;\n padding: 0;\n}\nli[data-v-2fedc1f0] {\n display: inline-block;\n margin: 0 10px;\n}\na[data-v-2fedc1f0] {\n color: #42b983;\n}\n.listItem[data-v-2fedc1f0] {\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align:center;\n -ms-flex-align:center;\n align-items:center;\n border:1px solid #ddd;\n margin-top:5px\n}\n"]} -------------------------------------------------------------------------------- /09、vue网络请求/vue-custom-promise-basedxhr/src/js/request.js: -------------------------------------------------------------------------------- 1 | const fetchServer = function(url,obj){ 2 | 3 | obj = obj || {} 4 | obj.methods = obj.methods.toUpperCase() || 'GET' 5 | obj.async = obj.async || true 6 | obj.data = obj.data || {} 7 | 8 | const promise = new Promise(function(resolve,reject){ 9 | var xhr = null 10 | if(window.XMLHttpRequest) { 11 | xhr = new XMLHttpRequest() 12 | }else { 13 | xhr = new ActiveXObject("Microsoft.XMLHTTP") 14 | } 15 | var params = [] 16 | // 拼接请求参数 17 | for(var param in obj.data){ 18 | params.push(param +'='+obj.data[param]) 19 | } 20 | 21 | var requestData = params.join('&') 22 | // 请求类型 23 | var requestType = obj.methods.toUpperCase() 24 | 25 | if(requestType == 'GET'){ 26 | xhr.open(requestType,url+'?'+requestData,obj.async) 27 | xhr.send(null) 28 | }else if(requestType == 'POST'){ 29 | xhr.open(requestType,url,obj.async) 30 | xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded;charset=utf-8"); 31 | xhr.send(requestData) 32 | } 33 | 34 | xhr.onreadystatechange = function() { 35 | if(xhr.readyState == 4){ 36 | if(xhr.status == 200) { 37 | resolve(JSON.parse(xhr.responseText), this) 38 | }else { 39 | reject({code:250,message:"请求失败"}, this) 40 | } 41 | } 42 | } 43 | }) 44 | return promise 45 | } 46 | 47 | export default fetchServer 48 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/dist/static/css/app.cf062253559b2a089aa17a9074fe2c50.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["app.cf062253559b2a089aa17a9074fe2c50.css"],"names":[],"mappings":"AACA,KACE,8CAAoD,AACpD,mCAAoC,AACpC,kCAAmC,AACnC,kBAAmB,AACnB,cAAe,AACf,eAAiB,CAClB,AAED,sBACE,YAAa,AACb,oBAAsB,CACvB,AACD,oBACE,qBAAsB,AACtB,SAAW,CACZ,AACD,oBACE,qBAAsB,AACtB,aAAe,CAChB,AACD,mBACE,aAAe,CAChB,AACD,2BAEE,oBAAoB,AACpB,aAAa,AAGT,0BAA2B,AACvB,sBAAuB,AAE3B,qBAAsB,AAClB,uBAAwB,AAE5B,sBAAsB,AAClB,mBAAmB,AAC3B,sBAAsB,AACtB,cAAc,CACf","file":"app.cf062253559b2a089aa17a9074fe2c50.css","sourcesContent":["\n#app {\n font-family: 'Avenir', Helvetica, Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-align: center;\n color: #2c3e50;\n margin-top: 20px;\n}\n\n.btn[data-v-2df0e66a] {\n padding: 5px;\n background-color: red;\n}\nul[data-v-2df0e66a] {\n list-style-type: none;\n padding: 0;\n}\nli[data-v-2df0e66a] {\n display: inline-block;\n margin: 0 10px;\n}\na[data-v-2df0e66a] {\n color: #42b983;\n}\n.listItem[data-v-2df0e66a] {\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align:center;\n -ms-flex-align:center;\n align-items:center;\n border:1px solid #ddd;\n margin-top:5px\n}\n"]} -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/dist/static/css/app.d32d64903235dbc5c50e38bd2a144f22.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["app.d32d64903235dbc5c50e38bd2a144f22.css"],"names":[],"mappings":"AACA,KACE,8CAAoD,AACpD,mCAAoC,AACpC,kCAAmC,AACnC,kBAAmB,AACnB,cAAe,AACf,eAAiB,CAClB,AAED,sBACE,YAAa,AACb,oBAAsB,CACvB,AACD,oBACE,qBAAsB,AACtB,SAAW,CACZ,AACD,oBACE,qBAAsB,AACtB,aAAe,CAChB,AACD,mBACE,aAAe,CAChB,AACD,2BAEE,oBAAoB,AACpB,aAAa,AAGT,0BAA2B,AACvB,sBAAuB,AAE3B,qBAAsB,AAClB,uBAAwB,AAE5B,sBAAsB,AAClB,mBAAmB,AAC3B,sBAAsB,AACtB,cAAc,CACf","file":"app.d32d64903235dbc5c50e38bd2a144f22.css","sourcesContent":["\n#app {\n font-family: 'Avenir', Helvetica, Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-align: center;\n color: #2c3e50;\n margin-top: 20px;\n}\n\n.btn[data-v-9a41ab32] {\n padding: 5px;\n background-color: red;\n}\nul[data-v-9a41ab32] {\n list-style-type: none;\n padding: 0;\n}\nli[data-v-9a41ab32] {\n display: inline-block;\n margin: 0 10px;\n}\na[data-v-9a41ab32] {\n color: #42b983;\n}\n.listItem[data-v-9a41ab32] {\n display:-webkit-box;\n display:-ms-flexbox;\n display:flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align:center;\n -ms-flex-align:center;\n align-items:center;\n border:1px solid #ddd;\n margin-top:5px\n}\n"]} -------------------------------------------------------------------------------- /02、vue组件/02-moni-vue-cli/src/login.vue: -------------------------------------------------------------------------------- 1 | 13 | 14 | 46 | 47 | 55 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/src/components/common/TitleBar.vue: -------------------------------------------------------------------------------- 1 | 2 | 15 | 16 | 44 | 45 | 70 | -------------------------------------------------------------------------------- /09、vue网络请求/axios-demo/build/check-versions.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const chalk = require('chalk') 3 | const semver = require('semver') 4 | const packageConfig = require('../package.json') 5 | const shell = require('shelljs') 6 | 7 | function exec (cmd) { 8 | return require('child_process').execSync(cmd).toString().trim() 9 | } 10 | 11 | const versionRequirements = [ 12 | { 13 | name: 'node', 14 | currentVersion: semver.clean(process.version), 15 | versionRequirement: packageConfig.engines.node 16 | } 17 | ] 18 | 19 | if (shell.which('npm')) { 20 | versionRequirements.push({ 21 | name: 'npm', 22 | currentVersion: exec('npm --version'), 23 | versionRequirement: packageConfig.engines.npm 24 | }) 25 | } 26 | 27 | module.exports = function () { 28 | const warnings = [] 29 | 30 | for (let i = 0; i < versionRequirements.length; i++) { 31 | const mod = versionRequirements[i] 32 | 33 | if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { 34 | warnings.push(mod.name + ': ' + 35 | chalk.red(mod.currentVersion) + ' should be ' + 36 | chalk.green(mod.versionRequirement) 37 | ) 38 | } 39 | } 40 | 41 | if (warnings.length) { 42 | console.log('') 43 | console.log(chalk.yellow('To use this template, you must update following to modules:')) 44 | console.log() 45 | 46 | for (let i = 0; i < warnings.length; i++) { 47 | const warning = warnings[i] 48 | console.log(' ' + warning) 49 | } 50 | 51 | console.log() 52 | process.exit(1) 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/build/check-versions.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const chalk = require('chalk') 3 | const semver = require('semver') 4 | const packageConfig = require('../package.json') 5 | const shell = require('shelljs') 6 | 7 | function exec (cmd) { 8 | return require('child_process').execSync(cmd).toString().trim() 9 | } 10 | 11 | const versionRequirements = [ 12 | { 13 | name: 'node', 14 | currentVersion: semver.clean(process.version), 15 | versionRequirement: packageConfig.engines.node 16 | } 17 | ] 18 | 19 | if (shell.which('npm')) { 20 | versionRequirements.push({ 21 | name: 'npm', 22 | currentVersion: exec('npm --version'), 23 | versionRequirement: packageConfig.engines.npm 24 | }) 25 | } 26 | 27 | module.exports = function () { 28 | const warnings = [] 29 | 30 | for (let i = 0; i < versionRequirements.length; i++) { 31 | const mod = versionRequirements[i] 32 | 33 | if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { 34 | warnings.push(mod.name + ': ' + 35 | chalk.red(mod.currentVersion) + ' should be ' + 36 | chalk.green(mod.versionRequirement) 37 | ) 38 | } 39 | } 40 | 41 | if (warnings.length) { 42 | console.log('') 43 | console.log(chalk.yellow('To use this template, you must update following to modules:')) 44 | console.log() 45 | 46 | for (let i = 0; i < warnings.length; i++) { 47 | const warning = warnings[i] 48 | console.log(' ' + warning) 49 | } 50 | 51 | console.log() 52 | process.exit(1) 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /09、vue网络请求/async-await-demo/build/check-versions.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const chalk = require('chalk') 3 | const semver = require('semver') 4 | const packageConfig = require('../package.json') 5 | const shell = require('shelljs') 6 | 7 | function exec (cmd) { 8 | return require('child_process').execSync(cmd).toString().trim() 9 | } 10 | 11 | const versionRequirements = [ 12 | { 13 | name: 'node', 14 | currentVersion: semver.clean(process.version), 15 | versionRequirement: packageConfig.engines.node 16 | } 17 | ] 18 | 19 | if (shell.which('npm')) { 20 | versionRequirements.push({ 21 | name: 'npm', 22 | currentVersion: exec('npm --version'), 23 | versionRequirement: packageConfig.engines.npm 24 | }) 25 | } 26 | 27 | module.exports = function () { 28 | const warnings = [] 29 | 30 | for (let i = 0; i < versionRequirements.length; i++) { 31 | const mod = versionRequirements[i] 32 | 33 | if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { 34 | warnings.push(mod.name + ': ' + 35 | chalk.red(mod.currentVersion) + ' should be ' + 36 | chalk.green(mod.versionRequirement) 37 | ) 38 | } 39 | } 40 | 41 | if (warnings.length) { 42 | console.log('') 43 | console.log(chalk.yellow('To use this template, you must update following to modules:')) 44 | console.log() 45 | 46 | for (let i = 0; i < warnings.length; i++) { 47 | const warning = warnings[i] 48 | console.log(' ' + warning) 49 | } 50 | 51 | console.log() 52 | process.exit(1) 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/build/check-versions.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const chalk = require('chalk') 3 | const semver = require('semver') 4 | const packageConfig = require('../package.json') 5 | const shell = require('shelljs') 6 | 7 | function exec (cmd) { 8 | return require('child_process').execSync(cmd).toString().trim() 9 | } 10 | 11 | const versionRequirements = [ 12 | { 13 | name: 'node', 14 | currentVersion: semver.clean(process.version), 15 | versionRequirement: packageConfig.engines.node 16 | } 17 | ] 18 | 19 | if (shell.which('npm')) { 20 | versionRequirements.push({ 21 | name: 'npm', 22 | currentVersion: exec('npm --version'), 23 | versionRequirement: packageConfig.engines.npm 24 | }) 25 | } 26 | 27 | module.exports = function () { 28 | const warnings = [] 29 | 30 | for (let i = 0; i < versionRequirements.length; i++) { 31 | const mod = versionRequirements[i] 32 | 33 | if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { 34 | warnings.push(mod.name + ': ' + 35 | chalk.red(mod.currentVersion) + ' should be ' + 36 | chalk.green(mod.versionRequirement) 37 | ) 38 | } 39 | } 40 | 41 | if (warnings.length) { 42 | console.log('') 43 | console.log(chalk.yellow('To use this template, you must update following to modules:')) 44 | console.log() 45 | 46 | for (let i = 0; i < warnings.length; i++) { 47 | const warning = warnings[i] 48 | console.log(' ' + warning) 49 | } 50 | 51 | console.log() 52 | process.exit(1) 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /09、vue网络请求/jquerydemo/dist/static/js/app.af9bc9a3139ab90101bc.js: -------------------------------------------------------------------------------- 1 | webpackJsonp([1],{"07PK":function(t,n,e){"use strict";(function(t){n.a={name:"HelloWorld",data:function(){return{datas:[]}},methods:{getdata:function(){var n=this;t.ajax({type:"GET",url:"../static/mydata.json",dataType:"json",success:function(t){"0001"==t.status&&(n.datas=t.datas),console.log(t)},error:function(t){console.log("error")}})}}}}).call(n,e("7t+N"))},NHnr:function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var a=e("7+uW"),r={render:function(){var t=this.$createElement,n=this._self._c||t;return n("div",{attrs:{id:"app"}},[n("router-view")],1)},staticRenderFns:[]};var s=e("VU/8")({name:"App"},r,!1,function(t){e("qGWJ")},null,null).exports,o=e("/ocq"),u=e("07PK"),c={render:function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"hello"},[e("button",{staticClass:"btn",attrs:{type:"button",name:"button"},on:{click:t.getdata}},[t._v("jquery ajax 点击请求")]),t._v(" "),e("ul",t._l(t.datas,function(n,a){return e("li",[e("span",[t._v("\n "+t._s(n.name)+"\n ")]),t._v(" "),e("span",{staticStyle:{"margin-left":"10px"}},[t._v("\n "+t._s(n.address)+"\n ")])])}))])},staticRenderFns:[]};var i=function(t){e("x1/u")},l=e("VU/8")(u.a,c,!1,i,"data-v-21d57033",null).exports;a.a.use(o.a);var p=new o.a({routes:[{path:"/",name:"HelloWorld",component:l}]});a.a.config.productionTip=!1,new a.a({el:"#app",router:p,components:{App:s},template:""})},qGWJ:function(t,n){},"x1/u":function(t,n){}},["NHnr"]); 2 | //# sourceMappingURL=app.af9bc9a3139ab90101bc.js.map -------------------------------------------------------------------------------- /09、vue网络请求/vue-fetch-demo/build/check-versions.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const chalk = require('chalk') 3 | const semver = require('semver') 4 | const packageConfig = require('../package.json') 5 | const shell = require('shelljs') 6 | 7 | function exec (cmd) { 8 | return require('child_process').execSync(cmd).toString().trim() 9 | } 10 | 11 | const versionRequirements = [ 12 | { 13 | name: 'node', 14 | currentVersion: semver.clean(process.version), 15 | versionRequirement: packageConfig.engines.node 16 | } 17 | ] 18 | 19 | if (shell.which('npm')) { 20 | versionRequirements.push({ 21 | name: 'npm', 22 | currentVersion: exec('npm --version'), 23 | versionRequirement: packageConfig.engines.npm 24 | }) 25 | } 26 | 27 | module.exports = function () { 28 | const warnings = [] 29 | 30 | for (let i = 0; i < versionRequirements.length; i++) { 31 | const mod = versionRequirements[i] 32 | 33 | if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { 34 | warnings.push(mod.name + ': ' + 35 | chalk.red(mod.currentVersion) + ' should be ' + 36 | chalk.green(mod.versionRequirement) 37 | ) 38 | } 39 | } 40 | 41 | if (warnings.length) { 42 | console.log('') 43 | console.log(chalk.yellow('To use this template, you must update following to modules:')) 44 | console.log() 45 | 46 | for (let i = 0; i < warnings.length; i++) { 47 | const warning = warnings[i] 48 | console.log(' ' + warning) 49 | } 50 | 51 | console.log() 52 | process.exit(1) 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /09、vue网络请求/vue-resource-demo/build/check-versions.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const chalk = require('chalk') 3 | const semver = require('semver') 4 | const packageConfig = require('../package.json') 5 | const shell = require('shelljs') 6 | 7 | function exec (cmd) { 8 | return require('child_process').execSync(cmd).toString().trim() 9 | } 10 | 11 | const versionRequirements = [ 12 | { 13 | name: 'node', 14 | currentVersion: semver.clean(process.version), 15 | versionRequirement: packageConfig.engines.node 16 | } 17 | ] 18 | 19 | if (shell.which('npm')) { 20 | versionRequirements.push({ 21 | name: 'npm', 22 | currentVersion: exec('npm --version'), 23 | versionRequirement: packageConfig.engines.npm 24 | }) 25 | } 26 | 27 | module.exports = function () { 28 | const warnings = [] 29 | 30 | for (let i = 0; i < versionRequirements.length; i++) { 31 | const mod = versionRequirements[i] 32 | 33 | if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { 34 | warnings.push(mod.name + ': ' + 35 | chalk.red(mod.currentVersion) + ' should be ' + 36 | chalk.green(mod.versionRequirement) 37 | ) 38 | } 39 | } 40 | 41 | if (warnings.length) { 42 | console.log('') 43 | console.log(chalk.yellow('To use this template, you must update following to modules:')) 44 | console.log() 45 | 46 | for (let i = 0; i < warnings.length; i++) { 47 | const warning = warnings[i] 48 | console.log(' ' + warning) 49 | } 50 | 51 | console.log() 52 | process.exit(1) 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /06、Vue路由/vue-cli-router-webapp/build/check-versions.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const chalk = require('chalk') 3 | const semver = require('semver') 4 | const packageConfig = require('../package.json') 5 | const shell = require('shelljs') 6 | 7 | function exec (cmd) { 8 | return require('child_process').execSync(cmd).toString().trim() 9 | } 10 | 11 | const versionRequirements = [ 12 | { 13 | name: 'node', 14 | currentVersion: semver.clean(process.version), 15 | versionRequirement: packageConfig.engines.node 16 | } 17 | ] 18 | 19 | if (shell.which('npm')) { 20 | versionRequirements.push({ 21 | name: 'npm', 22 | currentVersion: exec('npm --version'), 23 | versionRequirement: packageConfig.engines.npm 24 | }) 25 | } 26 | 27 | module.exports = function () { 28 | const warnings = [] 29 | 30 | for (let i = 0; i < versionRequirements.length; i++) { 31 | const mod = versionRequirements[i] 32 | 33 | if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { 34 | warnings.push(mod.name + ': ' + 35 | chalk.red(mod.currentVersion) + ' should be ' + 36 | chalk.green(mod.versionRequirement) 37 | ) 38 | } 39 | } 40 | 41 | if (warnings.length) { 42 | console.log('') 43 | console.log(chalk.yellow('To use this template, you must update following to modules:')) 44 | console.log() 45 | 46 | for (let i = 0; i < warnings.length; i++) { 47 | const warning = warnings[i] 48 | console.log(' ' + warning) 49 | } 50 | 51 | console.log() 52 | process.exit(1) 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /08、Mint-UI的使用/mint-ui-wechat-demo/build/check-versions.js: -------------------------------------------------------------------------------- 1 | 'use strict' 2 | const chalk = require('chalk') 3 | const semver = require('semver') 4 | const packageConfig = require('../package.json') 5 | const shell = require('shelljs') 6 | 7 | function exec (cmd) { 8 | return require('child_process').execSync(cmd).toString().trim() 9 | } 10 | 11 | const versionRequirements = [ 12 | { 13 | name: 'node', 14 | currentVersion: semver.clean(process.version), 15 | versionRequirement: packageConfig.engines.node 16 | } 17 | ] 18 | 19 | if (shell.which('npm')) { 20 | versionRequirements.push({ 21 | name: 'npm', 22 | currentVersion: exec('npm --version'), 23 | versionRequirement: packageConfig.engines.npm 24 | }) 25 | } 26 | 27 | module.exports = function () { 28 | const warnings = [] 29 | 30 | for (let i = 0; i < versionRequirements.length; i++) { 31 | const mod = versionRequirements[i] 32 | 33 | if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) { 34 | warnings.push(mod.name + ': ' + 35 | chalk.red(mod.currentVersion) + ' should be ' + 36 | chalk.green(mod.versionRequirement) 37 | ) 38 | } 39 | } 40 | 41 | if (warnings.length) { 42 | console.log('') 43 | console.log(chalk.yellow('To use this template, you must update following to modules:')) 44 | console.log() 45 | 46 | for (let i = 0; i < warnings.length; i++) { 47 | const warning = warnings[i] 48 | console.log(' ' + warning) 49 | } 50 | 51 | console.log() 52 | process.exit(1) 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /09、vue网络请求/customAjaxDemo/src/components/HelloWorld.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 50 | 51 | 52 | 70 | --------------------------------------------------------------------------------