前端在項(xiàng)目中的注意事項(xiàng)

  • 設(shè)計(jì)稿

    1. 是否 兼容iPad
    2. 字體方案(px/rem)捧灰,字體過小采取瀏覽器最小顯示
    3. 單吨娜、多行省略
    4. 圖標(biāo)轉(zhuǎn)icon
    5. 多行l(wèi)ine-height值是否確定
    6. 展開收起功能是否能用技術(shù)實(shí)現(xiàn)(如果有展開和收起树肃,控制必須是另起一行的丐吓,不能跟省略的文本處同一行)
    7. 導(dǎo)航欄,在滾動(dòng)時(shí)候的樣式柿汛,是固定到頂部還是隨著頁面滾動(dòng)冗酿。
  • 實(shí)現(xiàn)

    1. 設(shè)寬高還是設(shè)margin,padding,IOS與Android字體的line-height不一致,涉及多行字體的最好是讓其自由撐開已烤。
    2. 加載更多的問題鸠窗,是否僅僅是加載更多妓羊,還是根據(jù)選擇而加載不同的數(shù)據(jù)(帶標(biāo)簽的加載)
    3. 加載的數(shù)據(jù)模板與首次渲染模板一致性
    4. input的text框判斷無內(nèi)容不發(fā)送或做其他處理
    5. 點(diǎn)擊請求的需要做控制以防多次發(fā)出請求胯究,可以用input的disabled控制,可以添加waiting進(jìn)行全屏遮罩阻止用戶點(diǎn)擊躁绸。
    6. position:fixed在IOS下彈出軟鍵盤時(shí)會(huì)失效裕循,底端的固定(輸入框)可用彈性盒布局設(shè)計(jì),頂端固定暫時(shí)沒想到好的替代方案净刮。
    7. 視頻播放攔截在play,click,playing媒體事件中都最好寫上相應(yīng)的判斷剥哑。
    8. 加載數(shù)據(jù)的接口是否以前端決定加載的數(shù)量
    9. 【React項(xiàng)目】純渲染組件與有邏輯組件之間的通信。
    10. 域名路徑淹父。上線的項(xiàng)目也許不僅僅是改變域名株婴,還會(huì)帶有路徑,所以最好是預(yù)留一個(gè)公共變量給請求和跳轉(zhuǎn)的路徑暑认。開發(fā)時(shí)可為空困介。
    11. 單行多行省略控制間距不能用padding,否則會(huì)出現(xiàn)下文蘸际。要用margin
  • 測試
    1. 自己公司的文章(所有內(nèi)容)都需要認(rèn)真看一次座哩,讀一次,不容許有一個(gè)錯(cuò)字粮彤。
    2. 加載出來的數(shù)據(jù)與首次渲染的數(shù)據(jù)動(dòng)作是否一致(onclick事件是否綁定根穷,模板是否與首次渲染的一致)
    3. 重復(fù)點(diǎn)擊會(huì)發(fā)生什么

** 會(huì)持續(xù)更新 **

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市导坟,隨后出現(xiàn)的幾起案子屿良,更是在濱河造成了極大的恐慌,老刑警劉巖惫周,帶你破解...
    沈念sama閱讀 219,539評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件尘惧,死亡現(xiàn)場離奇詭異,居然都是意外死亡闯两,警方通過查閱死者的電腦和手機(jī)褥伴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,594評(píng)論 3 396
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來漾狼,“玉大人重慢,你說我怎么就攤上這事⊙吩辏” “怎么了似踱?”我有些...
    開封第一講書人閱讀 165,871評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵澳泵,是天一觀的道長盟广。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么既穆? 我笑而不...
    開封第一講書人閱讀 58,963評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮良风,結(jié)果婚禮上嗡载,老公的妹妹穿的比我還像新娘。我一直安慰自己哮独,他們只是感情好拳芙,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,984評(píng)論 6 393
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著皮璧,像睡著了一般舟扎。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上悴务,一...
    開封第一講書人閱讀 51,763評(píng)論 1 307
  • 那天睹限,我揣著相機(jī)與錄音,去河邊找鬼讯檐。 笑死羡疗,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的裂垦。 我是一名探鬼主播顺囊,決...
    沈念sama閱讀 40,468評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼蕉拢!你這毒婦竟也來了特碳?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,357評(píng)論 0 276
  • 序言:老撾萬榮一對情侶失蹤晕换,失蹤者是張志新(化名)和其女友劉穎午乓,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體闸准,經(jīng)...
    沈念sama閱讀 45,850評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡益愈,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,002評(píng)論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了夷家。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蒸其。...
    茶點(diǎn)故事閱讀 40,144評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖库快,靈堂內(nèi)的尸體忽然破棺而出摸袁,到底是詐尸還是另有隱情,我是刑警寧澤义屏,帶...
    沈念sama閱讀 35,823評(píng)論 5 346
  • 正文 年R本政府宣布靠汁,位于F島的核電站蜂大,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏蝶怔。R本人自食惡果不足惜奶浦,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,483評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望踢星。 院中可真熱鬧澳叉,春花似錦、人聲如沸斩狱。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,026評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽所踊。三九已至,卻和暖如春概荷,著一層夾襖步出監(jiān)牢的瞬間秕岛,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,150評(píng)論 1 272
  • 我被黑心中介騙來泰國打工误证, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留继薛,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,415評(píng)論 3 373
  • 正文 我出身青樓愈捅,卻偏偏與公主長得像遏考,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子蓝谨,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,092評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,190評(píng)論 25 707
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案灌具? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評(píng)論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)譬巫,斷路器咖楣,智...
    卡卡羅2017閱讀 134,672評(píng)論 18 139
  • Spring Boot 參考指南 介紹 轉(zhuǎn)載自:https://www.gitbook.com/book/qbgb...
    毛宇鵬閱讀 46,827評(píng)論 6 342
  • 我的初衷是什么诱贿?也就是想找點(diǎn)可以做一輩子的事罷了。 一輩子咕缎,會(huì)做的事很多珠十,我要吃一輩子飯,走一輩子路凭豪,但是到頭來焙蹭,...
    文君1閱讀 713評(píng)論 81 28