最近公司在開發一款快應用, 第三版已經上線. 期間也踩了不少坑. 特地發出來 , 希望能幫助一些新手同學; 今天簡單聊一下, 以後再逐條詳細說下
需要說明的是 這些注意的點都是在1040的版本中的問題 目前快應用已升級1050版本 因要考慮大多機型的兼容性 我司還未升級 所以以下僅限於1040版本中的問題 另外 聯盟的編輯器和華爲的編輯器報錯的機制也各不相同 所以 以下的注意點僅供參考吧
1. input標籤必須有height 否則會報outline錯誤
2. chrome調試會有跨域問題 手機調試沒有跨域 重要的事說三遍 一定要真機調試 一定要真機調試 一定要真機調試
3. a標籤跳轉和router方法 跳轉http式的鏈接 手機可以正常跳轉 chrome不行
4. 引入css樣式要加分號 否則不管用
5, 佈局默認是border-box模型 不支持content-box模型;不支持box-sizing 屬性
6. ajax返回的data需要json.parse
7. props傳值需要小寫
8. 聯盟的加載器和華爲的加載器 渲染機制不同 比如華爲渲染input 光標是白色的 而聯盟的不是
9. 修改data 可以映射到dom中 但是修改dom 無法映射到data
10. list裏面只能用show 用if會有bug
11 list內部引入外部組件會造成樣式丟失bug
12 快應用對css支持的不好 n多css屬性不能用 需參考文檔使用
暫時就這麼多吧 如果你要開發快應用 需要先看一遍官方文檔 再開發 我們一般有些人的開發邏輯是 先簡單看一遍文檔 => 然後開始開發 => 接着遇到多種問題和坑兒 => 邊看文檔邊開發 => 代碼邏輯混亂 不合乎快應用規範 代碼可能還需要重構
有些人以爲這樣是速度最快的 但是我更推薦的是這種開發邏輯:
建議的開發邏輯 :
仔細閱讀下文檔 => 哪怕一開始一個代碼不寫 花兩天時間只看文檔(和領導講明白) => 掌握基本的開發知識 比如 生命週期 路由 傳值 等 => 一切準備就緒 => 開始開發
目前快應用周邊可用的庫還比較少 如果公司沒有特別的要求 就不用引入第三方庫了 因我司開發的是小說閱讀類軟件 所以未使用第三方庫