# CodeTest

**Repository Path**: dunizb/CodeTest

## Basic Information

- **Project Name**: CodeTest
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-08-05
- **Last Updated**: 2021-07-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

![CodeTest](https://socialify.git.ci/dunizb/CodeTest/image?description=1&font=Rokkitt&forks=1&language=1&owner=1&pattern=Signal&stargazers=1&theme=Light)

部分代码效果预览：[https://dunizb.github.io/CodeTest/](https://dunizb.github.io/CodeTest/)

## JavaScript & TypeScript

- [如何创建与框架无关的 JavaScript 插件](https://github.com/dunizb/CodeTest/tree/master/JavaScript/TooSlidePlugin)
- [使用 JavaScript 直接从前端发送电子邮件](https://github.com/dunizb/CodeTest/tree/master/projects/emailjs-demo)
- [如何使用 JavaScript 访问设备摄像头（前后）](https://coding.zhangbing.site/view.html?url=./list/camera-api/index.html)
- [TypeScript Demo study](https://github.com/dunizb/CodeTest/tree/master/TypeScript/ts-study)
- [JavaScript DatePicker](https://github.com/dunizb/CodeTest/tree/master/JavaScript/DatePicker)
- [JavaScript/省市两级级联下拉列表](https://github.com/dunizb/CodeTest/blob/master/JavaScript/%E7%9C%81%E5%B8%82%E4%B8%A4%E7%BA%A7%E7%BA%A7%E8%81%94%E4%B8%8B%E6%8B%89%E5%88%97%E8%A1%A8.html)
- [JS 面向对象/权限配置组件](https://github.com/dunizb/CodeTest/tree/master/JS%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/%E6%9D%83%E9%99%90%E9%85%8D%E7%BD%AE%E7%BB%84%E4%BB%B6)
- [JavaScript/极简模式 Javascript 音乐播放器](https://github.com/dunizb/CodeTest/tree/master/JavaScript/%E6%9E%81%E7%AE%80%E6%A8%A1%E5%BC%8FJavascript%E9%9F%B3%E4%B9%90%E6%92%AD%E6%94%BE%E5%99%A8)
- [JavaScript/实现极简 Vue.js 双向数据绑定](https://github.com/dunizb/CodeTest/blob/master/JavaScript/实现极简Vue.js双向数据绑定.html)
- [HTML 网页保存为图 JavaScript/html2canvas](https://github.com/dunizb/CodeTest/blob/master/JavaScript/html2canvas/demo.html)
- [JavaScript/DIV 模板引擎.html](https://github.com/dunizb/CodeTest/tree/master/JavaScript/DIV模板引擎.html)
- [实现 MVVM](https://github.com/dunizb/CodeTest/tree/master/框架/MVVM/)
- [实现一个红绿灯](https://github.com/dunizb/CodeTest/tree/master/JavaScript/red-yellow-green.html)
- [实现 VueRouter 一样的路由](https://github.com/dunizb/CodeTest/tree/master/Vue/Router/vue-router-apply/)

## Node & Deno

- [Vue2.x + Express 文件压缩功能](https://github.com/dunizb/CodeTest/tree/master/Node/compressor)
- [使用 Deno 构建的命令行天气预报程序](https://github.com/dunizb/CodeTest/tree/master/Deno/weather-app)
- [HTML 页面生成器：使用 JavaScript 和 Node 创建 CLI](https://github.com/dunizb/CodeTest/tree/master/Node/html-generator-cli)
- [使用 TypeScript 和 ES 模块发布 Node 模块](https://github.com/dunizb/CodeTest/tree/master/Typescript/typescript-es-modules)
- [从零开始创建一个 CLI](https://github.com/dunizb/CodeTest/tree/master/Node/my-cli)
- [Koa.js 中文件上传示例](https://github.com/dunizb/CodeTest/tree/master/Node/koa-upload-demo)

## Vue & React

- [在 React 中使用 React Router v6 的指南](https://github.com/dunizb/CodeTest/tree/master/React/react-router-v6-example)
- [React 的新状态管理：Recoil 入门实战](https://github.com/dunizb/CodeTest/tree/master/React/recoil-test)
- [Vue.js 实现九宫格跑马灯抽奖效果](https://github.com/dunizb/CodeTest/tree/master/Vue/lottery)
- [React](https://github.com/dunizb/CodeTest/tree/master/React)
  - [React Hook](https://github.com/dunizb/CodeTest/tree/master/React/ReactHook)
  - [React Router](https://github.com/dunizb/CodeTest/tree/master/React/react-router4)
  - [React Redux](https://github.com/dunizb/CodeTest/tree/master/React/redux)
- [用 Vue.js 写一个 Checklist 组件](https://github.com/dunizb/CodeTest/blob/master/Vue/components/checklist/)

## 小程序

- [《抽个啥》微信小程序](https://github.com/dunizb/Radom-weapp)
- [《看什么好》微信小程序](https://github.com/dunizb/what-to-see-wxapp)
- [uni-app 开发 todo，uni-app 入门小应用](https://github.com/dunizb/CodeTest/tree/master/uni-app/uni-app-todo)
- [小程序 textarea 的高层级问题演示](https://github.com/dunizb/CodeTest/tree/master/Wechat/textarea-test)
- [小程序时间轴组件代码片段](https://github.com/dunizb/CodeTest/tree/master/Wechat/timeline-snippet)

## 实例

- [HTML&CSS/css3/background-clip:text.html](https://github.com/dunizb/CodeTest/blob/master/HTML%26CSS/css3/background-clip:text.html)
- [jQuery/银行卡号 4 位空格.html](https://github.com/dunizb/CodeTest/blob/master/jQuery/%E9%93%B6%E8%A1%8C%E5%8D%A1%E5%8F%B74%E4%BD%8D%E7%A9%BA%E6%A0%BC.html)
- [仅 3 行核心 CSS 代码的 rate 评分组件](https://coding.zhangbing.site/view.html?url=./list/css-hover-star/index.html)
- [MyClock 我的时钟，我的第一个 Chrome 扩展程序](https://github.com/dunizb/CodeTest/tree/master/ChromeExtensions/MyClock)
- [HTML5 拖拽上传、预览示例](https://github.com/dunizb/CodeTest/tree/master/JavaScript/HTML5拖拽上传.html)
- [HTML&CSS/css3/CSS 实现全景图移动效果](https://github.com/dunizb/CodeTest/blob/master/HTML&CSS/css3/CSS实现全景图移动效果.html)

## 其它

- [js-webpack-babel-template](https://github.com/dunizb/CodeTest/tree/master/Webpack/js-webpack-babel-template)
- [WebComponents demo](https://github.com/dunizb/CodeTest/tree/master/WebComponents/demo)
- [前端 rouer 实现](https://github.com/dunizb/CodeTest/tree/master/框架/router)
- [前端常用设计模式](https://github.com/dunizb/CodeTest/tree/master/设计模式/)
- [Webapck](https://github.com/dunizb/CodeTest/tree/master/Webpack/)
  - [myWebpack](https://github.com/dunizb/CodeTest/tree/master/Webpack/myWebpack/)
  - [Webpack Loader](https://github.com/dunizb/CodeTest/tree/master/Webpack/make-loader/)
  - [Webpack Plugin](https://github.com/dunizb/CodeTest/tree/master/Webpack/make-plugin/)
- [几道 JS 编程题](https://github.com/dunizb/CodeTest/tree/master/JavaScript/%E7%BC%96%E7%A8%8B%E9%A2%98)
- [ES6/generator](https://github.com/dunizb/CodeTest/blob/master/ES6/generator/)
- [面试题/金额的人民币表示方法(每三位数都好分割)](<https://github.com/dunizb/CodeTest/blob/master/面试题/金额的人民币表示方法(每三位数都好分割).html>)
- [面试题/ab 变量交换，不使用中间变量的几种方法](https://github.com/dunizb/CodeTest/blob/master/面试题/ab变量交换，不是用中间变量.html)
- [面试题/让一个不定宽高的 DIV 垂直水平居中的几种方法](https://github.com/dunizb/CodeTest/blob/master/面试题/怎么让一个不定宽高的DIV，垂直水平居中?.html.html)
- [HTML&CSS/布局/左中右三栏布局，中间自适应，5 种布局方法](https://github.com/dunizb/CodeTest/blob/master/HTML&CSS/布局/左中右三栏布局，中间自适应，5种布局方法.html)
- [jQuery/鼠标从 box 不同方向划入,modal 层划入的方向也不同](https://github.com/dunizb/CodeTest/blob/master/jQuery/鼠标从box不同方向划入/)
- [面试题/怎么让一个不定宽高的 DIV，垂直水平居中?.html](https://github.com/dunizb/CodeTest/blob/master/面试题/怎么让一个不定宽高的DIV，垂直水平居中?.html)
- [面试题/创建 10 个 a 标签点击的时候弹出序号](https://github.com/dunizb/CodeTest/tree/master/%E9%9D%A2%E8%AF%95%E9%A2%98/创建10个a标签点击的时候弹出序号.html)
- [css3/旋转方块加载动画.html](https://github.com/dunizb/CodeTest/blob/master/HTML%26CSS/css3/旋转方块加载动画.html)
- [jQuery/框架核心之数据绑定系统](https://github.com/dunizb/CodeTest/tree/master/jQuery/框架核心之数据绑定系统)
- [面试题/找出一个字符串里最长的那一个单词并打印出来.html](https://github.com/dunizb/CodeTest/blob/master/面试题/找出一个字符串里最长的那一个单词并打印出来.html)