https://github.com/forever-z-133/bugs

记录一些我自己认为是BUG的坑眼
https://github.com/forever-z-133/bugs

Last synced: 10 days ago
JSON representation

记录一些我自己认为是BUG的坑眼

• Host: GitHub
• URL: https://github.com/forever-z-133/bugs
• Owner: forever-z-133
• Created: 2017-09-15T09:13:00.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-06-17T02:00:49.000Z (7 months ago)
• Last Synced: 2024-06-17T03:23:09.384Z (7 months ago)
• Size: 639 KB
• Stars: 13
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

大段文字看起来眼睛好累，所以我随便按每10个进行一次分割。  

如果你有更好的展现形式，欢迎投稿，非常感谢！

# 记录一些坑眼

* 当存在 `meta[http-equiv="Content-Security-Policy"]` 时 `[preload]` 属性会失效，可换用 `http header` 方式

* mac 的 `node_modules/.bin` 中是软链接，所以拷贝 `node_modules` 给 windows 用会找不到指令

* ``axios.get(`/api?n=${n}`)`` 当 `n` 带有特殊符号 `#?` 时会有错误，故采用 `axios.get('/api', { params: { n } })` 更佳

* 例如 `decodeUriComponent('%st%C3%A5le%')` 还是会报错的，特别场景可使用 `decode-uri-component` 的包

-----

* 直接访问资源然后刷新不会使用缓存，作为内链刷新才会使用缓存

* 图片拖拽不要缩略图一般用 `draggable="false"` 或 `-webkit-user-drag: none;` 处理，但其他元素拖拽区域重叠会使其无效

* 若 `dragstart` 中有 `preventDefault` 将不触发 `dragend` 和 `drop`

* `drop` 事件必须 `dragover` 中有 `preventDefault` 才可触发

* 遇到 `trim` 不掉的空格，可能是遇到了 `\u00A0` 需要 `replaceAll` 掉

* `glob('aa/**/bb')` 不支持 windows，需改为 `glob('**/xx', { cwd: 'aa' })`

* `uni-app` 在 H5 平台 `v-for="item in 10"` 中 `item` 从 `1` 开始，其他平台从 `0` 开始，需改用 `index`

* 页面使用 `onbeforeunload` 做跳转拦截后，但普通的跳页也会拦截，故而需特殊处理，[案例](https://test.forever-z.cn/others/funny/onbeforeunload.html)

* `uni-app` 的 `class A exnteds B` 中的 `B` 在企微模式下不能为函数，比如 `Promise` 需嵌套成 `class MyPromise`

* `uni-app` 中 `:key="a+b"` 这类表达式在小程序模式下不被支持

-----

* 在开发时文件夹为 `datePicker` 但 `import 'datepicker'` 能跑通，但部署时 Linux 中无法跑通

* 当 `inline` 搭配 `font-size: 0` 时该元素宽高为 0，而 `inline-block` 还是会被子级撑起宽高，[案例](https://codepen.io/foreverZ133/pen/XWeZKOz)

* 部分苹果机小程序不支持 `scale(-1, 1)` 负值，可用 `transform(-1, 0, 0, 1, 0, 0)` 替换

* `Taro.nextTick` 有概率不触发回调，而 `wx.nextTick` 不会，推荐根据环境采用后者

* 小程序 `canvasPutImageData` 的位置尺寸必须为整数，否则会报 `invalid data format`

* 小程序 `Button` 数字是非衬线汉字是衬线，与 `View` 的表现不一致，可加 `lang='zh_CN'` 来处理

* 当父级高度小于其行高时，子级行块元素的 `vertical-align: middle` 会造成父级上方有空隙，[案例](https://codepen.io/foreverZ133/pen/QWMQLEd)

* JSX 中在 `map` 内进行判断渲染，未渲染的节点会有空 `key` 的报错，最好采用 `Fragment` 做空节点，[案例](https://codepen.io/foreverZ133/pen/QWMaNYr)

* React 的 `style` 对象顺序不同可能造成渲染结果不同，[案例](https://codesandbox.io/s/object-sort-exy2l)

* 安卓机发朋友圈时，纯色图或小图会不出现在选择列表中

-----

* 小程序重绘或 `swiper` 滑动时，父级圆角会突然遮不住子级尖角，故子级最好也都加圆角

* Taro 3.3.6 用 style 设置 `pointerEvents` 未渲染该属性，只能靠 css 文件设置了

* 小程序当 Canvas 尺寸较大 *(比如 3000x3000)* 时，部分机型会导出图片失败

* 小程序初始化较大尺寸的 Canvas 后，部分机型的交互会变得很卡顿

* Taro 不支持 `` 这种复合标签的解析，可 `const Item = this.Item` 处理

* 对象赋值的顺序不同，会造成 `stringify` 的结果不同

* React 的 `<>{content}>` 会删掉 `\r` 换行，在 `renderToString` 时不会删掉，需规避

* `react-color` 插件在 iframe 中 `click-outside` 交互会报错，在使用其他插件时也需注意此场景

* 腾讯云图片资源压缩，若压缩后尺寸小于 `1px` 会压缩失败，[案例](https://image-1304214004.file.myqcloud.com/88166299-d694-4d34-ad3a-501424df511d06839243223985665.png?imageMogr2/thumbnail/!60p)，[文档](https://cloud.tencent.com/document/product/460/36540)

* 当子级高度大于父级固定高度时，父级弹性容器会考虑换行，[案例](https://codepen.io/foreverZ133/pen/zYZQpgx)

-----

* `mouseout` 绑在父级，进出子级也会触发，有点难用

* `translate(50px)` 相当于 `translate(50px, 0)`，而 `scale(1.5)` 相当于 `scale(1.5, 1.5)`，需区分

* `antd-mobile` 的 `Slider` 组件，当值范围很大时，滑杆的点击极容易触发滑动，不甚推荐这样的交互

* 在 `mounted` 周期中依旧可能 `query` 不到元素，还是在 `ref` 周期中保险一些

* 正则 `/^[23-69]$/` 实则是匹配 `2` `3-6` `9`，所以 `.test('50')` 为 `false`

* cocos 的两个元素碰撞，触发 `onCollisionEnter` 的先后顺序为节点顺序，拖谁撞谁需自行处理

* cocos 中，`zIndex` 会使其在 `cc.Layout` 布局中渲染排序改变

* 部分浏览器不支持 `opacity` 为百分比值 `5%`，最好转为小数 `0.5`

* CocosCreator 英文版时没有腾讯云的服务项 (版本 2.4.3)，需切为中文版

* jquery 中 `html('
1
')` 会奇怪地得到 `
1
`


-----

* js 中 `??` 属于低优先级，比如 `1 + undefined ?? 0` 会得到 `NaN`，在 dart 中也是

* `bind` 修改后无法再次修改 `this`，因此诞生了软绑定 `softBind`，[案例](https://codepen.io/foreverZ133/pen/PobwReK)

* `gap/grid-gap` 中 y 轴若为百分比，会以宽度为准，且不会撑起高度

* 在省略样式处创建层叠上下文，会未被省略，但表现很奇特，[案例](https://codepen.io/foreverZ133/pen/oNzdYXZ)

* 浏览器回退时接口会 `from disk cache` 使用缓存造成动态数据未更新，应该是主要依据于 `Last-Modified`

* cocos 的 `cc.Graphics` 代码写的 `fillColor` 不支持半透明，但 Creator 软件的设置 `Fill Color` 倒有效

* 父级 `pointer-events: none` 但子级为 `auto`，那子级范围内认可触发父级效果，[案例](https://codepen.io/foreverZ133/pen/NWRNqVY)

* `case` 若不加 `{}` 并未独立作用域，比如 `switch(1) { case 1: let a; break; case 2: let a; break; }` 会报错

* SVG 中 `polygon` 没有 `x` 等调位置，只能靠 `transform` 了

* `var x=0; var y=false; x=y?100:x++` 答案为 0，挺有趣的错误

-----

* `transition-delay` 为 `0ms` 不会触发 `transitionend` 事件，哪怕有 `0.001ms` 就会。`animation` 没这问题

* 部分浏览器 `transition: background-image 1s` 会有两图重叠渐显渐消的效果，但非常不稳定

* `flex: 1` 实则为 `flex: 1 1 0` 的缩写，应写为 ` flex: auto` 或 `flex: 75%` 更好

* flutter 的 `Positioned` 如果没有定位属性，则会与 `Container` 表现一致

* `transition` 和 `animation` 的 `0` 必须有单位，如 `0s`

* `inline` 中定位然后 `right: 0` 是按最后一个字符来定的，而不是容器边界

* CSS 的 `content: attr(data-title)` 中 attr 加引号会失效

* 如下条，当想要无高度的 appBar 时 child 若用 `SizedBox.shrink()` 表现不一致

* Flutter 中想要无高度的 appBar 可用 `PreferredSize(preferredSize: Size.zero, child: Container())`

* Flutter 中在无 appBar 的 body 中使用 Expanded 在顶部会有奇怪空白，[案例](https://dartpad.cn/54ed9402e0c86f0c9b8b44d6f2d48d02)（需翻墙）

-----

* SVG 当 `fill="none"` 时无法触发 SMIL 的 `begin="click"`，需用 `fill="transparent"`

* `let a = b = 1` 中的 `b` 其实是 `var` 的

* 给定位定高的 `body` 设置背景图，`contain` 会失效，[案例](https://codepen.io/foreverZ133/pen/gOaNdLv)

* 给不定高 `body` 设 `background-size` 表现比较意外，[案例](https://codepen.io/foreverZ133/pen/JjYQadG)

* 当父级 `overflow: auto`，子级绝对定位超出，父级不加 `relative` 可看到子级，[案例](https://codepen.io/foreverZ133/pen/oNjrMog)

* 阻止微信浏览器字体大小 `setFontSizeCallback` 在微信上可行，在企业微信上不可行

* 组件内的 `slot` 不算父级的 `slot`，[案例](https://codesandbox.io/s/zujianneide-slot-busuanfujide-slot-u1k3h)

* 子级非 `flex-shrink:0` 且父级为 `flex` 时，子级尺寸不会超出父级，[案例](https://codepen.io/foreverZ133/pen/xxwmdJE)

* `'11Q'.match(/((\d)+)([A-Z])/)` 返回 `['11Q', '11', '1', 'Q']`，注意括号解析顺序与范围

* 模板字符串中 `$${price}` 和 `\${price}` 结果不同，前者返回 `$0.00` 后者返回 `${price}`

-----

* 在部分版本浏览器中，某些元素如 `` `` `` 不可作为 `flex` 容器的工作

* `'abc'.includes('')` 包含空字符串为空时始终为 true，需进行规避

* 同时解密 `decodeURI(decodeURI("%5Cu9648"))` 不可行，需 `JSON.parse('"' + decodeURI('%5Cu9648') + '"')`

* 小程序自定义组件中，无法 canvasToTempFilePath 生成图片，报 fail canvas is empty

* 小程序自定义组件中的 canvas，在 createCanvasContext(canvasId, context) 时必须加 context

* 如果小程序 web-view 内网页跳转带有 hash 操作，部分安卓机用 replace/replaceState 会跳页两次

* 小程序设置 web-view 链接时需带上 `#wechat_redirect`，内部跳页时不需带，否则苹果不能访问

* jQuery 的 append 对同源 script 用的 appendChild，对不同源资源是 ajax 然后 eval，其实不知先后

* `innerHTML = ''` 是不加载 script 的

* 微信浏览器进入页面后 `reload` 刷新本页，会造成其中的 svg 显示异常，svg 被缓存后会恢复正常，应避免此类操作

-----

* `var x = [] \n (function(){})()` 数组下一行是括号，没写分号造成的报错

* 正则 `\w` 也会匹配到下划线 `_` 和数字

* vue 中当 `props: { x: [Boolean, String] }` 时，`x: ''` 为 `true`，`x: 'x'` 为 `'x'`

* vue 的 `computed:{x(){}}` 不能直接 `v-modal="x"`

* 小程序 `<web-view>` 的链接 `xx?a=1` 会访问 404 ，改为 `xx/?a=1` 才行

* `inline` 的 `margin-left` 和 `text-indent` 效果竟然是一样的

* `36.62 * 100; // 3661.9999999999995` 故而 `(0.1 * 10 + 0.2 * 10) / 10` 的处理还需加上 `Math.round`

* `166.665.toFixed(2)` 没有按正确的四舍五入等于 `"166.67"`

* 空字符串 `''.split()` 会得到 `[""]` 不比要的数组项，需进行规避

* 定位或 `inline-flex` 的，且定高的容器设 `flex-flow: column wrap` 时，表现很奇怪，无法实现包裹效果

-----

* 文本内有空格时，`text-indent: -999em` 莫名会有空白宽度（chrome64 版本有）

* 好像没办法触原生 `select` 的展开

* 子元素为 `inline-block` 时父级底部会有一点空隙，与 `vertical-align + line-height` 有关，[案例](https://codepen.io/shadowwalkerzero/embed/ywePBL/?height=265&theme-id=0&default-tab=result)

* canvas 的 `lineWidth` 即使设成 `0` 也还会是 `1`

* `[NaN].indexOf(NaN); // -1` 数组中找不到 `NaN`

* weui 的 `hideLoading` 方法会使 Toast 也消失

* `transform: scale(.5)` 下的 `offsetWidth` 等还是原宽，只能 `getBoundingClientRect().width`

* 其他浏览器下单页面项目的 `/#/` 被认为是 hash，但 IE 浏览器会认为是路径，会造成无法访问

* `\1` 在正则中，有匹配还好，没有的话请注意 `'\1'.split('')` 与 `/\1/.test('\1')` 的不同

* `eval([1,2] + '==' + 2);  // true`，感觉使用 `eval` 时还会有其他骚处理

-----

* `<select>` 的 `readonly` 还是能点开，推荐使用 `select[readonly] { pointer-events: none; }`

* `let` 和 `const` 不会像 `var` 一样会在 window 下声明，比如 `let a` 是取不到 `window.a` 的

* `wx.onMenuShareAppMessage` 的 `type` 不能是空字符串，要么不传，要么 `type: "link"`

* `wx.config` 需要传入的链接，苹果机下如果使用过 history api 将签名失败。

* Safari 和 IE9- 浏览器中，`option` 设 `display:none` 无效，可包一层隐藏的 `span` 或重新拼 dom

* CSS 的 `content` 的文本和图片，是不可选择的

* 苹果机键盘弹起后元素上移，键盘收回后元素不归位，用 `$(document).scrollTop(0, 0);` 解决（部分机型依旧不行）

* 3.0 版本前的 `$.param` 会把空格转为 `+` 号，可能后来发现链接中的 + 与空格的 + 冲突所以砍掉了

* IOS 下的 webgl 不清晰，可显示 2d 的 canvas 绘制隐藏的 webgl 的 getImageDate 能清晰

* 小程序不会正确处理图片链接中 `\`，造成图片请求但不显示，只能是 `/` 式的路径，比如 [图片](http://images.duocaixing.net\undefined/2019-06-04/201906041118494757_wKgED1ws7UCAKPhVAAVr2lUbIUI02.jpeg)

-----

* 部分安卓机 `background-image` 与 `border-radius` 合用会不显示图片，需加上 `background-color` 才行

* `input[type="number"]` 不支持使用 selection 相关的光标操作

* 用 `data:image/svg+xml,` 拼出来的 SVG 背景图，`background-size` 不支持拉伸

* ES6 用变量作对象属性名时有点小问题，如 `var a = 'x'; var obj = { [a]: 1 }; obj[a]; // 1` 但 `obj.a` 不会

* 苹果机 Safari 下设 `user-scalable=no` 的 `<meta>` 无效

* `btoa` 转 base64 不支持传入中文等 Unicode 字符，可搭配 `encodeURIComponent` 使用

* 极少情况下 `textarea` 书写时双标签间有回车会不显示 `placeholder`，不详

* IOS 的 `iframe` 不支持传高度，最好有个父级包着并设 `-webkit-overflow-scrolling` 滚动

* `[0, , 2, 3].indexOf()` 得 `-1`，`[0, undefined, 2, 3].indexOf()` 得 `1`

* `RegExp` 第二个参数，若传入 `'s'` 部分苹果机报错，看 [文档](http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp) 确实说只能传 `'igm'`

-----

* 在 vue 的根节点进行 `innerHTML += 'x'` 会造成 vue-router 失效，`appendChild` 是 OK 的

* `input[type="checkbox"]` 加字符串 `checked="false"` 或 `setAttribute('checked', '')` 也会勾选

* html 中 `data-userId` 会显示为全小写 `data-userid`，但 `attr('data-USERID')` 不区分大小写都能获取到

* UTF-16 字符在处理字符串时需注意，比如 `'𠮷'.slice(-1)` 会得到未知字符，恐怕只能用 `for-of` 来做了

* 空数组进行 `every` 判断始终为 `true`，需根据场景做好排除

* 在 SCSS 中 `@extend .x` 不仅会继承 `.x`，与其相关无论写在何处的 `h1.x` 也会被继承

* `:last-child` 是按 dom 位置来的，并不受 `order` 排序的影响

* 给伪元素的 `content` 直接加 `text-indent:-999em` 无效，需改为其他 `display` 才行，即 `inline` 不可以

* `JSON.stringify(Infinity) === "null"`（NaN 也是），`JSON.stringify({a: undefined}) === "{}"`（但 null 不会）

-----

* 父级 `overflow:auto; position:relative;`，子级绝对定位并超出，结果会显示滚动条（chrome 64）

* 父级无高度时，子级 `position: relative` 的百分比定位 `top: 50%` 会无效，[案例](https://codepen.io/foreverZ133/pen/WNQqKwO)

* ueditor 插件初始化时会触发 `hashchange` 事件，希望你在这里面没有写什么操作

* `display: flex` 和子级 `margin: auto;` 合用时，效果很奇妙，比如居中/两个子级的自动空隙等

* `<script src="xx.js" />` 不能使用单标签格式，不然会把后面的都当做文本

* 属性选择器 `[id=value]` 中当 value 中有小数点时会报错，保险起见还是带双引号更好 `[id="value"]`

* 小程序覆盖在 input 上的元素，键盘弹起后，点击就无法触发了

* ElementUI 的 `el-date-picker[type="daterange"]` 在 **火狐** 下不支持 `yyyy.MM.dd` 格式数据的传入，`-/` 可以

* 有 `mask` 的元素 `box-shadow` 非 `inset` 形态无效，`filter:drop-shadow()` 也是如此（可放到父级去）

* `min-width` 的默认是 `auto`，而 `max-width` 的默认是 `none`

-----

* https 下无法点击打开下载 http 的资源

* `input[type="file"]` 的触发会触发 `window.onblur` 事件，可用 `document.activeElement` 来进行排除

* 点击在 `label[for]` 的父级上，会触发两次 `click`，很迷

* IOS will only allow focus to be triggered on other elements

* `new RegExp` 需对特殊字符进行转义，比如 `new RegExp('\\d').test(1)` 才有效，还是 `/\d/.test(1)` 好呀。

* 设置 `border-image` 后，`border-radius` 失效。

* 正则的括号会在 `match` 时再单独提取出来一份，比如 `"ab".match(/(b)/)` 会得到 `["b","b"]`

* 苹果机上 `div` 的 `click` 委托在 `document` 或 `body` 上会无效，可换为 `a` 或添加 `cursor: pointer` 等。[见文](https://www.cnblogs.com/Steping/p/5737547.html)

* 苹果机移动端 `contenteditable` 无效，需加上 `-webkit-user-select: text`

-----

* 苹果机在纵向 `flex: 1` 时非常尴尬，有时 `flex-basis: 100%` 可行，有时必须定高。

* 小程序的 `cover-view` 不能使用 `:before` 和 `gradient` 样式

* `disabled` 会禁掉 `mouse` 事件，却没有禁 `touch` 事件

* `$.fn.serializeArray` 方法会把回车 `\n` 改为 `\r\n`，增加了字符串长度

* `Math.round` 四舍五入方法可能有误，见 [推文](https://mp.weixin.qq.com/s/MlnVE0_bWHVGb7MAPBBG1Q)

* 看 [源码](https://blog.csdn.net/lixuepeng_001/article/details/53742589) 发现，`Array.sort` 是要返回正负，而非布尔值

* 浏览器开始禁止音频视频的自动播放，暂时无解

* jquery 在 table 中 html 个 table 会无效，append 个 table 有时报错，[源码](https://blog.csdn.net/chaiyining007/article/details/8213699)。

* `location.origin` 在 IE11 以下不兼容

-----

* 苹果机在 QQ 浏览器中修改 `document.title` 无效，需新建删除一个 `iframe` 来骚操作

* 粘贴功能 `execCommand('paste')` 被各家浏览器禁用掉了

* 小程序的 `cover-view` 手机上不触发 touch 事件

* 小程序的 `cover-image` 不能单独定位，如果父级 `cover-view` 定位了那倒可以了

* 写 HTML 时两个节点间有换行或空格，需要两次 nextSibling 才能找到下个节点，因为中间多个空白的 text 节点

* 小程序的 toast 和 loading 等其实解决不了点击太快的问题，还得靠变量来阻止才行

* `inline` 行级元素设置 `transform` 无效

* 苹果机没有原生双击事件 `dblclick`

* `:not(.x):last-of-type` 并不代表去掉 `.x` 后的最后一个，它们是并列关系而非先后关系

* `table-layout: fixed` 表示不再自动分配宽度，傻逼的我还以为是固定 `thead` 达到类似 `position:fixed` 的效果

-----

* `writing-mode:vertical-rl` 在 Safari 上异常（无解，等于苹果浏览器不能玩耍了）

* `translate3d` 下的 `fixed` 失效，与 `absolute` 等效，反正能不用 fixed 绝不用

* `touchend` 或 `tap` 会出现事件穿透，其实浏览器已经做了优化，`click` 是可以满足我们的要求的

* 元素未显示时的 swiper 的初始化是有误的，`mySwiper.update()` 有效

* 苹果机 `new Date(d)` 时 `d` 不能采用 "xxxx-xx-xx" 格式

* `display:flex` 被 `display: none` 覆盖后再使用 jquery 的 `fadeIn()` 将显示 `display: block`

* 苹果机有滚动反弹，与 `position: fixed` 一起玩耍时很可怕，特别是微信浏览器

* `clip:rect(1,2,3,4)` 必须要和 `absolute` 合用，且 2&3 必须有(作为宽高)，更推荐使用 `clip-path`

* `scaleX` 等的默认值是 0 不是 1，所以小心 css 动画时会有一闪的状态，虽然通常我们会用 `scale(x, y)` 更多

* svg 的 `image` 必须带宽高，否则 firefox 等浏览器不显示

-----

* `text-transform` 有时会在跳页时回归最初（什么特定情况还未总结出）

* 极少部分苹果机图片加载会阻塞后续程序

* 最好不要 `for` 里面套 ajax，不然你的服务器会超级崩溃的，当然浏览器也会报出请求过量的错误

* overflow:hidden 在子级 transform 时无效，需要再套一层父级，有时子级的父级也无效，需要祖父级添加 overflow:hidden

* setTimeout("x()",500) 的 x 必须为全局函数，否则报错，所以还是用 setTimeout(x,500) 吧，同理 `<div onclick="aaa()">` 的 aaa 也必须是全局函数

* 有些手机 `<audio>` 不支持 m4a 格式的音频

* 禁用了 `window` 的 `touchstart` 后 `input` 也不能点了

* 苹果机的 `blur` 自主触发（即 `$dom.blur()`）有问题，有待实验

* `iframe` 套的网页会缓存，修改后刷新可能无效，且会保存 history，最好用一次就新建删除一次

* `<datalist>` 并不好用，有时会不出现内容，且样式不可控，不推荐使用

-----

* 苹果手机自动播放音频得放在 `wx.ready` 里面

* 摇一摇事件有时清除不掉，可能是触发太多烧机器，推荐再加个变量控制开关

* `onstorage` 事件监听必须两个页面都打开着才能互传信息

* `submit` 和 `button` 不能套在 `a` 里面，否则按钮事件将消失

* 自己写的 Object.prototype.has 与 jquery 的 Tween 冲突，换个名字吧

* 苹果机的渐变 `transparent` 可能会呈现为黑色，可用 `rgba(255,255,255,0)`

* 苹果机 `rotateY` 问题超烦，旋转的一半后沉于 `body` 的背后不显示，需要 `translateZ` 来处理

* 大部分苹果机微信支付后无法再横屏

* 部分老牌机 `window.orientation` 不准，进去就是 90，多转几次又好了，十分偶现

* `setInterval` 设置 `document.title` 移动端效果非常不稳定，用 `requestAnimationFrame` 就好了

-----

* `absolute` 下的 `offsetLeft` 会以父级定位的相对位置来计算（可能有误，以后研究）

* `Object.assign` 的 `this` 指向有待研究

* 移动端同个 `input[type="file"]` 的 change 事件只触发一次

* if lt IE 只能判断到 9，10+ 及 edge 都无效

* sourceTree 上传，大小写不区分，比如 Index 和 index

* `touchend` 时 `e.touches` 是已经不存在了的

* canvas 的 `globalAlpha` 小于 0 时会按 1 来计算

* 函数传参时最后多打个逗号，PC正常显示，但在移动端把后续程序全部卡住

* 在 Vue 实例元素内，自己 append 出来的元素是无法修改的

* `Vue.component` 必须放在 `new Vue` 前面

-----

* `input` 弹出的虚拟键盘仅 number 有下一步这样的功能键

* `flex` 下的 `<img width="50%">` 高度 `auto` 会失效，需 `align-item: flex-start`

* background 只支持 .svg 文件式的引用，无法使用 #xxx 代码式的引用

* 多个 `transition-property` 会触发多次 `transitionEnd`，注意 border / padding 会触发四次

* 多个 jquery 对象会触发多次动画回调，如 `$('.x1, .x2').show(cb)` 会触发两次 cb

* 小程序的音频最好不要超过 8 个，不然总是有警告

* 苹果机小程序背景音乐调不了音量

* delete 只能删数组和对象里的键值，不能删除变量、函数和函数的参数。比如 `var a = 1; delete a; alert(a); // 1`

* firefox 在 mask-size 小于 100% 时各种卡，大于时还行，不知怎么办

* 微信放视频没有自动播放，需要点击触发。可见此 [教程](http://www.cnblogs.com/foreverZ/p/6038950.html)