[TOC]
# 插件-shake 搖動功能
由于目前市面上的搖動啊...很不規范.所以統一一下,so...easy
## API
```javascript
// 創建一個shake
var shake = v.shake(config = {threshold:15,timeout:1000})
// 監聽shake
window.addEventListener('shake',function(){alert('你搖了額')})
// 啟動
shake.start()
// 關閉
shake.stop()
```
**參數說明**
* `threshold` 一個量化的力度,默認為15,大概就是--------------------這么長吧
* `timeout` 觸發的間隔,如果要比搖動的次數可以把這個值設置小點,如果搖動觸發某個事件,那一次就行了
使用方法看一下簡單的例子,[或者用手機打開這里](wx.diggid.cn/web/demo/shake.html)
```html
<div class="container">
<button class="btn btn-primary" onclick="open_()">開啟搖動事件</button>
<button class="btn btn-info" onclick="close_()">關閉搖動事件</button>
</div>
```
```javascript
var shake = v.shake({
threshold: 15,
timeout: 1000
})
window.addEventListener('shake',function(){
v.layer.open({
title:'觸發了搖一搖',
content:'恭喜你,你觸發了搖動事件!!',
btn:['搖一搖成功']
})
})
function open_(){
shake.start()
v.layer.alert('搖一搖試試吧!!!!')
}
function close_(){
shake.stop()
v.layer.alert('你關了搖一搖!!!!再搖一搖試試')
}
```
- 前端篇
- 常用知識點
- 表單處理
- 前后端分離
- 提供模板渲染工具
- 頁面優化
- css3動畫部分
- 前端工程與模塊化框架
- 服務器XML標簽用法
- 微信JSSDK
- 小技巧
- 純CSS實現自適應正方形
- 通用媒體查詢
- css 黑科技
- H5性能優化方案
- 10個最常見的 HTML5
- 常見坑
- 資源收集
- 前端組件化開發實踐
- 應用秒開計劃
- AJAX API部分
- 靜態資源處理優化
- 后端篇
- 微信對接與管理
- 微信消息處理
- API插件開發
- Plugin開發
- 后端插件開發
- 組件開發
- XML標簽開發
- RESTFUL設計
- Admin GUI
- 設計篇
- 設計規范
- 微信開發庫v.js
- 使用方法
- 微信JSSDK集成
- 調試面板使用
- 插件-http功能
- 插件-layer彈出層
- 插件-music 音樂播放器
- 插件-store 本地存儲
- 插件 emitter 事件管理器
- 插件-shake 搖動功能
- 插件-lazyload 延遲加載
- 插件-t 模板渲染
- 插件-ani 動畫功能
- 插件-is 類型偵測器
- 插件-ease 緩動函數庫
- 插件-os 設備檢測
- 插件 $ 類Jquery插件
- 插件-md5 散列計算
- 插件-svg動畫loading
- 后臺頁面成功GUI
- 列表渲染List
- 表單生成Config
- 樹狀列表Tree
- 排序操作Sort
- Js 風格指南
- Vuep
- 內置動畫庫
- 組件庫
- 內置插件庫
- PSD自動切圖