Skip to content

Instantly share code, notes, and snippets.

View roseforyou's full-sized avatar
🎯
Focusing

AZu roseforyou

🎯
Focusing
View GitHub Profile
<!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"
@roseforyou
roseforyou / promise.md
Created December 9, 2019 07:06
16. Promise 对象

Promise 对象

  1. Promise summary
  • 异步操作, 装载着预定成功或失败时要执行的回调函数.
    • 有三种状态: pending, fulfilled, rejected. 且状态不受外界影响;
    • 状态变化有两种: pending->fulfilled, pending->rejected, 且状态改变后不会再变化.
    • 无法取消 Promise;
    • 不设置回调函数(成功的, 失败的), 不会反应到外部;
  • pending 时, 无法得知进度.
@roseforyou
roseforyou / index.html
Last active January 24, 2018 05:29 — forked from anonymous/index.html
createjs roulettle DEMO: http://jsbin.com/hamigujefi
<!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>&nbsp;<a id="_js_cancelAll" href="#">取消全选</a><br>
<input type="checkbox" name="vehicle" value="address">Address<br>
@roseforyou
roseforyou / jsbin.axoJoHo.html
Last active January 1, 2016 17:49
MBSJ Login Page
<!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;
@roseforyou
roseforyou / jsbin.AlULIxi.html
Created December 17, 2013 01:33
jQuery div drag demo. demo Url: jsbin.com/AlULIxi/1000
<!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;
}