# web-demo-bj

**Repository Path**: brucedong/web-demo-bj

## Basic Information

- **Project Name**: web-demo-bj
- **Description**: 11
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-11-17
- **Last Updated**: 2020-12-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#记录自己觉得有意思、有意义的小 demo

个人信息：姜博健
花名：余光
职位：厦门稿定设计-前端开发工程师
邮箱：webbj97@163.com
微信：j560517805
---
19-09-22日开始维护

### 这里是我的leetcode的练习题，欢迎大家了解
[LeetCode传送门](https://github.com/webbj97/leetCode-JavaScript-bj)

> 这里基本上都是原生（HTML+JS+CSS）实现的

## 有趣的效果

[放大镜效果](https://webbj97.github.io/web-demo-bj/effect/magnifier/index.html)  
[百度自动关联搜索框](https://webbj97.github.io/web-demo-bj/JSDemo/associate.html)  
[无止境的楼梯](https://webbj97.github.io/web-demo-bj/CSS/stairs/index.html)  
[Canvas时钟](https://webbj97.github.io/web-demo-bj/canvas-svg%E7%9B%B8%E5%85%B3/clock/index.html)  


## 常见的交互

[小米官网同款轮播图](https://webbj97.github.io/web-demo-bj/slider/slider-mi/demo.html)
[二级折叠菜单](https://webbj97.github.io/web-demo-bj/dom/折叠菜单.html)  
[常见的拖动效果](https://webbj97.github.io/web-demo-bj/dom/拖动.html)  


## 静态页面

[仿京东官网首屏预览](https://webbj97.github.io/web-demo-bj/静态官网/京东官网/demo.html)  
[仿淘宝官网首屏预览](https://webbj97.github.io/web-demo-bj/静态官网/淘宝首屏/index.html)  
[基于bootstrap的后台布局](https://webbj97.github.io/web-demo-bj/静态官网/bootstrap/index.html)  
[基于bootstrap的介绍网页](https://webbj97.github.io/web-demo-bj/静态官网/浏览器介绍网页/demo.html)  

## 原生JS小游戏

[贪吃蛇](https://webbj97.github.io/web-demo-bj/JSGame/snake/index.html)  
[扫雷](https://webbj97.github.io/web-demo-bj/JSGame/landmine/index.html)