热门标签 | 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;
}
}

推荐阅读
  • 媒介这里大部份是本身碰到过的状况,另有一部份自创了偕行的文章,假如人人有碰到别的坑,迎接提出来一同研讨。学问要点1.Meta标签1.制止用户缩放页面,页面强迫让文档的宽度与装备的宽 ... [详细]
  • 在 Vue 应用开发中,页面状态管理和跨页面数据传递是常见需求。本文将详细介绍 Vue Router 提供的两种有效方式,帮助开发者高效地实现页面间的数据交互与状态同步,同时分享一些最佳实践和注意事项。 ... [详细]
  • Vue + WangEditor 遇到 “无法读取未定义的属性 'menus'” 错误的解决方案 ... [详细]
  • Vue应用预渲染技术详解与实践 ... [详细]
  • 本文介绍了如何在iOS平台上使用GLSL着色器将YV12格式的视频帧数据转换为RGB格式,并展示了转换后的图像效果。通过详细的技术实现步骤和代码示例,读者可以轻松掌握这一过程,适用于需要进行视频处理的应用开发。 ... [详细]
  • 本文详细介绍了在 Vue.js 前端框架中集成 vue-i18n 插件以实现多语言支持的方法。通过具体的配置步骤和示例代码,帮助开发者快速掌握如何在项目中实现国际化功能,提升用户体验。同时,文章还探讨了常见的多语言切换问题及解决方案,为开发人员提供了实用的参考。 ... [详细]
  • 在深入研究 React 项目的过程中,特别是在探索 react-router 源码时,我发现了其中蕴含的中间件概念。这激发了我对中间件的进一步思考与整理。本文将详细探讨 Redux 中间件的原理及其在实际项目中的应用,帮助读者更好地理解和使用这一强大工具。通过具体示例和代码解析,我们将揭示中间件如何提升应用的状态管理和异步操作处理能力。 ... [详细]
  • 在GitHub上克隆vue-element-admin项目时遇到依赖安装错误
    在 GitHub 上克隆 vue-element-admin 项目后,使用 `npm install` 安装依赖时遇到了未知的 Git 错误。具体错误信息为 `npm ERR! code 128`,提示命令执行失败。这可能是由于网络问题、Git 配置不正确或某些依赖包的仓库地址无效导致的。建议检查网络连接、更新 Git 版本并确保所有依赖项的 URL 正确无误。 ... [详细]
  • 深入解析 Vue 中通过 $route.params 实现参数传递的方法与技巧
    本文深入探讨了在 Vue 框架中利用 `$route.params` 进行参数传递的方法和技巧。通过详细解析 `$route.params` 的工作机制及其与 `$route.query` 的区别,帮助开发者更好地理解和应用这一功能。文章不仅涵盖了基本的使用方法,还提供了实际案例和最佳实践,以便读者能够灵活运用这些技术,提升开发效率和代码质量。 ... [详细]
  • 题目《BZOJ2654: Tree》的时间限制为30秒,内存限制为512MB。该问题通过结合二分查找和Kruskal算法,提供了一种高效的优化解决方案。具体而言,利用二分查找缩小解的范围,再通过Kruskal算法构建最小生成树,从而在复杂度上实现了显著的优化。此方法不仅提高了算法的效率,还确保了在大规模数据集上的稳定性能。 ... [详细]
  • Android 构建基础流程详解
    Android 构建基础流程详解 ... [详细]
  • 本指南介绍了如何在ASP.NET Web应用程序中利用C#和JavaScript实现基于指纹识别的登录系统。通过集成指纹识别技术,用户无需输入传统的登录ID即可完成身份验证,从而提升用户体验和安全性。我们将详细探讨如何配置和部署这一功能,确保系统的稳定性和可靠性。 ... [详细]
  • 通过在 Vue Router 中使用 `beforeEach` 导航守卫,可以实现对未登录用户的自动重定向至登录页面的功能。具体实现方法是在导航守卫中检查目标路由的 `meta` 属性,如果该属性中的 `requireAuth` 值为 `true`,则进一步验证用户的登录状态。若用户未登录,则将其重定向到登录页面,确保系统的安全性和用户体验。此外,还可以结合 Vuex 状态管理来存储和验证用户的登录状态,提高代码的可维护性和扩展性。 ... [详细]
  • 本文为初学者提供了 Koa 框架的入门指南,通过实例代码展示了如何初始化 Koa 应用及使用中间件。例如,通过 `app.use` 方法添加一个简单的日志中间件,记录每个请求的详细信息,帮助开发者更好地理解和掌握 Koa 的核心功能。 ... [详细]
  • 基于Node.js、EJSExcel、Express与Vue.js构建Excel转JSON工具:首阶段——Vue.js项目初始化及开发环境配置
    在近期的一个H5游戏开发项目中,需要将Excel数据转换为JSON格式。经过调研,市面上缺乏合适的工具满足需求。因此,决定利用Node.js、EJSExcel、Express和Vue.js自行构建这一工具。本文主要介绍项目的第一阶段,即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社区 版权所有