草庐IT

结构设计

全部标签

javascript - 如何将对象数组内的嵌套数组中的数据推送到新数组?同时保持其嵌套结构

我有一个包含多个对象的数组。这些对象还包含这样的对象数组:constdata=[{id:1,name:"Jack",interests:[{id:9,name:"basketball"},{id:8,name:"art"}]},{id:2,name:"Jenny",interests:[{id:7,name:"reading"},{id:6,name:"running"}]}];我想像这样将两个兴趣数组推送到一个新数组中:newArray=[[{id:9,name:"basketball"},{id:8,name:"art"}],[{id:7,name:"reading"},{id:6

javascript - 如何在 jQuery Mobile 多页面模板结构中将第二页显示为默认页面?

如何在jQuery移动多页面模板结构中将第二页显示为默认页面?FooI'mfirstinthesourceordersoI'mshownasthepage.HomeI'mthesecondinthesourceordersoI'mhiddenwhenthepageloads.I'mjustshownifalinkthatreferencesmyidisbeeingclicked.BarI'mthesecondinthesourceordersoI'mhiddenwhenthepageloads.I'mjustshownifalinkthatreferencesmyidisbeeingc

javascript - JQuery JavaScript 设计 : Self Executing Function or Object Literal?

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我很好奇在构造封装代码块时是否有任何与JQuery相关的最佳实践。通常,当我构建一个页面时,我喜欢将该页面中使用的函数封装在一个对象中。这允许我在构建应用程序时进行一些封装。没有什么比看到带有一堆这样的JavaScript文件更让我讨厌的了functiondoSomethingOnlyRelevantOnThisPage(){//dosomestuff}这会导致设计困惑,并且没有很好地封装

javascript - 将 HTML DOM 结构转换为 JSON

我在这上面浪费了很多时间..递归部分很虚幻。对于给定的HTML结构,深度未知,我需要转换为JSON。(我在我正在构建的一些YAMLi18n翻译系统中使用它)我的一般想法是深入直到找到INPUT,然后创建一个具有span.innerHTML/input.value的键/值的对象,并返回对象,因此它将是最后一个KEY的值达到。(是的,有点复杂但是开发起来很有趣)JSBINplayground-实时代码示例我无法让我的递归函数正常工作,无法输出我想要的JSON...HTML结构footerstatementlandingpage_titlepage_sub_titlepricingtitle

javascript - 检查 JavaScript 对象是否已更改的设计模式

我从服务器获取一个对象列表[{name:'test01',age:10},{name:'test02',age:20},{name:'test03',age:30}]我将它们加载到html控件中供用户编辑。然后有一个按钮可以将整个列表批量保存回数据库。我不想发送整个列表,而是只想发送已更改的对象子集。它可以是数组中任意数量的项目。我想做一些类似于Angular这样的框架,在没有对它进行任何更改时将对象属性标记为“原始”。然后使用该标志仅向服务器发布不是“原始”的项目,即已修改的项目。 最佳答案 下面是一个函数,当提供旧的对象数组/对

javascript - ~[] 结构在 JavaScript 中是如何工作的?

我遇到了一段我无法解释的有效JavaScript代码。例如:+[]===0-[]===0~[]===-1~-~[]===-2~-~-~-~-~[]===-5~-~-~-~-~[]+~[]===-6~+~[]===0~+~+~[]===-1~+~+~+~[]===0你能解释一下这些表达式的逻辑吗? 最佳答案 []是一个空数组对象,所以:+[]:强制空数组为正整数,即0,即===为0-[]:强制空数组为负整数,也就是0,即===为0~[]:按位非空数组,计算结果为-1,即===为-1~-~[]:取反空数组的按位非:~-(-1)->~1-

javascript - Google Apps 脚本中的集合和数据结构

GoogleSheets的脚本编辑器好像是JavaScript的一个变体,但我不知道如何用它来处理Sets、字典等。我已经知道如何使用JSArrays,但Arrays不是足以完成我的任务。通过正常方式声明一个Set(即varcategoryOptions=newSet(String);给我一个“Setisnotdefined”错误。使用varcategoryOptions={};不允许我使用任何内置的Set函数,例如add。相反,我得到:“TypeError:无法在对象[objectObject]中找到函数添加。”有什么专业建议吗? 最佳答案

javascript - 如何为响应式设计禁用 javascript

我一直在为我网站的幻灯片背景使用超大型jQuery。我正在使网站响应并使用css媒体查询。我希望能够在低于480像素时禁用脚本。这是实际slider背景的脚本$(document).ready(function(){jQuery(function($){$.supersized({//Functionalityslideshow:1,//Slideshowon/offautoplay:0,//Slideshowstartsplayingautomaticallystart_slide:1,//Startslide(0israndom)stop_loop:0,//Pausesslides

javascript - JavaScript 中的设计模式有用吗?它们到底是什么?

我一直在学习越来越多的javascript;这是我工作的必需品。我们有一个使用大量javascript的Web应用程序,我每天都会做越来越多的事情。我已经阅读了关于设计模式的点点滴滴,但想知道是否有人可以给我一个简明扼要的例子和定义。它们对我有好处吗?还是级别更高? 最佳答案 设计模式是通用的,通常是对众所周知的编程问题的优雅解决方案。在不知道您正在处理什么问题的情况下,我会说"is",它们可以帮助您的代码更易于管理。Thislink和thislink引用Javascript中的设计模式。它们可能值得回顾。

javascript - 非常大的单页应用程序设计问题

我目前正在编写一个非常非常大的单页web/javascript应用程序。我使用的技术是ASP.NETMVC4、jquery、knockout.js和amplify.js。我遇到的问题是,大多数(如果不是全部的话)单页应用程序示例都是针对较小的应用程序的,其中所有脚本模板(无论是jquery、handlbars等...)都在同一个文件中与其余的html代码。这适用于较小的应用程序,但我正在构建的应用程序是一个完整的维护物流应用程序,有很多很多屏幕。到目前为止,我采用的方法是我有一个外壳(我的主要index.cshtml文件),并且我正在使用jquery的load()方法来加载或更确切地说