手機網頁開發問題總結(一)

2021-07-09 08:50:38 字數 1010 閱讀 1539

區域性開啟彈性滾動:

body

android不支援原生的彈性滾動,可以借助類似iscroll來實現

bug:android只會觸發一次touchstart,一次touchmove,不觸發touchend;

:在touchmove中加入event.preventdefault()。可以fixedbug;

but:event.preventdefault()會導致預設行為不發生,如scroll,導致頁面不滾動。

tab透傳的解決方案

1. 使用緩動動畫,過濾300ms的延遲

2. 中間層dom元素的加入,讓中間層接受這個」穿透「事件,稍後隱藏

3. 「上下」都使用tap事件,原理上解決tap透傳事件(但不可避免原生標籤的click事件)

4. 改用fastclick的庫,(最新版的zepto據說解決了這個bug)

retina螢幕的問題,根本原因:1px使用2dp渲染(border:0.5px僅ios8可以使用)

解決辦法(scaley(0.5)):

.sidebar

.folder

li .folder

li + li

:before

1. 單行文字溢位:

.inaline

2. 多行文字溢位:

.intwoline

autocapitalize='off' autocomplete='off' autocorrect='off' spellcheck='false'

手機網頁開發簡單總結

1.手機螢幕的寬度不統一,我們強制給文件設定乙個比例 viewport content width device width,initial scale 1.0,maximum scale 1.0,user scalable 0 定義 device width是通知瀏覽器使用裝置的寬度作為可視區的寬...

產品開發問題總結

公司和軟體系統開發分成兩部分,一部分叫產品,另一部分叫開發 他們之間的矛盾是這樣的,開發總是認為產品,文件或者產品的定義不清楚而,產品認為開發總是找事,或者說肯定是一次性不說不清楚的,所以文件有問題是理所當然的。大家都沒有錯。所有人讓開發也參加產品的討論會。希望這樣可以解決問題,這樣能解決問題嗎?首...

thrift開發問題總結

作為目前最流行的rpc框架,thrift不僅提供了通訊協議,同時提供了網路框架,解脫了程式設計師的生產力。thrift也是阿帕奇hadoop系列的rpc實現工具。本文主要聚焦在實現的thrift系統中,遇到的各種問題。但是thrift在隱藏一些底層細節的同時,也給應用層帶來了一些不確定性,這些不確定...