- Promise summary
- 异步操作, 装载着预定成功或失败时要执行的回调函数.
- 有三种状态: pending, fulfilled, rejected. 且状态不受外界影响;
- 状态变化有两种: pending->fulfilled, pending->rejected, 且状态改变后不会再变化.
- 无法取消 Promise;
- 不设置回调函数(成功的, 失败的), 不会反应到外部;
- pending 时, 无法得知进度.
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width"> | |
<title>JS Bin</title> | |
<link | |
rel="stylesheet" | |
href="https://unpkg.com/swiper@7/swiper-bundle.min.css" | |
/> |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width"> | |
<title>JS Bin</title> | |
<!-- Link Swiper's CSS --> | |
<link | |
rel="stylesheet" | |
href="https://unpkg.com/swiper/swiper-bundle.min.css" |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width"> | |
<title>JS Bin</title> | |
<!-- Link Swiper's CSS --> | |
<link | |
rel="stylesheet" | |
href="https://unpkg.com/swiper/swiper-bundle.min.css" |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width"> | |
<title>JS Bin</title> | |
<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script> | |
</head> | |
<style> | |
#demoCanvas { |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width"> | |
<title>point-in-semicircle</title> | |
<script src="jquery-1.7.2.min.js"></script> | |
<style> | |
body{ | |
border:0; |
<!DOCTYPE html> | |
<html> | |
<head> | |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> | |
<meta charset=utf-8 /> | |
<title>JS Bin</title> | |
</head> | |
<body> | |
<a id="_js_checkAll" href="#">全选</a> <a id="_js_cancelAll" href="#">取消全选</a><br> | |
<input type="checkbox" name="vehicle" value="address">Address<br> |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta name="description" content="MBSJ Login Page" /> | |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> | |
<meta charset=utf-8 /> | |
<title>Login Page</title> | |
</head> | |
<body> | |
<form action="#" id="_js_form"> |
body { | |
padding:0; | |
margin:0; | |
} | |
#block { | |
width:50px; | |
height:50px; | |
background-color:red; | |
position:absolute; | |
top: 100px; |
<!DOCTYPE html> | |
<html> | |
<head> | |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> | |
<meta charset=utf-8 /> | |
<style> | |
body{ | |
margin:0; | |
padding:0; | |
} |