```
$.extend({
// 放入以下代碼
});
```
## 一、數組元素是否重復
```
// 數組元素是否重復
isRepeat: function(v, arr, key) {
var filterArr = [];
if(key) {
filterArr = arr.filter(function(v2) {
if(v==v2[key]) return v2;
});
} else {
filterArr = arr.filter(function(v2) {
if(v==v2) return v2;
});
}
return filterArr.length>1;
}
```
## 二、刪除數組指定索引值
```
delArrVal: function(arr, index) {
for(var i=0, len=arr.length; i<len; i++) {
if(i === index) {
arr.splice(i, 1);
break;
}
}
}
```
## 三、json對象轉數組
```
json2arr: function(json) {
var arr = [];
$.each(json, function(k, v) {
arr.push(v);
});
return arr;
}
```
## 四、是否是JSON
```
isJSON: function(v) {
if(typeof v==='object' && Object.prototype.toString.call(v).toLowerCase()==='[object object]' && !v.length) {
return true;
}
return false;
}
```
## 五、比較JSON
```
diffJSON: function(source, target) {
var flag = false;
function recursive(src, tgt) {
var srcLen = Object.keys(src).length,
tgtLen = Object.keys(tgt).length,
maxData,
minData;
if(srcLen >= tgtLen) {
maxData = src;
minData = tgt;
} else {
maxData = tgt;
minData = src;
}
for(var k in maxData) {
if(maxData.hasOwnProperty(k)) {
if(typeof maxData[k] === 'object' && (Array.isArray(maxData[k])||$.isJSON(maxData[k]))) {
if(minData[k] !== undefined) {
recursive(maxData[k], minData[k]);
} else {
flag = true;
return;
}
} else {
if(maxData[k]!==minData[k]) {
flag = true;
return;
}
}
}
}
}
recursive(source, target);
return flag;
}
```
## 六、返回有變化的數據
```
getDiffArr: function(source, target) {
var result = [],
targetCopy = JSON.parse(JSON.stringify(target));
targetCopy.forEach(function(v, i) {
if($.diffJSON(source[i], v)) {
result.push(v);
}
});
return result;
}
```
## 七、url search轉json
```
search2json: function() {
var search = location.search.substr(1);
if(search) {
var searchArr = search.split('&');
return searchArr.reduce(function(json, v) {
var item = v.split('=');
json[item[0]] = item[1];
return json;
}, {});
}
return {};
}
```
## 八、格式化時間
```
formatTime: function(date, fmt) {
var o = {
'M+': date.getMonth() + 1, // 月份
'd+': date.getDate(), // 日
'h+': date.getHours(), // 小時
'm+': date.getMinutes(), // 分
's+': date.getSeconds(), // 秒
'q+': Math.floor((date.getMonth() + 3) / 3), // 季度
'S': date.getMilliseconds(), // 毫秒
};
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
}
for (var k in o) {
if (new RegExp('(' + k + ')').test(fmt)) {
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length)));
}
}
return fmt;
}
```
## 九、對比合并數據
```
// 對比合并數據
compareMergeData: function(source, target) {
function recursive(src, tgt) {
var srcLen = Object.keys(src).length,
tgtLen = Object.keys(tgt).length,
maxData,
minData;
if(srcLen >= tgtLen) {
maxData = src;
minData = tgt;
} else {
maxData = tgt;
minData = src;
}
for(var k in maxData) {
if(maxData.hasOwnProperty(k)) {
if(typeof maxData[k] === 'object' && (Array.isArray(maxData[k])||$.isJSON(maxData[k]))) {
if(minData[k] !== undefined) {
recursive(maxData[k], minData[k]);
} else {
maxData[k].animate = true;
return;
}
} else {
if(maxData[k]!==minData[k]) {
maxData[k].animate = true;
return;
}
}
}
}
}
recursive(source, target);
return $.extend(source, target);
}
```
fmt參數示例:yyyy-MM-dd hh:mm:ss 2018-11-06 18:16:35
- 事件
- mouse縮放與拖動
- drag拖動
- 事件兼容
- animation/transition
- canvas
- 改變圖片顏色
- html轉圖片
- 視頻操作
- 圖片縮放、水印、放大鏡
- 虛線
- 圓環進度條
- 形狀事件
- 圓角矩形
- 繪制注意
- arcTo與貝塞爾
- 橢圓及橢圓進度
- 五角星進度
- 常用圖形
- 計算顯示文本寬度
- 算法
- 幾何算法
- 地圖應用相關
- 運行符
- web安全
- 新窗口打開
- xss
- 分享交流
- php環境搭建及xhr交互
- node環境搭建及xhr交互
- node之socketio
- svg之入門介紹
- svg動畫
- vue之搜索聯想
- vue之登錄和echarts
- vue之組件交互與slot
- vue之loading
- vue之上傳進度
- webpack及cli
- 開發技巧
- 常用
- 移動端
- 錯誤處理
- 預加載
- 代理判斷
- 數組擴展
- 對象擴展
- 字符串擴展
- 語音播報
- 收集
- 文章/日記
- 框架/庫/插件
- 工具
- 學習網站
- 專業術語
- 正則
- 常用驗證
- 方法基礎
- es6擴展
- 深入實踐
- 快捷使用
- html
- css
- http協議
- http
- https
- socket
- 地圖/圖表
- mapbox
- echarts
- arcgis
- MapView及事件
- 添加WMS/WMTS層
- 增刪點線面
- 入門使用
- popup彈層
- 大數據處理
- 批量點
- 批量線
- 在線繪制
- GraphicLayer顯示/隱藏
- 動態改變位置
- 去除版權信息
- 添加控件
- Symbol
- 自定義path標記
- 圖片標記
- 文本標記
- 旋轉
- UI
- 自定義
- 3D地圖
- 創建實例
- basemap
- 底圖切換
- 自定義底圖
- 中心和范圍
- pupup彈層更新
- 坐標轉換
- 方向線
- leaflet
- amap
- 框架/類庫/腳手架
- vue
- 常見問題
- 組件框架
- vue-router
- 命名視圖
- url參數映射到prop
- sublime支持
- 隨手記
- 常用功能
- threejs
- 常用效果
- 其他特效
- requirejs
- 簡單使用
- jquery
- 方法擴展
- 使用筆記
- 組件擴展
- react
- 黨見問題
- 學習筆記
- 學習筆記-進階
- react-redux
- react-router
- redux
- 其他模塊說明
- 組件框架
- sublime支持
- gulp
- 安裝使用
- js壓縮
- css壓縮
- 組合使用
- copy文件
- 項目使用
- protobuf
- 入門
- layui
- 登錄驗證
- laydate
- 安裝工具
- yarn
- reactNative
- 入門介紹
- vueNative
- 入門介紹
- 版本控制
- git常用
- git擴展
- git問題
- git其他
- git擴展2
- 編輯器
- vscode
- atom
- webstorm
- 插件
- clipboard
- 奇淫巧技
- js
- 個性打印
- css
- 濾鏡效果
- 文本省略
- 當前色
- 新特性
- 花樣邊框效果
- 波紋效果
- 個性placeholder
- 偽元素內容
- 容器居中
- 知識點
- js
- 遞歸
- 沙箱
- 內存泄漏
- es6語法
- 變量介紹
- FileRead
- ajax
- web存儲
- css
- rem布局