Skip to content

Instantly share code, notes, and snippets.

@JeOam
JeOam / Shader.md
Created September 23, 2018 04:46
Unity Shader Notes
We couldn’t find that file to show.
@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 / 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;

垂直居中