頁面常用的尺寸

PC：內容區寬度：
早期：60 980 1000
1200 1380
字體大小：
12px 14px
16px 18px
常用字體：“微軟雅黑”
Arial（針對英文）
H5： 750(大多設計稿的寬度)

暫時保留頁面狀態，例：分頁、選項卡

sessionStorage存儲實現

一般情況下請求數據流程

加載過程中有loading動畫，默認至少1秒(不然一閃而過也會給用戶不好的體驗)，請求完畢，loading消失，有數據則渲染頁面，沒數據顯示提示內容
像圖片這種加載不出的要有默認樣式（背景色、alt屬性之類的）

瀏覽器的記住密碼該如何解決

原理是匹配type和name屬性
解決辦法是在input type="password"輸入框中加上autoComplete = "new-password"屬性
火狐不兼容（多寫一個input隱藏即可）

分頁器（react）

1、這個分頁器必定是個單獨的組件 2、分頁器這個組件在被動態渲染的時候是沒有生命周期的，所以初始化數據要放在父組件中，用于掛載時發起ajax請 求初始化頁面 3、頁碼改變時調用父組件的ajax請求事件 請求接口的值直接使用參數，因為使用state的值獲取不到最新的數據 將值存到sessionStorage中，可以在頁面關閉前暫時保存頁碼 4、頁面的顯示，一般就是三種（loading動畫、內容為空的提示、加載出來的數據） 兩個狀態：loadFlag：loading動畫的狀態，默認falsenullFlag:提示的開關，默認false 數據請求邏輯：將loading打開，然后發起ajax請求請求后的結果有兩個長度大于0，之后就可以修改要顯示的數據和關閉loading長度不大于0，關閉loading，打開提示 5、但多個頁面同時使用這個分頁器時，我們就需要提前判斷一下 方法：（暫時就一種） 父組件傳一個值，用這個值去判斷

與安卓、ios進行聯調

videoOpen(obj){var oPar = obj.parents('li');var videoUrl = oPar.data('video')+'';if(P.userAgent()){var videoObj = {play_video:videoUrl};var str = JSON.stringify(videoObj);document.location = "y.com?"+str;}else {var videoObj = {url:videoUrl};var str = JSON.stringify(videoObj);window.myjs.doAction("play_video",str);}}

總結

以上是生活随笔為你收集整理的关于项目经验的的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。