- 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; | |
| } |