# milin

**Repository Path**: MagicWingMI/milin

## Basic Information

- **Project Name**: milin
- **Description**: 密林手作艺术工作室
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-06-23
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 密林手作工作室

![密林Log黑色](https://github.com/AprildreamMI/Progect-Images/blob/master/%E5%AF%86%E6%9E%97%E5%9B%BE%E7%89%87/%E5%AF%86%E6%9E%97Log%E9%BB%91%E8%89%B2.png)



### 一：项目描述

#### 	关于密林工作室

​		密林工作室是本人和朋友构想的一个艺术工作室，其包括五大板块

​		1、画：密林工作室提供画品定制，画品装潢，画品买卖等服务

​		2、布：密林工作室提供，定制的布匹植物印染，这是一门古老的技术

​		3、花：密林工作室提供干花教学制作，干花的买卖等

​		4、茶：密林工作室也是一个茶室，你可以来品茶，买茶。

​		5、手工：密林手工室提供纸雕教学，人物肖像纸雕定制

#### 	项目目的

​		构建工作室主页，表达工作室艺术美感

#### 	项目技术点	

```javascript
		1、通过 $(window).scrollTop();  来获取卷去的屏幕距离，

		2、通过 $(document).on("scroll",function () {}；来具体做出响应

		3、通过  jquery.color.js  插件来使  $(this).animate({"background-color":"#2ea9df"});  达到缓动效果
        
        	4、优化DOM操作，主要是防抖和节流
```

##### 	预览

​	![视差演示](https://github.com/AprildreamMI/Progect-Images/blob/master/%E5%AF%86%E6%9E%97%E5%9B%BE%E7%89%87/%E6%BC%94%E7%A4%BA.gif)

#### 	项目进度

​		这个项目是在本人学习完Jquery完成的，项目存在很多BUG，但当时时间不宽裕，本人在其后也投入到其他学习当中

​		现在先上传GitHub上，日后再仔细维护

### 二：项目预览

​	![紫藤萝-描述](https://github.com/AprildreamMI/Progect-Images/blob/master/%E5%AF%86%E6%9E%97%E5%9B%BE%E7%89%87/%E7%B4%AB%E8%97%A4%E8%90%9D-%E6%8F%8F%E8%BF%B0.png)

#### 茶

![茶-描述](https://github.com/AprildreamMI/Progect-Images/blob/master/%E5%AF%86%E6%9E%97%E5%9B%BE%E7%89%87/%E8%8C%B6-%E6%8F%8F%E8%BF%B0.png)

#### 花

![花-描述](https://github.com/AprildreamMI/Progect-Images/blob/master/%E5%AF%86%E6%9E%97%E5%9B%BE%E7%89%87/%E8%8A%B1-%E6%8F%8F%E8%BF%B0.png)

#### 画

![画-描述](https://github.com/AprildreamMI/Progect-Images/blob/master/%E5%AF%86%E6%9E%97%E5%9B%BE%E7%89%87/%E7%94%BB-%E6%8F%8F%E8%BF%B0.png)

#### 布

![布-描述](https://github.com/AprildreamMI/Progect-Images/blob/master/%E5%AF%86%E6%9E%97%E5%9B%BE%E7%89%87/%E5%B8%83-%E6%8F%8F%E8%BF%B0.png)

#### 手工

![手工-描述](https://github.com/AprildreamMI/Progect-Images/blob/master/%E5%AF%86%E6%9E%97%E5%9B%BE%E7%89%87/%E6%89%8B%E5%B7%A5-%E6%8F%8F%E8%BF%B0.png)

![尾页-描述](https://github.com/AprildreamMI/Progect-Images/blob/master/%E5%AF%86%E6%9E%97%E5%9B%BE%E7%89%87/%E5%B0%BE%E9%A1%B5-%E6%8F%8F%E8%BF%B0.png)