- 子元素為
inline-block時父級底部會有一點空隙，與vertical-align + line-height有關，案例 - canvas 的
lineWidth即使設成0也還會是1 [NaN].indexOf(NaN); // -1陣列中找不到NaN
transform: scale(.5)下的offsetWidth等還是原寬，只能getBoundingClientRect().width- 其他瀏覽器下單頁面專案的
/#/被認為是 hash，但 IE 瀏覽器會認為是路徑，會造成無法訪問 <select>的readonly還是能點開，推薦使用select[readonly] { pointer-events: none; }let和const不會像var一樣會在 window 下宣告，比如let a是取不到window.a的wx.onMenuShareAppMessage的type不能是空字串，要麼不傳，要麼type: "link"wx.config需要傳入的連結，蘋果機下如果使用過 history api 將簽名失敗- CSS 的
content的文字和圖片，是不可選擇的
- 蘋果機鍵盤彈起後元素上移，鍵盤收回後元素不歸位，用
$(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不支援拉伸 - ES6 用變數作物件屬性名時有點小問題，如
var a = 'x'; var obj = { [a]: 1 }; obj[a]; // 1但其實應該只有obj.x的 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來做了 - 空陣列進行
every判斷始終為true，需根據場景做好排除 :last-child是按 dom 位置來的，並不受order排序的影響display: inline設text-indent:-999em無效- 父級無高度時，子級
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()也是如此（可放到父級去） min-width的預設是auto，而max-width的預設是none- https 下無法點選開啟下載 http 的資源
input[type="file"]的觸發會觸發window.onblur事件，可用document.activeElement來進行排除- 點選在
label[for]的父級上，會觸發兩次click，很迷 new RegExp需對特殊字元進行轉義，比如new RegExp('\\d').test(1)才有效，還是/\d/.test(1)好呀。- 設定
border-image後，border-radius失效。 - 給定位的
body設background-size，如100% 100%或contain會沒有相對高度，但cover有效。 - 蘋果機上當
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 事件 inline行級元素設定transform無效- 蘋果機沒有原生雙擊事件
dblclick :not(.x):last-of-type並不代表去掉.x後的最後一個，它們是並列關係而非先後關係
---------------------------------------------------
先整理第一期吧，希望對你有些幫助，
歡迎來 GayHub 給我 star 一下，嚶嚶嚶~