我有一个包含多个类的元素,我想在数组中获取它的css类.我该怎么做?像这样的东西:
var classList = $(this).allTheClasses();
Run Code Online (Sandbox Code Playgroud) 如何使用javascript制作一些克隆<div>
并将其ID设置为与原始ID不同.Jquery也会很好.
我对目前关于将async函数和关键字添加await
到下一个EcmaScript的讨论感到困惑.
我不明白为什么有必要在async
关键字之前使用function
关键字.
从我的观点来看,await
关键字等待发电机或承诺的结果做一个函数的return
应该是足够的.
await
应该在普通函数和生成器函数中简单可用,无需额外的async
标记.
如果我需要创建一个函数作为结果应该可用await
,我只需使用一个promise.
我的理由是这个很好的解释,下面的例子来自:
async function setupNewUser(name) {
var invitations,
newUser = await createUser(name),
friends = await getFacebookFriends(name);
if (friends) {
invitations = await inviteFacebookFriends(friends);
}
// some more logic
}
Run Code Online (Sandbox Code Playgroud)
它也可以作为普通函数完成,如果函数的执行将等待完成孔函数,直到满足所有等待.
function setupNewUser(name) {
var invitations,
newUser = await createUser(name),
friends = await getFacebookFriends(name);
if (friends) {
invitations = await inviteFacebookFriends(friends);
}
// return because createUser() and getFacebookFriends() …
Run Code Online (Sandbox Code Playgroud) 例如:
$product = new Product("cat");
if(isset($sales[$product])){
$sales[$product]++;
}
else{
$sales[$product] = 1;
}
Run Code Online (Sandbox Code Playgroud) 试图查看是否有任何javascript库功能可以合并两个json对象的特定键的值
var x ={ "student-marks":{'math':1,'physics':5} };
var y ={ "student-marks":{'chemistry':3,'history':2} };
Run Code Online (Sandbox Code Playgroud)
使用$ .extend和$ .merge给出以下结果
$.extend({},x,y) leads to { "student-marks":{'chemistry':3,'history':2} }
$.merge(x,y) leads to { "student-marks":{'math':1,'physics':2} }
Run Code Online (Sandbox Code Playgroud)
我在寻找的是什么{ "student-marks":{'math':1,'physics':5, 'chemistry':3,'history':2} }?
我有一棵div树:
<div id="a" onclick="func">
<div id="b" onclick="func">
<div id="c" onclick="func">
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
当对div进行单击时,它会使其子项不可见 - 即单击"a"将使"b"和"c"变为不可见.
function func{
if ($(childId).hasClass("visible")){
$(childId).removeClass("visible");
$(childId).addClass("invisible");
}
Run Code Online (Sandbox Code Playgroud)
问题是:单击"b"将调用"a"的单击并使"b"和"c"不可见.如何使用jQuery禁用"a"的单击?
谢谢
ECMAScript 6应该带来生成器函数和迭代器.生成器函数(具有function*
语法)返回迭代器.迭代器有一个next
方法,当重复调用时,它执行生成器函数的主体,在每个yield
操作员处重复暂停和恢复执行.
生成器上的ECMAScript 6 wiki还引入了"委托产量" yield*
运算符,如下所示:
该
yield*
运营商委托给另一发电机.这为组合生成器提供了方便的机制.
"委托给另一台发电机"是什么意思?我怎样才能yield*
"方便地组合发电机"?
[您可以使用--harmony-generators
标志在Node v0.11.3中使用生成器.]
在他们的网站上调试jquery代码时(通过chrome开发人员工具栏)
我注意到他们的例子是在下面给出的Iframe
:
这里 - 例如,有一个样本位于Iframe下,但在调查之后,我看到Iframe没有SRC
图为这一切
题 :
是否可以在不设置其SRC的情况下将内容设置为Iframe?
ps这个菜单还显示了一个空内容
action.js
export function getLoginStatus() {
return async(dispatch) => {
let token = await getOAuthToken();
let success = await verifyToken(token);
if (success == true) {
dispatch(loginStatus(success));
} else {
console.log("Success: False");
console.log("Token mismatch");
}
return success;
}
}
Run Code Online (Sandbox Code Playgroud)
component.js
componentDidMount() {
this.props.dispatch(splashAction.getLoginStatus())
.then((success) => {
if (success == true) {
Actions.counter()
} else {
console.log("Login not successfull");
}
});
}
Run Code Online (Sandbox Code Playgroud)
但是,当我用async/await编写component.js代码时,我得到此错误:
Possible Unhandled Promise Rejection (id: 0): undefined is not a function (evaluating 'this.props.dispatch(splashAction.getLoginStatus())')
component.js
async componentDidMount() {
let success = …
Run Code Online (Sandbox Code Playgroud) reactjs react-native redux-thunk react-redux ecmascript-2017
我一直在使用TypeScript和本机Promise在SPA中使用该功能,我注意到即使我将长时间运行的函数重构为返回promise的异步函数,UI仍然没有响应.
所以我的问题是:
新的异步/等待功能究竟如何帮助避免阻止浏览器中的UI?在使用async/await实际获得响应式UI时,是否需要采取任何特殊的额外步骤?
有人可以创建一个小提琴来演示async/await如何帮助使UI响应?
async/await如何与先前的异步功能(如setTimeout和XmlHttpRequest)相关联?
javascript user-interface asynchronous async-await ecmascript-2017
javascript ×8
jquery ×5
async-await ×2
ecmascript-6 ×2
arrays ×1
asynchronous ×1
dom ×1
html ×1
iframe ×1
object ×1
php ×1
react-native ×1
react-redux ×1
reactjs ×1
redux-thunk ×1