整理H5外掛程式開發中的問題（前端）

#轉殖**倉庫

# 新建乙個分支

'use strict'

module.exports = ,
...// 重點. 需要向後台索要api位址, 如果不配置, 呼叫不了api介面

假如後台有乙個獲取商品列表的介面 goods 請求方式為get

const  = await

this.api.get('goods')
console.log(data)

api物件包含4個方法 get , post, put, delete

// 選圖

try = await
this.wechat.chooseimage()
const = await
this.wechat.uploadimage()
// 提交
try = await
this.api.get('upload', )
if (data.error) 
// 執行下面邏輯
const id = data.id
} catch (err) 
} catch (err) 

在應用發布過程中, 後台需要知道應用的pv, uv, 參與度, 分享度等資料

收據收集則由前端進行

在框架中, 封裝了相應的方法

你應該在合適的地方呼叫它, 進行資料收集

參與度資料, 應當在使用者參見應用的時候進行收集

// 在油膩值測試應用中, 使用者上傳了**,參與了油膩值測試

// 呼叫本方法進行資料收集
this.collector.go();

通過打包命令打包

npm run build

npm run deploy

執行npm run dev

可以看到, 監聽了8080埠

檢視本機ip

macos/linux

開啟終端, 執行ifconfig

可以看到, 本機ip為192.168.29.93

windows

開啟cmd

執行ipconfig

找到本機ip

然後將上面的位址 中的0.0.0.0替換成本機位址 

移動h5開發中遇到的問題

1 輸入框觸發輸入法後，完成輸入，頁面不回彈，這在ios手機上很常見，解決辦法是，在輸入法失去焦點是，上讓頁面抖動一下，網上很多的解決辦法，具體就不說了，時機可以自己把握，只要是完成輸入法，就可以讓頁面抖動一下 2 ios上，當用absolute將底部欄定位到底部時，向上拖動頁面，底部欄會跟著網上被...

前端H5開發遇到的問題 雙擊頁面放大

html5預設允許使用者縮放頁面，如果需要禁止縮放，需要將user scalabel 0設定。解決辦法 該meta標籤的作用是讓當前viewport的寬度等於裝置的寬度，同時不允許使用者手動縮放。其中 maximum scale為允許使用者的最大縮放值，user scalable為是否允許使用者進行...

H5前端開發筆記（一）

用於首頁火柴效果與雲彩效果 經測驗css3的寫法可以完美實現幀動畫，儘管ie8及以下不支援，而使用jquery會有明顯的卡頓。webkit keyframes fire 5 10 15 20 25 30 35 40 45 50 55 60 65 70 75 80 84 88 92 96 100 fi...