發(fā)簡信
IP屬地：加州
-
記一次移動(dòng)端滑動(dòng)穿透的問題解決
移動(dòng)端當(dāng)有fixed蒙層遮罩時(shí)缀雳，在屏幕上滑動(dòng)能夠滑動(dòng)背景下的內(nèi)容，這就是滾動(dòng)穿透問題。 1、問題還原 css就省略了，內(nèi)容部分是超過一屏的長度的...
-
Flex布局實(shí)例-網(wǎng)格布局一、基礎(chǔ)網(wǎng)格布局 最簡單的網(wǎng)格布局，就是平均分布隙弛。在容器里面平均分配空間，需要設(shè)置項(xiàng)目的自動(dòng)縮放狞山。 二全闷、百分比布局 某個(gè)網(wǎng)格的寬度為固定的百分比...
-
Flex布局實(shí)例-骰子布局
1、 單項(xiàng)目 首先萍启，只有左上角有1個(gè)點(diǎn)的情況总珠。Flex布局默認(rèn)就是首行左對齊屏鳍，所以一行代碼就夠啦。 設(shè)置項(xiàng)目的對齊方式局服，就能實(shí)現(xiàn)居中對齊和右對齊...
-
初識(shí)flex
Flex是Flexible Box的縮寫钓瞭，彈性布局，為盒狀模型提供最大的靈活性淫奔。 1山涡、瀏覽器支持情況 目前，F(xiàn)lex布局已經(jīng)得到了主流瀏覽器的支...
-
工作筆記(五)
第五個(gè)工作筆記 1唆迁、 瀏覽器出錯(cuò)處理 錯(cuò)誤類型：Error鸭丛、RangeError、Reference和TypeError唐责。 捕捉錯(cuò)誤的目的在于避...
-
工作筆記（四）
工作筆記四 第四個(gè)工作筆記 1鳞溉、JS的錯(cuò)誤處理 2、移動(dòng)端300ms點(diǎn)擊延遲 產(chǎn)生原因：瀏覽器需要進(jìn)行一次縮放判斷鼠哥。 3熟菲、橫豎屏切換函數(shù)-ori...
-
JavaScript獲取操作系統(tǒng)和瀏覽器名稱
檢測客戶端的操作系統(tǒng)和瀏覽器名稱是比較常見的需求，整理保存一下備用~ 1朴恳、檢測瀏覽器名稱 2抄罕、 檢測IE瀏覽器版本號(hào)（兼容IE11） IE11瀏...
-
2017，再見菜皂，2018贞绵，請指教這是一份遲到的總結(jié)厉萝，原諒我的拖延癥恍飘。2017年走得很慢，我經(jīng)歷了第一次在異鄉(xiāng)租房谴垫、實(shí)習(xí)章母、畢業(yè)旅行、答辯和畢業(yè) 翩剪、入職乳怎、去香港...2017年也走...
-
工作筆記（三）
十月過得真快，轉(zhuǎn)眼就月底了前弯，我也迎來了我的第三個(gè)工作筆記蚪缀。 1、元素滾動(dòng)的屬性 scrollWidth : 滾動(dòng)元素內(nèi)容的實(shí)際寬度 scroll...