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;
@roseforyou
roseforyou / index.html
Created July 17, 2015 09:12 — forked from anonymous/index.html
canvas 二次方贝赛尔曲线 打点
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<script>
function quadraticBzier(p, p0, p1, p2){
return Math.pow(1-p,2)*p0 +2*p*(1-p)*p1+Math.pow(p,2)*p2;
@roseforyou
roseforyou / index.html
Last active August 29, 2015 14:05
world cup// source http://jsbin.com
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>world cup</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://underscorejs.org/underscore-min.js"></script>
<style id="jsbin-css">
body{
font: 12px 微软雅黑,tahoma,arial;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>world cup</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://underscorejs.org/underscore-min.js"></script>
<style id="jsbin-css">
body{
font: 12px 微软雅黑,tahoma,arial;
//中央球场列表
$('.football_bg').removeClass('football_bg').css({
width: '93px',
height: '106px',
position: 'absolute',
left: '14px',
top: '27px',
'font-size': '12px'
}).show();
$('.football_bg2').removeClass('football_bg2').css({