今天做页面需要把JS里面的Date规范输出为“YYYY-MM-DD HH:mm:SS”的字符串，本来想上网百度一个现成的，结果搜出来的全是错的 :( 自己写了一个，贴在这里，方便后面搜索的人： 把下面的代码复制到你的JS里，Date对象就可以直接调用toCommonCase(): Date.prototype.toCommonCase=function(){ var xYear=this.getYear(); xYear=xYear+1900; var xMonth=this.getMonth()+1; if(xMonth<10){ xMonth="0"+xMonth; } var xDay=this.getDate(); if(xDay<10){ xDay="0"+xDay; } var xHours=this.getHours(); if(xHours<10){ xHours="0"+xHours; } var xMinutes=this.getMinutes(); if(xMinutes<10){ xMinutes="0"+xMinutes; } var xSeconds=this.getSeconds(); if(xSeconds<10){ xSeconds="0"+xSeconds; } return xYear+"-"+xMonth+"-"+xDay+" "+xHours+":"+xMinutes+":"+xSeconds; }
相关文章
-
excel日期格式转换方法
有时候我们对于一些日期格式也是可以进行转换的，只需要在单元格格式中找到日期设置，选择自己想要变成的样式，随后点击确认就可以了，还是很方便的。excel日期格式转换为文本：1、首先我们选中日期，然后右键选择“设置单元格格式”。 2、接着我们点击“数字”。 3、随后点击“日期”，选择自己想要的格式。 4、最后我们点击确定即可。 -
奇唤士发售日期
奇唤士是一部叙事RPG游戏，本作原定于2023年度发售，不过近期却宣布将推迟上线，下面阿里西西小编为大家带来奇唤士发售日期，感兴趣的小伙伴一起了解一下吧。奇唤士什么时候发售发售日期：原定于12月5日发布的游戏发售日已推迟至明年2月20日。开发商Fool's Theory和发行商11 bit studios最近宣布了叙事RPG奇唤士(The Thaumaturge)的发售延期。此次推迟影响了PC版，它原计划在12月5日通过Steam、Epic Games Store和GOG发售，而PlayStation 5和Xbox Series版则计划在次年推出。延期原因：11 bit工作室在新闻稿中解释说：“掌握神秘艺术并非易事，同样，当你拒绝在质量上妥协时，游戏开发也是如此。有鉴于此，11 bit工作室和Fool's Theory公司共同决定给予奇唤士更多的开发时间，以达到玩家所期望的标准。”发行商进一步表示：“随着最近几周游戏的收尾工作的完成，团队看到了更多打磨和提高游戏质量的机会，考虑到他们可以给自己留出一些额外的时间，因此决定推迟游戏的发行。”这一决定旨在确保游戏在发布时能够提供最高水准的游戏体验。奇唤士发售日期已经分享在上面，感兴趣的小伙伴可以参考本篇攻略，希望能为各位玩家们带来帮助，想要了解更多游戏攻略及资讯请持续关注阿里西西游戏。 -
JavaScript下拉菜单实例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript下拉菜单</title> <style type="text/css"> * { padding:0; margin:0; } body { font-family:verdana, sans-serif; font-size:small; } #navigation, #navigation li ul { list-style-type:none; } #navigation { margin:20px; } #navigation li { float:left; text-align:center; position:relative; } #navigation li a:link, #navigation li a:visited { display:block; text-decoration:none; color:#000; width:120px; height:40px; line-height:40px; border:1px solid #fff; border-width:1px 1px 0 0; background:#c5dbf2; padding-left:10px; } #navigation li a:hover { color:#fff; background:#2687eb; } #navigation li ul li a:hover { color:#fff; background:#6b839c; } #navigation li ul { display:none; position:absolute; top:40px; left:0; margin-top:1px; width:120px; } #navigation li ul li ul { display:none; position:absolute; top:0px; left:130px; margin-top:0; margin-left:1px; width:120px; } </style> <script type="text/javascript"> function displaySubMenu(li) { var subMenu = li.getElementsByTagName("ul")[0]; subMenu.style.display = "block"; } function hideSubMenu(li) { var subMenu = li.getElementsByTagName("ul")[0]; subMenu.style.display = "none"; } </script> </head> <body> <ul id="navigation"> <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"> <a href="#">栏目1</a> <ul> <li><a href="#">栏目1->菜单1</a></li> <li><a href="#">栏目1->菜单2</a></li> <li><a href="#">栏目1->菜单3</a></li> <li><a href="#">栏目1->菜单4</a></li> </ul> </li> <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"> <a href="#">栏目2</a> <ul> <li><a href="#">栏目2->菜单1</a></li> <li><a href="#">栏目2->菜单2</a></li> <li><a href="#">栏目2->菜单3</a></li> <li><a href="#">栏目2->菜单4</a></li> <li><a href="#">栏目2->菜单5</a></li> </ul> </li> <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"> <a href="#">栏目3</a> <ul> <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"> <a href="#">栏目3->菜单1</a> <ul> <li><a href="#">菜单1->子菜单1</a></li> <li><a href="#">菜单1->子菜单2</a></li> <li><a href="#">菜单1->子菜单3</a></li> <li><a href="#">菜单1->子菜单4</a></li> </ul> </li> <li><a href="#">栏目3->菜单2</a></li> <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"> <a href="#">栏目3->菜单3</a> <ul> <li><a href="#">菜单3->子菜单1</a></li> <li><a href="#">菜单3->子菜单2</a></li> <li><a href="#">菜单3->子菜单3</a></li> </ul> </li> </ul> </li> </ul> </body> </html> -
JavaScript避免嵌套代码浅析
目录前言一、何为嵌套代码二、避免嵌套1.提炼抽取2.反转排列前言 看过不少过度嵌套的代码, 我真正意识到问题的严重性是刚入职那会, 我在一个老项目里看到了40个连续的else if, 套了6层的if, for和forEach, 因为我们并没有做什么限制代码嵌套的提前约定. 呃, 那之后认识到会写代码和代码写得好完全是两种概念, 能够实现复杂的需求也并不能说明代码写得好, 开始注重代码结构方面. 事实是, 很多时候需要编写的逻辑本身就很恶心, 乍看之下, 堆页岩般的判定嵌套里似乎每一层都是必要的, 也只能说尽量让它看起来不那么恶心. 嗯, 比如少来几次Tab. 一、何为嵌套代码 嵌套代码是在函数内部添加更深层级的代码块, 放在javascript里, 常用的嵌套手段都包含符号’{‘, 那么对于一个代码块, 刨除平级的情况, 其内部的’{'越多就说明这个代码块的嵌套深度越大. 也就是: 禁止套娃. 对于以下代码, 它的嵌套深度为1: function fun1 () { console.log(1); } 而如果在内部加上if语句, 其深度将变为2: function fun1 () { if (true) { console.log(1); } } 而如果再加一个循环进去, 深度将变为3: function fun1 () { if (true) { for (let i = 0; i < 5; i++) { console.log(1); } } else { console.log(2); } } 而… 好的各位, 我最多最多就到这了, 再套下去我就要开始觉得恶心了.在这里可能没有那么直观, 而这段代码放在编辑器里, console.log前面已经有三道竖线了, 光是tab提行就已经开始不舒服了. 在三层嵌套以上, 你所做的一切就不再是一套单一的算法, 这已经开始逐渐演变为多个算法的组合了, 是可以做一些封装抽离而最好不要就这样混写在一起. 实战中三层嵌套绝对连半数以下的计算都处理不了, 那如果还有逻辑没编写呢. 二、避免嵌套 1.提炼抽取 提炼(Extraction), 我一般管这叫抽离, 当然, 不一定要抽到外面, 只要能维持嵌套深度处于稳定的水平就好(不过函数内实在不能在消减嵌套深度那还是抽到外面形成另外一个函数吧). 比如这段嵌套: function fun1() { const arr = [1, 2, 3, 4] if (arr.length = 4) { arr.forEach((ele) => { if (a === 4) { console.log(4); } }); } } fun1(); 可以改为这样: function fun1() { const arr = [1, 2, 3, 4] const xxx = (a) => { if (a === 4) { console.log(4); } } if (arr.length = 4) { arr.forEach(xxx); } } fun1(); 嵌套深度由4减小为3. 原理十分明了, 就好像在原生环境获取DOM, 有的人喜欢这样: function change() { document.querySelector("#scar").style.display = 'none'; } 有的人喜欢: function change() { const scar = document.querySelector("#scar"); scar.style.display = 'none'; } 抽离提炼就类似于将前者转化为了后者. 封装axios也是一样的道理(不过那更多还是为了避免接口变动导致的被动局面). 2.反转排列 反转(Inversion), 对于判定语句, 把正面条件排在负面条件前通常会需要更多的判定, 所以改为优先处理负面条件. 先把正面条件放前面: function justice(e) { if(e.length > 5) { for(let i = 0; i < e.length; i++) { console.log(e); } } else if (e.length === 2){ return 2; } else { return false } } 但是如果先进行负面条件判定: function justice(e) { if(e.length === 2) { return 2; } else if (e.length < 5) { // 这里也可以另起一个if, 不过这样可以节约一行 ) return false; } for(let i = 0; i < e.length; i++) { console.log(e); } } 可以看到现在深度层级由3减小到2. 这种优化方法需要先把少数, 需要特殊处理的情况在前面解决完及时退出, 剩下的多数情况就可以不放在判定语句中. 而在这个过程中, 需要把最特殊, 且不将其他特殊情况包含在内的情况写在前面, 越特殊, 越提前处理, 此处e.length === 2为最特殊, 而e.length < 5这个特殊情况将e.length === 2包含在内, 所以应当第二个处理. 我在前面也写过这种做法, 将判定嵌套改为平次的卫语句, 称作validation gatekepping, 感兴趣的话可以去看这篇: JavaScript多级判定代码优化浅析 不过还可以在平次判定这个基础上使用这个技巧, 我们把负面情况放在靠前的平次判定处理, 如果处理中途出现过多嵌套, 那就提炼抽离, 把正面条件放最后: function justice(e) { if(e.length === 2) { return 2; } if(e.length === 3) { return 3; } if (e.length < 5) { return false; } for(let i = 0; i < e.length; i++) { console.log(e); } } 截取最近项目里的代码作为例子, 现在有两个world, 一个新一个旧, 如果需要让旧world的视图更新, 那么需要将新world的world.webglGroup.children内的元素部分替换, 其他除world.frameInfo外也要全替换. async changeWorld(oldFrame, newWorld) { for (const key in newWorld) { if (key === 'frameInfo') { } else if (key === 'webglGroup') { for (const pro in newWorld[key]) { if (pro === 'children') { this.worldList[oldWorldIndex][key][pro] = this.worldList[oldWorldIndex][key][pro].filter((ele) => { return ele.type !== 'Group' }); this.worldList[oldWorldIndex][key][pro].push(...newWorld[key][pro].filter((ele) => { return ele.type === 'Group' })); } else { this.worldList[oldWorldIndex][key][pro] = newWorld[key][pro]; } } } else { this.worldList[oldWorldIndex][key] = newWorld[key]; } } } 以上是初版, 现在用Extraction提炼和Inversion反转去尝试降低嵌套深度: 先把world.webglGroup.children局部替换的代码提炼为replace, 已知world.frameInfo不需要替换, 那么正常的负面条件写法应当为key === 'frameInfo', 但即便如此key === 'frameInfo'和key === 'webglGroup'也是必须用else if处理的, 如果改成平次if又不能终止执行, 那么这两个特殊条件在一轮循环中都会被执行. 本着要把正面条件处理方案写最后的原则, 直接在最后一个特殊条件不满足(按照上文所述写法, 最后一个特殊条件不满足说明前面所列特殊条件均不满足)时执行正面条件处理方案. else if (key !== 'frameInfo') { this.worldList[oldWorldIndex][key] = newWorld[key]; } async changeWorld(oldFrame, newWorld) { let oldWorldIndex = this.worldList.findIndex((w) => w.frameInfo.frame === oldFrame); const replace = () => { this.worldList[oldWorldIndex][key]['children'] = this.worldList[oldWorldIndex][key]['children'].filter((ele) => { return ele.type !== 'Group'; }); this.worldList[oldWorldIndex][key]['children'].push(...newWorld[key]['children'].filter((ele) => { return ele.type === 'Group'; })); } for (const key in newWorld) { if (key === 'webglGroup') { replace(key); } else if (key !== 'frameInfo') { this.worldList[oldWorldIndex][key] = newWorld[key]; } } return this.worldList[oldWorldIndex]; } 只是判定需求不同罢了. 上面这种写法是在所有负面条件不满足时执行正面条件处理方案. 前面反转的例子是在任意负面条件不满足时结束执行. 但遵循两种优化手段的原则都可以实施优化. 到此这篇关于JavaScript避免嵌套代码浅析的文章就介绍到这了,更多相关JS避免嵌套代码内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！ -
庄园领主发售日期
近期游戏庄园领主公布了其发售时间，可能有的小伙伴们不太清楚庄园领主什么时候发售，下面小编就为大家带来了一篇庄园领主发售日期介绍，感兴趣的小伙伴们快来看看吧! 庄园领主发售日期 答：游戏庄园领主计划于2024 年 4 月 26 日发售。 《庄园领主》是一款中古时期策略游戏，具备深入详尽的城市建造、富有战术深度的大规模战斗，以及复杂的经济和社会模拟。以中古时期领主的身份统治你的土地——坐看季节更迭，天气变化，城市兴衰。 游戏介绍： 《庄园领主》是一款策略游戏，让你体验中古时期领主的生活。使你的起始村庄成长为繁华的城市，管理资源和生产链，并通过征服来扩张你的土地。 《庄园领主》受十四世纪法兰克尼亚艺术及建筑启发，尽可能忠实呈现历史，以此为游戏机制和视觉效果的特色。为追求准确还原历史并使游戏世界给人真实、生动而可信的感觉，本游戏避免用到常见的中古时期修辞。 生动的城市建造： 《庄园领主》提供无网格的城市建造体验，建设时可以完全自由地放置和改变建筑朝向。建筑机制依照真实的中古时期城镇和村庄的发展方式进行，主要贸易路线和地形会影响你的领地如何成型和发展。 从中央市场向外扩展，根据土地的天然形势建造住宅区、商业区，以及工业区。根据土地肥沃程度建立农场，根据动物数量设置猎场，并且确保矿产和森林资源，以提供发展所需的原料。 指定居住的区域，看着你的居民根据历史上的土地保有权划分系统来建造自己的家。每个地区都根据你的道路和规划的空间分割成次级区域，住家也会随之扩大规模。 在较大的住家后方进行扩建，用来生产无法以其他方式取得的收入和资源。屋主不仅仅会缴税，他们还会种菜，以及饲养鸡和羊，通过生产一些农场、牧场和工业无法供应的产品来满足自己和其他居民的基本需求。 引导你的领地完成每个季节的独特要求和机会，享受春雨带来的丰盛赐予，为寒冬的霜雪做准备。 资源管理： 从靴子到大麦和毛皮，再到蜂蜜，《庄园领主》有庞大、多样化并且符合时代的货物。原料必须经过运送，通过生产链处理成为加工成品。你必须在人民的需要和生产奢侈品的欲望之间达到平衡，以确保人民满意度、生产足够的贸易货物以供外销，并保证武器和盔甲的铸造来为你的征战提供助力。 资源分布在地图各处，以鼓励你扩张并建立多处专业化的聚落。从采矿殖民地开采珍贵矿石，而专门从事农业、畜牧或狩猎的村庄则为不断增长的人口提供必要的谷物和动物制品。 毫无节制的扩张会对环境造成直接的影响。鹿群会迁徙远离不断侵占土地的人类活动，缺少作物轮作会使土地变得贫瘠，过度砍伐会导致森林消失。 你也可以将多馀的货物出售给商人，或建立属于你自己的贸易路线。制造和出口高品质货物可以带来财富，供你升级城市、付税给君主、雇用雇佣兵，以及解锁新工业、产品和工具的技术。 中古世纪战争： 你的领地只不过是你的君主的广阔领土中的一小片土地，而你和邻近领主之间的竞争野心将不可避免地产生冲突。你将带领你的人民参与战斗，但他们并不是可以轻易被替换的炮灰部队，而是你亲爱的忠诚子民，死亡的每一个人都是需要你再三思量的代价。 你可以训练一批精英战士，和以城镇民兵组成的军队并肩作战。有时候这些士兵必须镇压叛乱或扫荡盗匪，而有些时候，你将率领你的手下踏上战场，以征服或守卫领土。在必要时，你也可能需要以昂贵的雇佣兵来填补你的队伍。 完善的外交系统让你可以和其他领主沟通，利用影响力或威胁左右他们的行动。这些彼此竞争的领主都有各自的目标，也会对你的位置虎视眈眈;你如何回应他们的提议或侮辱，会决定结果是战争还是和平。 指挥即时战术战斗，疲劳度、天气状况和装备都要纳入考量。用智谋部署部队的位置——若是指挥得当，就能以寡击众。 即使获胜，你也会感受到战争的代价，因为每一位阵亡的士兵都代表你的城镇失去了一位居民。惨胜可能给经济带来极大的打击，或使你在下一个冬天不得不定量配给粮食和柴火才能让你的城镇生存下去。 手工打造： 本游戏是一个因热情而生的计划，由一名开发者独立进行开发。你可以和我联络，分享你的意见、想法及批评————我会倾听你的意见。 那么以上就是关于庄园领主发售日期的全部内容了，希望能为各位玩家们带来帮助，想要了解更多游戏攻略及资讯请持续关注阿里西西游戏。 -
HAWKED上线日期一览
在HAWKED这个游戏中，你将与伙伴组队去探索一座神秘的小岛，与怪物战斗，解开谜题，智取敌人，并带着古代宝藏逃出生天。本期阿里西西小编给大家带来的是HAWKED上线日期一览，感兴趣的小伙伴阿里西西小编带大家一起来看看吧。HAWKED上线日期一览开发商兼出版商MY.GAMES近日宣布，免费大逃杀游戏HAWKED的EA版将于今年11月30日在Steam上架抢先体验版，并将于2024年初推出PlayStation 5、Xbox Series、PlayStation 4和Xbox One版本。开发商制作人Anty Duthie在一份新闻稿中表示：“我们希望游戏开发中有一个开放和互动的过程，把玩家对游戏的反馈放到一个中心位置。在游戏公测版获得积极评价之后，我们认为EA版也是一个很重要的部分。我们希望继续努力，让HAWKED成为市场上最有趣、最受玩家喜爱的射击游戏。”HAWKED是一款免费的在线PvPvE夺宝射击游戏。与伙伴组队去探索一座神秘的小岛，与怪物战斗，解开谜题，智取敌人，并带着古代宝藏逃出生天!以上就是HAWKED上线日期一览的内容了，希望可以帮到喜欢这个游戏的小伙伴，更多精彩内容请关注阿里西西游戏。
