fluency03

The Ultimate V60 Technique

• https://youtu.be/AI4ynXzkSQo
• https://youtu.be/P0mI6Ue8BKc

◉ Brew ratio: 60 g/L (e.g. 30 g per 500 mL,  18 g per 300 mL, 12 g per 200 mL, ...)

◉ Grind size: medium fine, Niche Zero: 40 ~ 50

◉ Temperature: the hotter, the better (especially with lighter roasts)

fluency03

The Ultimate Clever Dripper Technique

• https://youtu.be/RpOdennxP24

◉ Brew ratio: 60-65g/L (18 g per 300 mL)

◉ Grind size: medium fine, Niche Zero: 45 ~ 50

Brew

1. Grind 18 g coffee
2. Fold and rinse paper with hot tap water

fluency03

The Ultimate AeroPress Technique

• https://youtu.be/j6VlT_jUVPc

◉ 11g coffee

• Ground at the finer end of medium, assuming this is light roasted coffee.
• The darker you go the more you may prefer to increase the dose and coarsen the grind.
• Niche Zero: 30 ~ 35

◉ 200g water (brought to a boil and used immediately)

• The darker the roast is, the lower the temperature is (or even down to 90 Celsius for really dark roast)

fluency03

// XPath CheatSheet
// To test XPath in your Chrome Debugger: $x('/html/body')
// http://www.jittuu.com/2012/2/14/Testing-XPath-In-Chrome/


// 0. XPath Examples.
// More: http://xpath.alephzarro.com/content/cheatsheet.html


'//hr[@class="edge" and position()=1]'                // every first hr of 'edge' class

fluency03

/* eslint-disable no-console, camelcase */

const server = require('http').createServer().listen(0);

const { Issuer, generators } = require('openid-client');
const open = require('open');

server.removeAllListeners('request');
const { ISSUER = 'https://op.panva.cz' } = process.env;

fluency03

Virtual DOM and diffing algorithm

There was a [great article][1] about how react implements it's virtual DOM. There are some really interesting ideas in there but they are deeply buried in the implementation of the React framework.

However, it's possible to implement just the virtual DOM and diff algorithm on it's own as a set of independent modules.

fluency03

typeof vs instanceof

https://segmentfault.com/a/1190000000730982

https://justjavac.com/javascript/2012/12/23/what-is-javascripts-typeof-operator-used-for.html

https://juejin.im/post/58358606570c35005e4142bd

https://juejin.im/post/5b0b9b9051882515773ae714

fluency03

== vs ===

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Equality_comparisons_and_sameness

fluency03

this、apply、call、bind

作者：sunshine小小倩

链接：https://juejin.im/post/59bfe84351882531b730bac2

来源：掘金

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

fluency03

|----------------------------------------------------------------------------------------|--------------------|
|                                    Object Header (64 bits)                             |        State       |
|-------------------------------------------------------|--------------------------------|--------------------|
|                  Mark Word (32 bits)                  |      Klass Word (32 bits)      |                    |
|-------------------------------------------------------|--------------------------------|--------------------|
| identity_hashcode:25 | age:4 | biased_lock:1 | lock:2 |      OOP to metadata object    |       Normal       |
|-------------------------------------------------------|--------------------------------|--------------------|
|  thread:23 | epoch:2 | age:4 | biased_lock:1 | lock:2 |      OOP to metadata object    |       Biased       |
|-------------------------------------------------------|--------------------------------|--------------------|
|