## 普通格式化
```
(function(window){
/*2018年01月04日*/
var time1 = function(val) {
var str = val.split(' ')[0].split('-');
return str[0] + '年' + str[1] + '月' + str[2] + '日'
}
/*2018.01.04*/
var time2 = function(val) {
var str = val.split(' ')[0].split('-');
return str[0] + '.' + str[1] + '.' + str[2]
}
/*2018-01-04*/
var time3 = function(val) {
return val.split(' ')[0];
}
/*2017年11月27日 10:06*/
var time4 = function(val) {
var str = val.split(' ')
var strs = str[0].split('-');
var strss = str[1].split(':');
return strs[0] + '年' + strs[1] + '月' + strs[2] + '日 ' + ' ' + strss[0] + ':' + strss[1]
}
window.time1 = time1;
window.time2 = time2;
window.time3 = time3;
window.time4 = time4;
})(window)
var time = '2018-01-04 18:49:58';
console.log(time1(time));
console.log(time2(time));
console.log(time3(time));
console.log(time4(time));
```
## 移動端格式化
```
Vue.filter('fomatTime', function (valueTime) {
if(valueTime){
var newData = Date.parse(new Date());
var diffTime = Math.abs(newData-valueTime);
if (diffTime > 7 * 24 * 3600 * 1000) {
var date = new Date(valueTime);
var y = date.getFullYear();
var m = date.getMonth() + 1;
m = m < 10 ? ('0' + m) : m;
var d = date.getDate();
d = d < 10 ? ('0' + d) : d;
var h = date.getHours();
h = h < 10 ? ('0' + h) : h;
var minute = date.getMinutes();
var second = date.getSeconds();
minute = minute < 10 ? ('1' + minute) : minute;
second = second < 10 ? ('0' + second) : second;
return m + '-' + d+' '+h+':'+minute;
} else if (diffTime < 7 * 24 * 3600 * 1000 && diffTime > 24 * 3600 * 1000) {
// //注釋("一周之內");
// var time = newData - diffTime;
var dayNum = Math.floor(diffTime / (24 * 60 * 60 * 1000));
return dayNum + "天前";
} else if (diffTime < 24 * 3600 * 1000 && diffTime > 3600 * 1000) {
// //注釋("一天之內");
// var time = newData - diffTime;
var dayNum = Math.floor(diffTime / (60 * 60 * 1000));
return dayNum + "小時前";
} else if (diffTime < 3600 * 1000 && diffTime > 0) {
// //注釋("一小時之內");
// var time = newData - diffTime;
var dayNum = Math.floor(diffTime / (60 * 1000));
return dayNum + "分鐘前";
}
}
});
```
- css用法技巧
- 陰影被后面div遮擋
- 繪制一個三角形
- 圖像的灰白處理
- 一切居中
- 禁用鼠標事件
- 模糊文本
- 字體省略號
- 垂直居中
- box投影
- css動畫
- javaScript常見工具封裝
- 地址欄參數獲取
- 日期格式化
- Ajax
- scroll
- 緩動函數
- 事件綁定
- 阻止冒泡和默認行為
- 偽數組正常化
- 日期生成
- 拷貝
- javaScript基本知識
- javaScript基本知識
- javascript常見代碼塊
- vue常見問題
- 獲取參數
- vue常見問題/vue混入
- v-html指令問題集錦
- 正則獲取html中所有的中文字符
- 時間格式化
- 監聽路由的變化
- vue移動端滑動事件
- vue移動端圖片點擊放大
- 打包后背景圖片404的問題
- webpack打包后部分樣式失效
- IE的兼容問題
- post請求后臺無法接受參數
- 驗證碼
- vue開啟Gzip報錯
- v-html修改樣式
- app.css文件過大
- vue中中使用iframe
- babel對es6編譯不徹底 出現ie不兼容的問題
- vue單頁應用優化
- 吸頂問題
- 跨域session無法共享
- 登陸返回上一頁
- axois中使用delete數據傳遞問題
- 監聽數組對象數組中的屬性
- webpack
- webpack基本使用
- webpack打包刪除注釋
- js插件
- 輪播圖
- 面向對象模板
- 左滑右滑
- 存儲
- appcan
- appcan
- js深入研究
- 數組的參數傳遞問題
- 采用jquery的方法載入公共頁面后出現閃爍的問題
- html拼接無法綁定事件
- 吸頂問題
- async配合promise使用
- flutter
- 模擬器加載報錯
- 底部導航實現
- 模擬器出現錯誤
- flutter在idea下的快捷鍵
- flutter學習筆記
- 設計模式
- 觀察者模式
- nest
- nest基本說明
- nest錯誤處理
- vue高級
- 動態注入路由
- nest實戰
- 一項目準備
- window
- 端口進程被占
- mis包
- reactNative
- react-native-router-flux
- esLint
- eslint
- Cesium