学习笔记（九）
BUG集锦：
1. 在 Vue 实例元素内，自己 append 出来的元素是无法修改的
2. Vue.component 必须放在 new Vue 前面
3. svg 的 image 必须带宽高，否则 firefox 等浏览器不显示
4. input 弹出的虚拟键盘仅 number 有下一步这样的功能键
5. flex 下的 <img> 高度 auto 会失效，需 align-item: flex-start;
6. 部分苹果机 transparent 有黑色，可改为 rgba(255,255,255,0)
新知识点：
1. onpageshow 拥有 e.persisted 属性能判断该页是否缓存
2. MathML 即 <math> 标签，用来写数学表达式的，仅 Firefox 和 Safari 支持
3. 微信标题能容纳数量为13字，否则将出现省略号
4. svg 标签 <text> 的 textLength 等效于宽度，lengthAdjust 设置自动字间距(spacing)或自动词间距(spacingAndGlyphs)
5. svg 最好加上 xmlns="http://www.w3.org/2000/svg"，因为加的话直接打开是渲染后的结果，否则只显示代码
6. svg 的 <foreignObject> 嵌套 <body> 解决文本换行的需求
7. width 相关的新属性：fill-available（撑满可用空间）、fit-contemt（收缩为内容宽度）、min-content（父级之下除了本元素的最小宽度）、max-content（文本不换行的宽度）
8. 用 a = ++a % 5 替代 if (++a > 5) a = 0
楷模：
http://reeoo.com/
