-
子元素为
inline-block时父级底部会有一点空隙,与vertical-align + line-height有关,案例 -
canvas 的
lineWidth即使设成0也还会是1 -
[NaN].indexOf(NaN); // -1数组中找不到NaN -
transform: scale(.5)下的offsetWidth等还是原宽,只能getBoundingClientRect().width -
通常浏览器下
/#/是 hash,但 IE 浏览器会认为是路径造成无法访问,只能改用history模式 -
<select>的readonly不可选但能点开,推荐使用select[readonly]{ pointer-events: none; } -
let和const不会像var一样会在 window 下声明,比如let a是取不到window.a的 -
wx.onMenuShareAppMessage的type不能是空字符串,要么不传,要么type: "link" -
wx.config需要传入的链接,苹果机下如果使用过 history api 将签名失败 -
苹果机键盘弹起后元素上移,键盘收回后元素不归位,用
$(document).scrollTop(0, 0);解决(部分机型依旧不行) -
3.0 版本前的
$.fn.param会把空格转为+号,可能会与其他+相同而冲突 -
IOS 下的 webgl 不清晰,可新建个 2d 的 canvas 去绘制 webgl 的 getImageDate
-
小程序不会正确处理图片链接中
\,造成图片请求但不显示,只能是/式的路径,比如 图片 -
部分安卓机
background-image与border-radius合用会不显示图片,需加上background-color才行 -
input[type="number"]不支持使用selection相关的光标操作 -
用
data:image/svg+xml,拼出来的 SVG 背景图,background-size不支持拉伸 -
btoa转 base64 不支持传入中文等 Unicode 字符,可搭配encodeURIComponent使用 -
IOS 的
iframe不支持传高度,最好有个父级包着并设-webkit-overflow-scrolling滚动 -
input[type="checkbox"]加字符串checked="false"或setAttribute('checked', '')也会勾选 -
html 中
data-userId会显示为全小写data-userid,但attr('data-USERID')不区分大小写都能获取到 -
UTF-16 字符在处理字符串时需注意,比如
'𠮷'.slice(-1)会得到未知字符,恐怕只能用for-of来做了 -
:last-child是按 dom 位置来的,并不受order排序的影响 -
display: inline设text-indent:-999em无效(有部分版本的 chrome 存在该问题) -
父级无高度时,子级
position: relative的百分比定位top: 50%会无效 -
父级
overflow:auto; position:relative;,子级绝对定位并超出,结果会显示滚动条,并非完全脱离文档流 -
<script src="xx.js" />不能使用单标签格式,不然会把后面的都当做文本 -
ElementUI 的
el-date-picker[type="daterange"]在 火狐 下不支持yyyy.MM.dd格式数据的传入,-或/可以 -
有
mask的元素box-shadow非inset形态无效,filter:drop-shadow()也是如此(可放到父级去) -
https 下无法点击打开下载 http 的资源
-
input[type="file"]的触发会触发window.onblur事件,可用document.activeElement来进行排除 -
在
label[for]的父级上加点击事件绑定,会触发两次click,很迷 -
new RegExp需对特殊字符进行转义,比如new RegExp('\\d').test(1)中的\d需转移 -
苹果机上当
div的click委托在document或body上会无法点击,可换为a或添加cursor: pointer等。见文 -
苹果机移动端
contenteditable无效,需加上-webkit-user-select: text -
小程序的
cover-view不能使用:before和gradient样式 -
disabled会禁掉mouse事件,却没有禁touch事件 -
$.fn.serializeArray方法会把回车\n改为\r\n,增加了字符串长度 -
Math.round四舍五入方法可能有误,见 推文 -
苹果机在 QQ 浏览器中修改
document.title无效,需新建删除一个iframe来骚操作 -
粘贴功能
execCommand('paste')被各家浏览器禁用掉了 -
小程序的
cover-view手机上不触发 touch 事件 -
:not(.x):last-of-type并不代表去掉.x后的最后一个,它们是并列关系而非先后关系
---------------------------------------------------
先整理第一期吧,希望对你有些帮助,
欢迎来 GayHub 给我 star 一下,嘤嘤嘤~