# blog

**Repository Path**: echoc/blog

## Basic Information

- **Project Name**: blog
- **Description**: 打造自己专属的个人博客
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-07-31
- **Last Updated**: 2023-08-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<!--
 * @Author: byron
 * @Date: 2022-01-06 00:12:14
 * @LastEditTime: 2022-02-07 21:59:25
-->
# blog

#### 计划

- [x] 评论功能
- [ ] api接口统一管理
- [x] 文章功能
- [ ] 标签功能
- [ ] 分类功能
- [x] 日记功能
- [ ] 图片上传功能
- [ ] 为后台管理系统增加代办功能
- [ ] 其它模块
    - [ ] 我的项目
    - [ ] 个人介绍
    - [ ] 友链
    - [ ] 弹幕留言墙

#### 安装教程

# 一行代码实现时间戳转时间格式

前端开发过程中，常常需要将时间戳转化为标准时间格式供用户浏览。不借助方法库的情况下，如何又快又好的实现呢？下面介绍两种方法。

## 老方法

平常用的基本是这个方法，用Date方法依次将年月日时分秒一个个算出来，然后拼接成需要的时间格式字符串。

```javascript
function transformTime(timestamp = +new Date()) {
    if (timestamp) {
        var time = new Date(timestamp);
        var y = time.getFullYear(); //getFullYear方法以四位数字返回年份
        var M = time.getMonth() + 1; // getMonth方法从 Date 对象返回月份 (0 ~ 11)，返回结果需要手动加一
        var d = time.getDate(); // getDate方法从 Date 对象返回一个月中的某一天 (1 ~ 31)
        var h = time.getHours(); // getHours方法返回 Date 对象的小时 (0 ~ 23)
        var m = time.getMinutes(); // getMinutes方法返回 Date 对象的分钟 (0 ~ 59)
        var s = time.getSeconds(); // getSeconds方法返回 Date 对象的秒数 (0 ~ 59)
        return y + '-' + M + '-' + d + ' ' + h + ':' + m + ':' + s;
      } else {
          return '';
      }
}
transformTime(); // "2018-8-8 12:9:12"
```

## 老方法改进版

上面的转换方法，通过将时间戳转换为Date实例，利用Date对应的方法获取对应的年月日时分秒，获取的时间格式是‘2018-8-8 12:9:12’，看着有点别扭。为了转化为我们常用的时间格式，还需要注意对小于10的值，在前面添加字符串‘0’，转换为‘2018-08-08 12:09:12’这种时间格式。

```javascript
function transformTime(timestamp = +new Date()) {
    if (timestamp) {
        var time = new Date(timestamp);
        var y = time.getFullYear();
        var M = time.getMonth() + 1;
        var d = time.getDate();
        var h = time.getHours();
        var m = time.getMinutes();
        var s = time.getSeconds();
        return y + '-' + addZero(M) + '-' + addZero(d) + ' ' + addZero(h) + ':' + addZero(m) + ':' + addZero(s);
      } else {
          return '';
      }
}
function addZero(m) {
    return m < 10 ? '0' + m : m;
}
transformTime(); // "2018-08-08 12:09:12"
```

对返回小于10的时间数值进行处理，用‘addZero’方法为字符串添加‘0’，这样格式就对称了。

## 新思路

为了将时间戳转换为我们需要的时间格式，我们写了两个函数，加起来十几行。前段时间，部门大佬告知了另外一种方式，一行代码完成时间戳转换为‘YYYY-MM-DD HH:mm:ss’形式的时间格式，顿时代码精简了很多，话不多说，亮出代码

```pgsql
function time(time = +new Date()) {
    var date = new Date(time + 8 * 3600 * 1000); // 增加8小时
    return date.toJSON().substr(0, 19).replace('T', ' ');
}
time(); // "2018-08-09 18:25:54"
```

Date的‘toJSON’方法返回格林威治时间的JSON格式字符串，实际是使用‘toISOString’方法的结果。字符串形如‘2018-08-09T10:20:54.396Z’，转化为北京时间需要额外增加八个时区，我们需要取字符串前19位，然后把‘T’替换为空格，即是我们需要的时间格式。

```pgsql
function time(time = +new Date()) {
    var date = new Date(time + 8 * 3600 * 1000);
    return date.toJSON().substr(0, 19).replace('T', ' ').replace(/-/g, '.');
}
time(); // "2018.08.09 18:25:54"
```

把时间格式中的‘-’修改为‘.’或者其他符号都是可以的。对比老方法，这种方法代码量比以前省了不止一星半点的，读起来也简洁多了。如果时间格式需要毫秒数，只需要获取前23位字符串，和上面一样用replace方法替换。

#### 使用说明

1.  xxxx
2.  xxxx
3.  xxxx

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)



+ 解决蓝色阴影

+ 解决响应式样式设计

+ 解决移动端问题

+ 完成菜单点击效果