# JavaScript

**Repository Path**: willenduan/JavaScript

## Basic Information

- **Project Name**: JavaScript
- **Description**: 前端一些小案例
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-01-30
- **Last Updated**: 2022-01-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# 整理的一些东西

## 目录

> 点击对应的链接可以跳转到对应的项目文件下，里面readme有详细说明，欢迎star👍、issue💬

### 1、基础

- [数组常用的api](https://github.com/haima16/JavaScript/issues/1)
- [实现bind, apply, call](https://github.com/haima16/JavaScript/issues/2)
- [js中的继承](https://github.com/haima16/JavaScript/issues/4)
- [js对象的拷贝](https://github.com/haima16/JavaScript/issues/5)
- [封装一个完善的typeof ](https://github.com/haima16/JavaScript/issues/6)
- [写一个函数实现new关键字的功能](https://github.com/haima16/JavaScript/issues/7) 

### 2、HTML CSS

- ★★☆ [OOE（Only One Element）](https://github.com/haima16/JavaScript/tree/master/OOE) 

- ★☆☆ [移动端qq空间布局](https://github.com/haima16/JavaScript/tree/master/静态布局/qq空间) 

### 3、原生JS

> 操作DOM

- ★☆☆ [《拼图游戏》](https://github.com/haima16/JavaScript/tree/master/game/puzzle/test) ································································································
- ★☆☆ [《扫雷游戏》](https://github.com/haima16/JavaScript/blob/master/game/扫雷) ································································································

- ★★★ [《colorpicker拾色器》]() ·············································································· 📄[掘金详解](https://juejin.im/post/5d386043f265da1b7f29c1ab) 
- ★★★ [《打砖块游戏》](https://github.com/haima16/JavaScript/tree/master/game/breakout)  ·························································································· 💿[演示视频](https://www.bilibili.com/video/av61756000) 
- ★★★ [《media封装》](https://github.com/haima16/media)  ··························································································· 📄[掘金详解](https://juejin.im/post/5d58bc4b6fb9a06b0202c005) 

> canvas

- ★★☆ [《真实时钟案例》](https://github.com/haima16/JavaScript/tree/master/canvas/clock) ······················································································ 📄[掘金详解](https://juejin.im/post/5d2bf800f265da1bab29de81) 
- ★★★ [《绚丽的数字时钟案例》](https://github.com/haima16/JavaScript/tree/master/canvas/digit-clock) ········································································ 📄[掘金详解](https://juejin.im/post/5d006433e51d45775c73dcc1) 
- ★★★ [《飞机大战游戏案例》](https://github.com/haima16/JavaScript/tree/master/canvas/plane) ············································································· 📄[掘金详解](https://juejin.im/post/5d2d46506fb9a07ed740afe8)  |  💿[演示视频](https://www.bilibili.com/video/av56186806) 
- ★★★ [《打砖块游戏案例 - canvas版》](https://github.com/haima16/JavaScript/tree/master/canvas/blockout) ··························································· 💿[演示视频](https://www.bilibili.com/video/av61756000) 
- ★★★ [《最强大脑-寻找阿基米德项目》](https://github.com/haima16/JavaScript/tree/master/canvas/polyon) ························································ 💿[演示视频](https://www.bilibili.com/video/av64294782) 
- ★★★ [《最强大脑-层叠消融项目》](https://github.com/haima16/cascade_ablation_ol)  ································································
- ★★☆ [《canvas绘制弹幕》](https://github.com/haima16/JavaScript/tree/master/canvas/barrage)  ················································································ 💿[演示视频](https://www.bilibili.com/video/av63579877) 
- ★☆☆ [《绘制思维导图》](https://github.com/haima16/JavaScript/tree/master/canvas/mind) ·····················································································

### 4、框架

> Vue

- ★★★ [《封装slider组件》](https://github.com/haima16/JavaScript/tree/master/vue-components/Slider) ····················································································
- ★★★ [《封装移动端组件》](https://github.com/haima16/mobile-layout) ·················································································
- ★★★ [《打砖块游戏案例 - vue版》](https://github.com/haima16/breakout)  ······························································· 💿[演示视频](https://www.bilibili.com/video/av61756000) 

- ★★★ [《网易云音乐评论转弹幕》](https://github.com/haima16/music)  ································································· 💿[演示视频](https://www.bilibili.com/video/av63579877) 

- ★★☆ [《博客》](https://github.com/haima16/blog) ·······································································································