2018-02-01第一節課

飢人谷JS Bin

1. css animation

html:

<p></p>

css:

p {height:100px;width:300px;background:#eee;animation-duration: 3s;animation-name: slidein;}@keyframes slidein { from { width:100px; height:200px; background:black; } to { width:300px; height:100px; background:#eee }}

2. window.open

html:

<button id=myButton>點我</button><button id=myButton2>點我2</button>

js:

myButton.onclick = function(){let windowObjectReference = window.open(http://baidu.com,sb,width_=400,height=400,top=100,left=100);}myButton2.onclick = function(){let windowObjectReference = window.open(http://qq.com,sb,width_=400,height=400,top=100,left=100);}

3. 進位轉換

十進位 ——> 二進位

23（10）——> 10111（2）

0.25（10）——> 0.01（2）

二進位 ——>十六進位，每四個二進位代表一個十六進位數

0001 ——> 1，0010 ——> 2，0011 ——> 3，0100 ——> 4，

0101 ——> 5，0110 ——> 6，0111 ——> 7，1000 ——> 8，

1001 ——> 9，1010 ——> A，1011 ——> B，1100 ——> C，

1101 ——> D，1110 ——> E，1111——> F

二進位 ——> 十六進位

1001 0001（2）——> 91（16）

1101 1011（2）——> DB（16）

0001 1101 1011（2）——> 1DB（16）

推薦閱讀：