頁面調試 常用的調試方法 開發時候的調試基本是在chrome的控制台Emulation完成 現有的一些手機端調試方案： Remote debugging with Opera Dragonfly 需要wifi網絡，下載最新的桌面版的opera,下載手機端的opera,通過桌面版 ...

　最近剛做完一個移動端的項目，產品之無敵，過程之艱辛，我就不多說了，記錄下在這個項目中遇到的問題，以防萬一，雖然這些可能都是已經被N多前輩解決掉了的問題，也放在這里，算是為自己漫漫前端路鋪了一顆小石子兒吧，也在文末留下自己未能解決的疑問，希望看到的朋友能解惑。 　　都知道做移動端的開發 ...

移動端H5頁面慣性滑動監聽 　　在移動端，當你快速滑動有滾動條的頁面時，在你手指離開屏幕時，滾動並不會立即停止，而是會隨着“慣性”繼續滑動一段距離。 　　在做項目的過程中，需要監聽慣性滑動整個過程。在網上並沒有找到相應的監聽事件，於是就自己寫了一個監聽方法。 　　慣性滾動開始時調用的方法 ...

最簡單的適配方案 7.5 為 設計圖的寬度除以100； H5端自適應框架 使用方便，設計圖的1px對應0.01rem,設計圖的字體大小24px對應0.24rem,就是如此簡單！ 詳情參考 H5自適應方案 使用方法： <script ...

1.建一個遮罩層div <div id="cover"></div> 2.設置遮罩層樣式 #cover { position: absolute ...

前言：前端頁面的布局（各元素的間距），一般會有PSD文件，有精確的px單位，而px與rem要如何轉換才能高度還原設計圖呢 一般情況下，設計稿的寬高為： 750*1334px，而大部分流行手機的屏幕尺寸為： 375*667px，正好是一倍的關系。 手機瀏覽器的根 ...

最近工作任務主要是移動端內嵌H5頁面，一次與原生進行像素交互下，發現了這個天坑，再次做個記錄📝 天坑如下： 　　H5頁面中的“像素”與移動端設備的“像素”系統不一致，對於剛接觸這塊的我，曾經幾時在還沒有遇到過這樣的情況下，去看相關的文章一點體會也沒有，這次碰上了，然后又重新 ...

...