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/