- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有这样的代码使用 jQuery 终端:
function show() {
for (var i = 0; i < 100; ++i) {
this.echo('line ' + i, {
flush: false
});
}
this.flush();
setTimeout(function() {
//this.flush();
}, 0);
}
var term = $('body').terminal({
show: show
}, {
onBlur: function() {
return false;
},
onInit: function(term) {
show.apply(term);
}
});
在这个 codepen 里面在我水平调整浏览器窗口的大小之前,线条不会显示出来。当我将 flush 放入 setTimeout 0 时它起作用了:
setTimeout(function() {
term.flush();
}, 0);
当我在本地服务器上运行相同的代码(没有 setTimeout)时它工作正常。我还尝试将代码嵌入到 iframe 中,它也按预期运行。还有其他事情,当我执行命令 show(键入 show 并按回车键)时,执行的命令和提示被添加到末尾(在 echo 添加的行之后),但是当我调整窗口大小时,它们按原样放置在行之前。
有人知道为什么会这样吗?为什么代码在本地和 codepen 中的执行方式不同?
我尝试在 jquery.terminal-src.js 文件中设置断点,但没有弄清楚为什么 flush 不显示行。当我单步执行代码时,调用 flush 时 output_buffer 数组似乎为空,但不知何故,当我调整窗口大小时并执行调整大小方法时,这些行会出现。
最佳答案
我相信这是因为 echo
函数是异步的。它在内部使用 Deferred
并记录为
// :: it use $.when so you can echo a promise
// -------------------------------------------------------------
echo: function(string, options) {
由于 Codepen 开销导致的竞争条件(由 codepen 执行生成的代码:注意自动添加的 window.CP
行)
for (var i = 0; i < 100; ++i) {
if (window.CP.shouldStopExecution(1)) {
break;
}
this.echo('line ' + i, { flush: false });
}
this.flush();
setTimeout(function () {
}, 0);
window.CP.exitedLoop(1);
然后碰巧 echo
的 JQuery Deferred
的 resolve
被“立即”执行但异步被触发 在调用flush
之后。因此,冲洗在那个时候不会冲洗任何东西。
设置 setTimeout
对 flush
进行排队,使其在 echo
之后发生。
在我看来,如果他们将 deferred 用于 echo(或任何方法),他们应该对齐所有方法来这样做。因此,flush 也应该使用 deferred,然后将被排队并按顺序解析。
调整窗口大小只是在之后强制刷新,这就是它显示的原因。
顺便说一句,对象的创建似乎也被推迟了。因此,如果您在 show
方法(而不是在 setTimeout 中)中使用变量 term
,您会注意到它尚未初始化并会导致错误。这意味着在变量赋值之前调用 show 函数。这是异步混淆的另一个原因。
关于javascript - 我的代码在本地和在 codepen 或 plunker 中的执行方式不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41075853/
是否可以将 CodePen 中的笔嵌入到没有默认框架/导航栏的网站中?换句话说,是否有可能摆脱笔顶部和底部的横条?谢谢! 最佳答案 您可以像这样在嵌入式代码片段上设置数据属性来实现 - data-sh
当我在 IE 10 或 11 的 codepan 中打开它时,这段代码有效,但当我尝试在 jsfiddle 或 IE 10 或 11 的任何地方执行相同操作时,它不起作用。我已经尝试过复制/粘贴和导出
因此,每当您在 Codepen 上创建笔时,它都会为您的笔分配一个屏幕截图,作为缩略图在您的仪表板中代表该笔。 但我面临的问题是,当我更新笔(或更改其外观)时,与笔关联的缩略图也应该更新,但情况并
我将此复选框设计得看起来像一个开关。我想在其中添加“ON”和“OFF”一词。这就是我遇到的麻烦。 这是代码笔:http://codepen.io/anon/pen/BKMErO CSS: .switc
我正在尝试控制台记录一个应该包含数组的变量。但是,在 Codepen 中,它返回一个空数组。我期待它返回列表项的内容。 这是 Codepen连同一些代码片段: 顺便说一句,这是一个 React 项目,
我有这支笔:https://codepen.io/dteiml/full/PNMwZo使用以下 JavaScript 代码: $('#getWeather').on('click', function
我正常使用 codepen,我正在将 imgur 图片链接到 imgur 或 GoogleDrive,它们都可以工作,但一段时间后它们不再出现,这可能是什么?已配置为公开访问。 最佳答案 来自 im
我在 Codepen 上有这段代码: body { width: 100px; height: 100px; background-color: #eee; background-im
我正在尝试用 html 和 css 做我的第一个元素,但遇到了一些麻烦。我正在练习使用 codepen,我的画廊进展顺利,但我正在尝试添加最后一行图像,它似乎把一切都搞砸了,我不知道为什么。有人介意看
我刚刚偶然发现了一个代码笔 demo .然后代码在 codepen 窗口中工作正常。当我将它复制到本地 HTML 文件时,它停止工作了。这是所有组合在一个 .html 文件中的代码 body
我有一个代码字体图标动画 我的问题是当我在本地服务器动画中运行时它不起作用 它只在 http://codepen.io/TimPietrusky/pen/ELuiG 中起作用 甚至尝试过 http:/
我正在尝试将图像和声音文件链接到我的 Code pen link使用下拉框共享链接。
我尝试将 CodePen(来自 codepen.io)添加到我的网页,但它没有按照我想要的方式显示。它只显示文本:'See the Pen ... on CodePen'。 The picture I
我正在尝试在同一个容器中制作 8 张产品卡片,我正在按照以下示例进行操作: https://codepen.io/virgilpana/pen/RNYQwB 但是当我尝试添加第二张、第三张等卡片时,动
尝试在我的笔中使用样式组件 https://codepen.io/mxshrv/pen/aMXvQd , 但出现错误 Cannot use 'in' operator to search for 'd
我正在阅读ReadmoreJS我很高兴能在 CodePen 上尝试一下。然而,当我阅读网站上的说明并在CodePen上实现一些代码时,它根本不起作用。这是我的CodePen的链接查看代码。在 JS 选
这是一个工作的 CodePen,当我将整个代码导出到本地 JS HTML 和 CSS 文件时,它不起作用...... https://codepen.io/pixy-dixy/pen/mYxLpR 我
很抱歉问了这个愚蠢的问题,但我想知道如何使这个 javascript 成为我网站的背景。对于 JavaScript 来说相对较新,我不太确定如何将其实现为背景。 代码笔链接: '''https://c
我只是想将自定义文本放在倒计时圆圈的中心,但我不知道如何替换当前位于中心的数字和文本。 Codepen 链接: http://codepen.io/anon/pen/zqjdRg 示例代码:
我正在使用 jQuery 并使用 JSON 在 Codepen.io 中制作一个简单的项目。 我想从对象数组中选择一个随机索引,为此我使用 getRandomArbritary 函数。 但是,在 co
我是一名优秀的程序员,十分优秀!