热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

前端笔记vue/js/git

Vuevue-routerquery:this.$route.query.nameparams:this.$route.params.nameJs时间时间格式转换时间格式·两位数f
Vue

vue-router

query: this.$route.query.name
params: this.$route.params.name

Js

时间

时间格式转换

// 时间格式·两位数
function ToDoubleDigit(num) {
return num <10 ? "0" + num : num;
}
// 获取time对应的时间数据
function TimeToData(date) {
const Y = date.getFullYear();
const M = ToDoubleDigit(date.getMonth() + 1);
const D = ToDoubleDigit(date.getDate());
const h = ToDoubleDigit(date.getHours());
const m = ToDoubleDigit(date.getMinutes());
const s = ToDoubleDigit(date.getSeconds());
return {
Y,
M,
D,
h,
m,
s
};
}
// 返回所需时间格式
function ToTimeFormat(time, type) {
let date; // js日期格式 getMonth()
if (
String(time).indexOf("-") === -1 &&
String(time).indexOf("/") === -1 &&
String(time).length === 10
) {
// 时间戳转化
date = new Date(Number(time) * 1000);
} else {
// 文本时间格式转化
const stringTime = String(time).replace(/-/g, "/"); // ios格式支持问题
date = new Date(stringTime);
}
const { Y, M, D, h, m, s } = TimeToData(date); // 获取time对应的时间数据
if (type === 1) {
return Y + "-" + M + "-" + D + " " + h + ":" + m + ":" + s;
}
if (type === 2) {
const between = Date.now() / 1000 - new Date(time).getTime();
const nowDate = TimeToData(new Date());
const nowY = nowDate.Y;
const nowM = nowDate.M;
if (nowY === Y) {
if (nowM === M) {
if (between <60) {
return "刚刚";
} else if (between <3600) {
return pluralize(~~(between / 60), " 分钟前");
} else if (between <86400) {
return pluralize(~~(between / 3600), " 小时前");
} else {
return pluralize(~~(between / 86400), " 天前");
}
} else {
return M + "/" + D + " " + h + ":" + m;
}
}
return Y + "/" + M + "/" + D + " " + h + ":" + m;
}
}

推荐阅读
  • 前端技术分享——利用Canvas绘制鼠标轨迹
    作为一名前端开发者,我已经积累了Vue、React、正则表达式、算法以及小程序等方面的技能,但Canvas一直是我的盲区。因此,我在2018年为自己设定了一个新的学习目标:掌握Canvas,特别是如何使用它来创建CSS3难以实现的动态效果。 ... [详细]
  • 拖拉切割直线 ... [详细]
  • 择要:Fundebug的JavaScript毛病监控插件同步支撑Vue.js异步毛病监控。Vue.js从降生至今已5年,尤大在本年2月份宣布了严重更新,即Vue2.6。更新包含新增 ... [详细]
  • 高效的JavaScript异步资源加载解决方案
    本文探讨了如何通过异步加载技术处理网页中大型第三方插件的加载问题,避免将大文件打包进主JS文件中导致的加载时间过长,介绍了实现异步加载的具体方法及其优化。 ... [详细]
  • 理解Redux中的中间件及其应用
    在React应用中,Redux的中间件用于增强store的功能,通过拦截和处理action,可以在action到达reducer之前进行额外的操作,如异步操作、日志记录等。 ... [详细]
  • 本文介绍了多种将多行数据合并为单行的方法,包括使用动态SQL、函数、CTE等技术,适用于不同的SQL Server版本。 ... [详细]
  • 本文主要解决了在编译CM10.2时出现的关于Samsung Exynos 4 HDMI HAL库中SecHdmiV4L2Utils.cpp文件的编译错误。 ... [详细]
  • 本文探讨了如何利用数组来构建二叉树,并介绍了通过队列实现的二叉树层次遍历方法。通过具体的C++代码示例,详细说明了构建及打印二叉树的过程。 ... [详细]
  • 本文介绍了两个重要的Node.js库——cache-content-type和mime-types,它们在处理HTTP响应头时非常有用。cache-content-type是基于mime-types构建的,并且实现了缓存机制以提高性能。 ... [详细]
  • 本文探讨了在不同场景下如何高效且安全地存储Token,包括使用定时器刷新、数据库存储等方法,并针对个人开发者与第三方服务平台的不同需求提供了具体建议。 ... [详细]
  • 本文提供了一个详尽的前端开发资源列表,涵盖了从基础入门到高级应用的各个方面,包括HTML5、CSS3、JavaScript框架及库、移动开发、API接口、工具与插件等。 ... [详细]
  • 函子(Functor)是函数式编程中的一个重要概念,它不仅是一个特殊的容器,还提供了一种优雅的方式来处理值和函数。本文将详细介绍函子的基本概念及其在函数式编程中的应用,包括如何通过函子控制副作用、处理异常以及进行异步操作。 ... [详细]
  • 小编给大家分享一下Vue3中如何提高开发效率,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获, ... [详细]
  • 本文详细介绍了如何在 Vue CLI 3.0 和 2.0 中配置 proxy 来解决开发环境下的跨域问题,包括具体的配置项和使用场景。 ... [详细]
  • 本文详细记录了腾讯ABS云平台的一次前端开发岗位面试经历,包括面试过程中遇到的JavaScript相关问题、Vue.js等框架的深入探讨以及算法挑战等内容。 ... [详细]
author-avatar
uka9032934
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有