移動web開發經驗總結

2022-07-15 21:45:13 字數 999 閱讀 4427

1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同時遮蔽ios和android下點選元素時出現的陰影。

備註:transparent的屬性值在android下無效。

3、-webkit-transform:translate3d(0, 0, 0)在ios下可以讓動畫更加流暢(這個屬性會呼叫硬體加速模式),但是在android下不可亂用,很多見所未見的bug就是因為這個。

4、@-webkit-keyframes可以預定義很多你所想到的動畫,然後通過-webkit-transition來呼叫。

5、-webkit-background-size可以做高畫質圖示,不過一些低版本的android只能識別background-size,所以有必要兩個都要寫上;用這個屬性的時候推薦樹勇cover這個值,可以自動去匹配寬和高。

6、text-shadow多用這個屬性,可以美化文字效果。

7、border-radius、box-shadow、gradient、border-image,不解釋,可以精簡**。

8、android、ios4及以下,固定寬/高塊級元素的overflow:scroll/auto失效,屬於瀏覽器的bug,可借助第三方工具實現。

9、ios5+可以通過scrollto(0,0)來自動隱藏瀏覽器位址列。

10、width可是寬度,initial-scale初始化縮放比例,maximum-scale允許使用者縮放的最大比例,minimum-scale允許使用者縮放的最小比例,user-scalable是否允許使用者縮放。

12、css3動畫會影響你的自動聚焦,所以自動聚焦要在動畫執行之前來做,或者直接捨棄。

13、使用media query適配不同螢幕。

14、如果涉及較多域外鏈結,dns prefetching可以幫你做dns預解析。

15、如果你希望你的站點更多地在sns上傳播,那麼open graph protocol會比較適合你。

16、當用iscroll時候,不能使用:focus偽類,否則滑動會卡。

移動web開發經驗總結

1 webkit tap highlight color rgba 255,255,255,0 可以同時遮蔽ios和android下點選元素時出現的陰影。備註 transparent的屬性值在android下無效。3 webkit transform translate3d 0,0,0 在ios下可...

移動web開發經驗總結 1

1.width可是寬度,initial scale初始化縮放比例,maximum scale允許使用者縮放的最大比例,minimum scale允許使用者縮放的最小比例,user scalable是否允許使用者縮放。2.webkit tap highlight color rgba 255,255,...

開發經驗總結

2018 8 29 1.盡量不要在迴圈方法裡面查詢資料庫 應該使用join或者union將資料統一查詢出來後,迴圈處理資料 2.新增或者更新資料時,addtime 和updatetime 的值不要寫在dal層,統計資料時不好控制 3.如果你程式裡面使用的sql語句的話。insert 語句 應該寫明新...