小编joe*_*ews的帖子

什么是暂时死区?

我听说在初始化之前访问letconst值可能会导致ReferenceError因为称为时间死区的东西.

什么是暂时死区,它与范围和吊装有什么关系,以及在什么情况下遇到?

javascript const let ecmascript-6

128
推荐指数
3
解决办法
2万
查看次数

108
推荐指数
5
解决办法
5万
查看次数

触发附加元素的CSS转换

正如这个问题所观察到的那样,新添加的元素上的立即CSS转换以某种方式被忽略 - 转换的结束状态立即呈现.

例如,给定此CSS(此处省略前缀):

.box { 
  opacity: 0;
  transition: all 2s;
  background-color: red;
  height: 100px;
  width: 100px;
}

.box.in { opacity: 1; }
Run Code Online (Sandbox Code Playgroud)

此元素的不透明度将立即设置为1:

// Does not animate
var $a = $('<div>')
    .addClass('box a')
    .appendTo('#wrapper');
$a.addClass('in');
Run Code Online (Sandbox Code Playgroud)

我已经看到了几种触发转换以获得预期行为的方法:

// Does animate
var $b = $('<div>')
    .addClass('box b')
    .appendTo('#wrapper');

setTimeout(function() {
    $('.b').addClass('in');
},0);

// Does animate
var $c = $('<div>')
    .addClass('box c')
    .appendTo('#wrapper');

$c[0]. offsetWidth = $c[0].offsetWidth
$c.addClass('in');

// Does animate
var $d = $('<div>')
    .addClass('box d')
    .appendTo('#wrapper');
$d.focus().addClass('in');
Run Code Online (Sandbox Code Playgroud)

相同的方法适用于vanilla …

javascript css dom css3

64
推荐指数
6
解决办法
2万
查看次数

如何用javascript一个接一个地写一个元素?

我需要在一个接一个地附加一个元素onclick(textarea).

我怎么做?

javascript element

36
推荐指数
3
解决办法
5万
查看次数

为什么nodejs不支持Web Audio API?

我理解Web Audio API是客户端功能,但nodejs基于ECMAScript的V8 Chrome客户端实现,其中包括Web Audio API.
为什么nodejs中没有完全支持Web Audio API
是因为AudioContext基于全局窗口对象吗?
我在这里错过了一点吗?
是否有计划在将来提供它?

javascript html5 node.js web-audio-api

12
推荐指数
1
解决办法
4140
查看次数

JavaScript:使用严格模式在try/catch中定义一个常量

今天我遇到了一个奇怪的JS错误,const在try/catch块里面工作,我想更好地理解导致它的原因.

让我们看一个代码示例,值得超过千言万语:

try {
  const FOO = 'bar';
  console.log('inside:', FOO);
} catch (e) {}
console.log('outside:', FOO);
Run Code Online (Sandbox Code Playgroud)

这将记录:

inside: bar
outside: bar
Run Code Online (Sandbox Code Playgroud)

如果我们切换到"严格模式",但:

'use strict';
try {
  const FOO = 'bar';
  console.log('inside:', FOO);
} catch (e) {}
console.log('outside:', FOO);
Run Code Online (Sandbox Code Playgroud)

现在相同的代码会产生错误:

ReferenceError: FOO is not defined
Run Code Online (Sandbox Code Playgroud)

如果我们改变constvar:

'use strict';
try {
  var foo = 'bar';
  console.log('inside:', foo);
} catch (e) {}
console.log('outside:', foo);
Run Code Online (Sandbox Code Playgroud)

然后一切正常,即使在"严格模式":

inside: bar
outside: bar
Run Code Online (Sandbox Code Playgroud)

任何人都可以帮助我理解为什么const在"严格模式"下,赋值在try/catch块中不起作用?

谢谢!

javascript const try-catch strict ecmascript-6

9
推荐指数
1
解决办法
3129
查看次数

除第一个字母外,如何选择文字?

我知道::first-letter选择块级元素的第一个字母.

如何选择除第一个字母以外的所有文字?

我试过:not(::first-letter)但没有选择任何东西.

css css-selectors pseudo-element

8
推荐指数
1
解决办法
1248
查看次数

为什么交叉类型可以包含冲突类型?

给定两个具有冲突成员类型的接口:

interface A { x: number }
interface B { x: string }
Run Code Online (Sandbox Code Playgroud)

无法定义扩展以下两者的接口:

interface I extends A, B
// error TS2320: Interface 'I' cannot simultaneously extend types 'A' and 'B'.
// Named property 'x' of types 'A' and 'B' are not identical.
Run Code Online (Sandbox Code Playgroud)

可能的,以限定包括交叉路口类型AB

let c = A & B
type C = A & B 
// no type errors
Run Code Online (Sandbox Code Playgroud)

虽然无法创建这种类型的实例:

let withNumber: C = { x: 10 }
error TS2322: Type '{ x: …
Run Code Online (Sandbox Code Playgroud)

typescript

7
推荐指数
1
解决办法
2184
查看次数

编写IIFE的不同方法有哪些?他们的用例是什么?

我已经开始阅读本书了.第2章说,编写IIFE有不同的方法:

!function (){}() 
~function (){}() 
+function (){}() 
-function (){}()
new function (){} 
1,function (){}() 
1&&function (){}() 
var i=function (){}()
Run Code Online (Sandbox Code Playgroud)

作者说:

每个表现形式都有其独特的品质和优势 - 一些具有较少的字节,一些更安全的连接,每个有效和每个可执行文件.

我是JS的新手.我知道IIFE是什么,但这些IIFE形式究竟做了什么?

javascript function iife

6
推荐指数
1
解决办法
533
查看次数

如何在括号中设置jslint ES6指令?

我收到此错误:“期望标识符,而不是看到'const'”,我使用方括号文本编辑器。我找到了这个答案:“您需要指定es6指令。请参见JSLint帮助”。但是我无法弄清楚如何在括号中指定es6指令。这是我的代码:

const singleQuotes = '<p>Single quotes</p>';
const doubleQuotes = "<p>Double quotes</p>";
const stringLiterals =  `<p>String literlas</p>`;

const result = singleQuotes + doubleQuotes + stringLiterals;
document.querySelector('.basic').innerHTML = result;
Run Code Online (Sandbox Code Playgroud)

感谢您的帮助。如果我使用var,效果很好。

javascript jslint adobe-brackets

6
推荐指数
1
解决办法
7635
查看次数