近期接觸了iptv機頂盒的頁面開發(fā)，記錄下問題和經(jīng)驗。

1. 布局用position：absolute 定位。方便了布局，更重要的是電視上遙控的焦點跳轉(zhuǎn)，在使用傳統(tǒng)布局時，如ul,li...，會出現(xiàn)跳轉(zhuǎn)位置與預(yù)想不符的情況，所以直接用絕對定位開發(fā)。

? ? 2. 使用jQuery 進行開發(fā)，諸如vue等沒有實際使用在IPTV項目，但根據(jù)機頂盒內(nèi)嵌瀏覽器的兼容性來說，使用jQuery應(yīng)該是 最不會出現(xiàn)不明bug或兼容問題的開發(fā)工具。

? ? 3. 使用es5。es6及以上的語句表達方式就不要出現(xiàn)了，因為瀏覽器識別不到。諸如：=>，let...;

? ? 4. 可直接用1280*720的標(biāo)準(zhǔn)圖進行開發(fā)（px），我是用了rem自適應(yīng)。

? ? 5. 所有需要被聚焦的html元素，都需要被a標(biāo)簽包裹，如：<a href="javascript:dosomething();"><span></span></a>。

? ? 6. 每個頁面都需要設(shè)定一個初始的聚焦點。$('.').focus()。

? ? 7. iptv的web開發(fā)，在視頻播放方面有較大局限性，只能通過給定的API進行定位，播放等操作，所以開發(fā)中出現(xiàn)一些奇奇怪怪的問題，有時候也只能曲線救國的去解決了。

? ? 8. 聚焦時樣式 :focus{}

? ? X. 在機頂盒配置自己服務(wù)器地址，設(shè)置跳轉(zhuǎn)入口進行測試。