# common-demo

**Repository Path**: jen-he/common-demo

## Basic Information

- **Project Name**: common-demo
- **Description**: 👝自己造的轮子，如果觉得造的不错，顺手点个 :star:  谢谢(๑•ᴗ•๑)
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-08
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## :rainbow: 简介

> :memo: 自己日常总结的 demo

> :thumbsup: 记录如何从造轮子到造卡车的过程

> :blush: 如何想要更全面的了解我，还可以看我的[个人博客](https://github.com/dirkhe1051931999/hjBlog)

## :rainbow: 目录

| #   | 名称                                                                                                                   | 简介                                                                 |
| :-- | :--------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------- |
| 1   | [calendar](https://github.com/dirkhe1051931999/common-demo/tree/master/calendar)                                       | 日历组件                                                             |
| 2   | [ajax](https://github.com/dirkhe1051931999/common-demo/tree/master/ajax)                                               | ajax 封装                                                            |
| 3   | [canvaslazyloading](https://github.com/dirkhe1051931999/common-demo/tree/master/canvaslazyloading)                     | canvas 图片懒加载                                                    |
| 4   | [flexbox](https://github.com/dirkhe1051931999/common-demo/tree/master/flexbox)                                         | flexbox 的 DEMO                                                      |
| 5   | [fullPage-scroll](https://github.com/dirkhe1051931999/common-demo/tree/master/fullPage-scroll)                         | 基于 jq 的全屏滚动插件                                               |
| 6   | [iscroll-up-down](https://github.com/dirkhe1051931999/common-demo/tree/master/iscroll-up-down)                         | 基于 iscroll 的上拉加载下拉刷新                                      |
| 7   | [jq-zepto-api](https://github.com/dirkhe1051931999/common-demo/tree/master/jq-zepto-api)                               | jq 和 zeptoAPI 整理                                                  |
| 8   | [php-mysql-ajax-js-login-reg](https://github.com/dirkhe1051931999/common-demo/tree/master/php-mysql-ajax-js-login-reg) | php+ajax+mysql 的表单登录与注册                                      |
| 9   | [select-city](https://github.com/dirkhe1051931999/common-demo/tree/master/select-city)                                 | vue 城市选择器                                                       |
| 10  | [jwt-approve](https://github.com/dirkhe1051931999/common-demo/tree/master/jwt-approve)                                 | jwt 实现用户认证                                                     |
| 11  | [vue2.x](https://github.com/dirkhe1051931999/common-demo/tree/master/vue2.x)                                           | vue2.4 的几个特性                                                    |
| 12  | [koa-upload](https://github.com/dirkhe1051931999/common-demo/tree/master/koa-upload)                                   | koa 实现图片上传                                                     |
| 13  | [vue-messagebox-pagination](https://github.com/dirkhe1051931999/common-demo/tree/master/vue-messageBox-pagination)     | vue 实现全局注册弹窗组件，vue 实现分页组件                           |
| 14  | [githubOAuth](https://github.com/dirkhe1051931999/common-demo/tree/master/githubOAuth)                                 | vue+koa 实现 github 授权登录                                         |
| 15  | [tools](https://github.com/dirkhe1051931999/common-demo/tree/master/tools)                                             | javascript 数组，时间，dom，http，number，string，类型检测等工具方法 |
| 16  | [npmrc-local](https://github.com/dirkhe1051931999/common-demo/tree/master/npmrc-local)                                 | 使用 commander 实现在执行目录下生成一个.npmrc 文件                   |
| 17  | [node-icli](https://github.com/dirkhe1051931999/common-demo/tree/master/node-icli)                                     | 一键下载 git 作为项目初始化模板                                      |
| 18  | [vue-community](https://github.com/dirkhe1051931999/common-demo/tree/master/vue-community)                             | vue2.x 组件通信的 6 种方式                                           |
| 19  | [ts-study](https://github.com/dirkhe1051931999/common-demo/tree/master/ts-study)                                       | TypeScript 学习笔记                                                  |
| 20  | [keep-alive-with-router-view](https://github.com/dirkhe1051931999/common-demo/tree/master/keep-alive-with-router-view) | vue 内置组件 keep-alive 前进刷新，后退不刷新                         |
| 21  | [vue-transition](https://github.com/dirkhe1051931999/common-demo/tree/master/vue-transition)                           | vue 实现页面切换效果                                                 |
| 22  | [vue-with-ts-env](https://github.com/dirkhe1051931999/common-demo/tree/master/vue-with-ts-env)                         | vue+ts 环境搭建                                                      |
| 23  | [vue-pug-ts-demo](https://github.com/dirkhe1051931999/common-demo/tree/master/vue-pug-ts-demo)                         | vue+ts 实现 qq 音乐首页 demo                                         |
| 24  | [webpack-study-notes](https://github.com/dirkhe1051931999/common-demo/tree/master/webpack-study-notes)                 | webpack 学习笔记                                                     |
| 25  | [webpack-multiPage](https://github.com/dirkhe1051931999/common-demo/tree/master/webpack-multiPage)                     | webpack 多页面打包（.html 版本）                                     |
| 26  | [webpack-vue-multiPage](https://github.com/dirkhe1051931999/common-demo/tree/master/webpack-vue-multiPage)             | webpack 多页面打包 （.vue 版本）                                     |
| 27  | [vue-skeleton](https://github.com/dirkhe1051931999/common-demo/tree/master/vue-skeleton)                               | vue-cli3 中使用骨架屏                                                |
| 28  | [vue3-responsive](https://github.com/dirkhe1051931999/common-demo/tree/master/vue3-responsive)                         | vue3 的数据响应原理和实现                                            |
| 29  | [vue-ssr-demo](https://github.com/dirkhe1051931999/common-demo/tree/master/vue-ssr-demo)                               | vue + koa2 + webpack4 实现服务端渲染                                 |

## :rainbow: 许可证

MIT