Tag: 孩子

通过childNodes循环: 我试图通过像这样的childNodes循环： var children = element.childNodes; children.forEach(function(item){ console.log(item); }); 但是，它输出Uncaught TypeError: undefined is not a function由于forEach函数， Uncaught TypeError: undefined is not a function函数。我也尝试使用children而不是childNodes但没有任何改变。有人知道发生了什么事吗？

适合7岁的环境: 我7岁想学习，如何编程？（他的想法不是我的，他在外面做的事情，所以我从这个angular度不是太担心，他已经把我的办公室里的一本游戏编程书拿去睡觉了。）有一天，我们坐下来写了一个非常简单的数字猜测游戏（你select了8，这是正确的，其他任何错误）。它没有问题，但是他根据语言的语法有许多问题。（我碰巧select了Java，因为我当时打开了IDE）。我教授大专以上的入门编程课程，所以这让我大开眼界（大多数高中生都不愿提问）我真的不得不弄清楚，如何解释一个7岁的语法？显然，任何C语言都会遇到同样的问题，就像大多数“语言”一样。我看着吱吱，但决定不使用它。我看着爱丽丝的环境，但也不喜欢这个。从物理angular度来看，他对键盘/鼠标非常舒适，并且可以相对容易地将乐高（Lego）组合在一起（所以下面的方向以一个有趣的结果适用于他）。我可以使用乐高NXT，但他仍然有点年轻（即使在提供的graphics环境下，查看工作结果也需要很长的时间）。理想情况下，我希望这些经验帮助他build立对math和逻辑的信心（如果一个七岁的孩子有逻辑:-)。我记得小时候使用龟graphics/标志。我倾向于这个，但想知道是否有任何其他的想法，或者如果有人可以推荐一个良好的标志环境？编辑1：徽标运作良好。我需要教他angular度的概念（90度，180度）。不幸的是，他们并没有真正在学校做师，所以angular度可能会很有趣。首先画一个方块： FORWARD 50 RIGHT 90 FORWARD 50 RIGHT 90 FORWARD 50 RIGHT 90 FORWARD 50 RIGHT 90 稍后我会进入循环： REPEAT 4 [ FORWARD 50 RIGHT 90 ] 然后variables： make "length 50 REPEAT 4 [ FORWARD :length RIGHT 90 ] […]

关于开始编程的build议: 你认为从编程开始的年轻人应该在现代使用什么语言和工具？我们很多人开始使用专有的基础知识，他们并没有做我们所有的长期伤害:)但是鉴于你从那时起的经验，你现在的知识领域有更好的select？这个问题有相关的疑问，比如“ 教授初学者的最佳方法？ ”和“关于开始成年人编程的一个build议 ”，我都提交了答案，但是孩子可能需要不同的工具。披露：对于这样的问题，select一个“正确的”答案是很难做到的，所以谁能在几天内得到最好的分数，就可以根据社区的select得到我最好的答案。

在WPF中设置嵌套元素的样式: 假设你有一个嵌套的元素结构，例如一个带MenuItems的ContextMenu： <ContextMenu Style="{StaticResource FooMenuStyle}"> <MenuItem Style="{StaticResource FooMenuItemStyle}"/> … </ContextMenu> 您可以轻松地将样式或模板应用于ContextMenu或MenuItem元素。但是，如果MenuItem样式属于Menu样式，将其添加到每个MenuItem元素是非常麻烦和冗余的。有没有办法将这些自动应用到子元素？所以你可以简单的写下这个： <ContextMenu Style="{StaticResource FooMenuStyle}"> <MenuItem/> … </ContextMenu> 如果FooMenuStyle可以包含MenuItem元素的样式，这将是整洁，但似乎不可能。编辑：菜单的例子可能是误导，因为我不知道ItemContainerStyle和意图是一个通用的解决scheme。基于这两个答案，我提出了两个解决scheme：一个通用的变体和一个ItemContainerStyle等： <Style x:Key="FooMenuItem" TargetType="{x:Type MenuItem}"> … </Style> <Style x:Key="FooMenu" TargetType="{x:Type ContextMenu}"> <!– Variant for specific style attribute –> <Setter Property="ItemContainerStyle" Value="{StaticResource FooMenuItem}"/> <!– General variant –> <Style.Resources> <Style TargetType="{x:Type MenuItem}" BasedOn="{StaticResource FooMenuItem}"/> </Style.Resources> </Style> […]

Jquery $（this）子select器: 我在页面上使用这个： jQuery('.class1 a').click( function() { if ($(".class2").is(":hidden")) { $(".class2").slideDown("slow"); } else { $(".class2").slideUp(); } }); 随后页面中的结构将如下所示： <div class="class1"> <a href="…">text</a> <div class="class2">text</div> </div> 这工作正常，除非你有multipl class1 / class2像这样： <div class="class1"> <a href="…">text</a> <div class="class2">text</div> </div> <div class="class1"> <a href="…">text</a> <div class="class2">text</div> </div> <div class="class1"> <a href="…">text</a> <div class="class2">text</div> </div> 如何更改最初的jQuery代码，以便它只影响当前class1下的class2被点击？我已经尝试了本页面推荐的变体：如何获取$（this）select器的子元素？但还没有得到它的工作

jQuery的，如果div id有孩子: 这个if是条件是什么给了我麻烦： if (div id=myfav has children) { do something } else { do something else } 我尝试了以下所有内容： if ( $('#myfav:hasChildren') ) { do something } if ( $('#myfav').children() ) { do something } if ( $('#myfav:empty') ) { do something } if ( $('#myfav:not(:has(*))') ) { do something }

幼儿园职业日：20分钟如何演示编程？: 原来的问题我被邀请到我的大女儿的幼儿园小组来谈论和回答关于我的职业的孩子的问题。这个小组有26个4-6岁的孩子，还有3个老师对程序devise和IT本身都非常害怕，但是大胆地学习新的技巧。我将有大约20-30分钟，没有投影仪或任何东西。他们有一台旧电脑，看起来可能是486，我甚至不确定它是否在运行（更新：不是）。我的研究出现了很好的线索，有很多好的提示：你如何解释你的工作到5岁？职业日：我如何让“电脑程序员”对8岁的孩子声音冷静？什么事情我可以教一群孩子在一天的编程？然而，我的情况与上述不同：后者是关注大一点的孩子，而第一种是和一个孩子（或老人）说话 – 一个20人是一个完全不同的挑战。我怎样才能以有趣的方式教孩子们和他们的老师呢？基于答案的计划感谢所有惊人的答案，伙计们:-)我不认为接受一个答案是有道理的，但是我最喜欢Jim，正如大多数SOers显然做的那样。然而，许多其他的答案包含有用的提示和想法（其中一些我肯定会在未来的职业生涯中在学校使用…）。我把一个粗略的计划放在一起：简单地解释一下编程是什么，就像这个答案一样。告诉电脑无处不在，并与孩子们收集例子（如下面几个答案中所build议的）。吉姆用三明治做了介绍如果时间允许，进一步build设：解释说，计算机的优势在于，他们确切地记得曾经教过的东西（并且通过准备第二个三明治来重现它，重复第一次尝试的所有错误）有第二轮试图修复过程中的错误解释循环的概念：你可以让计算机用一条指令准备n三明治这是我的计划 – 我很确定它会变得非常不同，所以我会根据情况即兴发挥。演示文稿预定在大约2周的时间内 – 我将在之后更新post，并告诉它如何实际上… 结果最后，演讲的当天到了今天……简而言之，一切顺利，这是一个巨大的成功:-) 这一次，这个小组变得十分焦躁不安，所以偶尔有点混乱。我不得不把它切短，去大三明治制作展。就像吉姆所描述的，孩子们喜欢它。但是有一个不可预见的副作用：第一片面包终于准备好了，大家都想吃！所以有一段时间 – 我试图跟上谈话，解释更多关于编程的内容 – 我们不得不与幼儿园的老师们一起安装一个紧急服务线，生产大量的果酱面包，喂饱饥饿的人群（这是一半早餐一小时后，logging:-)。然后我们用完面包，这显然意味着演示的结束。清理垃圾后，爆发出最大的一阵笑声，孩子们注意到那个可怜的电脑踩了一块毁坏了他的袜子的桔子酱:-) 老师自己也给予了非常积极的印象 – 从反馈来看，这是迄今为止这个组中最好最有趣的职业生涯。再次感谢你们所有的伟大创意！事情可以改善（下次）：当我问“你认为电脑是聪明的吗？”时，他们大多回答“不”。然后我问谁认为电脑是聪明的，为什么。但是我忽略了问谁认为电脑是愚蠢的，为什么 – 因此我想我错过了一些潜在的有趣的答案。 […]

父母与孩子的位置固定，父母溢出：隐藏的错误: 我不知道是否有问题，但我想知道为什么overflow:hidden在fixed父/子元素上不起作用。这是一个例子： CSS和HTML： .parent{ position:fixed; overflow:hidden; width:300px; height:300px; background:#555; } .children{ position:fixed; top:200px; left:200px; width:150px; height:150px; background:#333; } <div class="parent"> <div class="children"> </div> </div> 现场演示： jsFiddle

获得子节点的最佳方法: 我想知道，JavaScript提供了各种方法来获取任何元素的第一个子元素，但哪个最好？我最好的意思是：大多数跨浏览器兼容，最快，最全面和可预测的行为。我用作别名的方法/属性列表： var elem = document.getElementById('container'); var child = elem.children[0]; var child = elem.firstElementChild; // == children[0] 这适用于这两种情况： var child = elem.childNodes[0]; // or childNodes[1], see below 这是在forms，或<div>迭代的情况下。如果我可能遇到文本元素： var child = elem.childNodes; // treat as NodeList var child = elem.firstChild; 据我firstChild ， firstChild使用childNodes的NodeList， firstElementChild使用children 。我在MDN参考基础上的这个假设： childNode是对元素节点的第一个子元素的引用，如果没有，则为null 。我猜测，就速度而言，如果有的话，差异将firstElementChild没有，因为firstElementChild是firstElementChild children[0]的引用，并且children对象已经在内存中。什么引起我，是childNodes对象。我用它来查看一个表格元素。当children列出所有的表单元素时， […]