Skip to content

Instantly share code, notes, and snippets.

View JeOam's full-sized avatar

JeOam JeOam

195 followers · 222 following
  • Guang Zhou
View GitHub Profile
@JeOam
JeOam / Shader.md
Created September 23, 2018 04:46
Unity Shader Notes
We couldn’t find that file to show.
@JeOam
JeOam / assets.md
Created August 24, 2018 15:13
Good Unity Assets
@JeOam
JeOam / Game.md
Last active September 24, 2018 14:51
Game Notes Navigation
@JeOam
JeOam / Game.md
Last active July 21, 2018 07:42
3-Minute Game Design
@JeOam
JeOam / C.md
Created July 14, 2018 09:40
C++ 文本查询程序设计（12.3.1）
We couldn’t find that file to show.
@JeOam
JeOam / c.md
Created June 14, 2018 10:23
C++ Primer Notes
@JeOam
JeOam / Unity.md
Created December 27, 2017 01:03
Unity Notes
@JeOam
JeOam / cal.js
Created December 24, 2017 14:27
Calculate the Number of Bytes Occupied By a String
/**
* from: http://www.alloyteam.com/2013/12/js-calculate-the-number-of-bytes-occupied-by-a-string/
* 计算字符串所占的内存字节数，默认使用UTF-8的编码方式计算，也可制定为UTF-16
* UTF-8 是一种可变长度的 Unicode 编码格式，使用一至四个字节为每个字符编码
*
* 000000 - 00007F(128个代码) 0zzzzzzz(00-7F) 一个字节
* 000080 - 0007FF(1920个代码) 110yyyyy(C0-DF) 10zzzzzz(80-BF) 两个字节
* 000800 - 00D7FF
00E000 - 00FFFF(61440个代码) 1110xxxx(E0-EF) 10yyyyyy 10zzzzzz 三个字节
* 010000 - 10FFFF(1048576个代码) 11110www(F0-F7) 10xxxxxx 10yyyyyy 10zzzzzz 四个字节
@JeOam
JeOam / macrotask.md
Created October 15, 2017 07:34
macrotask vs microtask

一个事件循环(EventLoop)中会有一个正在执行的任务(Task)，而这个任务就是从 macrotask 队列中来的。在whatwg规范中有 queue 就是任务队列。当这个 macrotask 执行结束后所有可用的 microtask 将会在同一个事件循环中执行，当这些 microtask 执行结束后还能继续添加 microtask 一直到真个 microtask 队列执行结束。

  • macrotasks: setTimeout setInterval setImmediate I/O UI渲染
  • microtasks: Promise process.nextTick Object.observe MutationObserver

via click

@JeOam
JeOam / CSS.md
Created September 14, 2017 08:35
CSS Notes

水平居中

子元素为行内元素还是块状元素，宽度一定还是宽度未定，采取的布局方案不同。下面进行分析：

  • 行内元素：对父元素设置 text-align:center;
  • 定宽块状元素: 设置左右 margin 值为 auto;
  • 不定宽块状元素: 设置子元素为 display:inline, 然后在父元素上设置 text-align:center;
  • 通用方案: flex布局，对父元素设置 display:flex;justify-content:center;

垂直居中