Some plugin that can make workflowy looks better for me.

current progress: class

Start writing notes on blog and transfer notes from hackmd.io

The accurate date weren’t recorded on hackmd.io, the date on article is nothing but the way I use to order the notes.

Methods and interface

More Types: Structs, Slice, Map

Flow control statement

Packages, variables and functions

code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

var testDiv = document.getElementById("test");
testDiv.style.transition = "all 1s ease-out";

// 初始設定為 0
testDiv.style.left = '0px';

// transition 之後馬上消除, 之後就不會再有 transition 效果
testDiv.addEventListener('transitionend', function(){
    console.log('end');
    testDiv.style.transition = "";
});

// 用非同步的方式在一開始設定 0 > transition 設定 > 新的 left 值 100px > transition
setTimeout(function(){
    testDiv.style.left = '100px';
}, 0);

// 此時因為已經沒有 transition, 會直接跳到 1000px
setTimeout(function(){
    testDiv.style.left = '1000px';
}, 2000);

Functions that I used

Reference:
Basic Visual Formatting in CSS: Layout Fundamentals in CSS

CSS Position

The way to create Stack Context

1. root element
2. position not static + z-index not auto
3. CSS3 new property

CSS3 new properties that will create Stack Context

see codepen

This is the second time I read this book.
Record something that I am not that familiar with.
I do some practices on codepen.

hackmd.io 移轉到 blog