# repo-beimeng

**Repository Path**: website-prepare/repo-beimeng

## Basic Information

- **Project Name**: repo-beimeng
- **Description**: 组织私有仓库
- **Primary Language**: Java
- **License**: Not specified
- **Default Branch**: Mine
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2021-03-30
- **Last Updated**: 2021-10-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# repo-beimeng

#### 介绍

组织私有仓库

效果图
![image-20210408152414239](README.assets/image-20210408152414239.png)



当前预期：

​	添加一个加载动画，和倒数的时间有关。下面写上我们的字。





添加了自动播放音乐的功能，（chrome浏览器规定在用户交互前不允许程序自动播放音乐）

需要弄清楚的问题：

1. 他是如何定位鼠标的
   通过在(src/main/webapp/js/plugins.js/295行添加鼠标移动事件监听)
2. 他如何对鼠标位置做出相应的响应
   暂时还不是十分清楚
   大体是通过(src/main/webapp/js/plugins.js/67 的plugin函数控制各个组件的位置，来达到移动的效果）
3. 时间如何倒数
   通过js下的jquery.countdown.min.js文件进行时间倒数(min部分代码不容易阅读，需要着重分析)
4. 整体结构层次
5. 他是如何区别手机端和pc端的 ✨
6. 我们能否在手机端使用重力感应(陀螺仪)呢？✨
7. 我们能否添加一个动态的音频频谱图呢？✨

### 跟随鼠标移动逻辑

   入口函数：initializeSite(src/main/webapp/js/main.js-53)

​      👇

   调用方法：$('#scene').parallax();(src/main/webapp/js/main.js-40)

​      👇

   自调函数：;(function($, window, document, undefined)(src/main/webapp/js/plugin.js-50)

​      👇

   为jquery对象创建方法：$.fn[NAME] = function (value)(src/main/webapp/js/plugin.js-532)

​      👇

   执行plugin方法：function Plugin(element, options)(src/main/webapp/js/plugin.js-72)

### 时间倒数逻辑
   自动执行函数：(src/main/webapp/js/main.js-62)倒计时时间重置/初始化)

​      🚩🏴‍☠️🏳🏳‍🌈🏁

   执行倒计时：(src/main/webapp/js/jquery.countdown.min.js)

​     `实际上一直在进行倒计时，只是main.js重新对当前时间进行赋值，并不是main.js调用该方法。`

## 目的：



![backiee-82326 (2)](README.assets/backiee-82326.jpg)

> (如果我们只是仅仅把代码拿过来粘上，那一切将毫无意义。)