近期接觸了iptv機(jī)頂盒的頁面開發(fā)千元，記錄下問題和經(jīng)驗。
1. 布局用position：absolute 定位蔓姚。方便了布局捕虽，更重要的是電視上遙控的焦點跳轉(zhuǎn)，在使用傳統(tǒng)布局時坡脐，如ul,li...泄私，會出現(xiàn)跳轉(zhuǎn)位置與預(yù)想不符的情況，所以直接用絕對定位開發(fā)备闲。
? ? 2. 使用jQuery 進(jìn)行開發(fā)晌端，諸如vue等沒有實際使用在IPTV項目，但根據(jù)機(jī)頂盒內(nèi)嵌瀏覽器的兼容性來說恬砂，使用jQuery應(yīng)該是 最不會出現(xiàn)不明bug或兼容問題的開發(fā)工具咧纠。
? ? 3. 使用es5。es6及以上的語句表達(dá)方式就不要出現(xiàn)了泻骤，因為瀏覽器識別不到漆羔。諸如：=>梧奢，let...;
? ? 4. 可直接用1280*720的標(biāo)準(zhǔn)圖進(jì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進(jìn)行定位，播放等操作端姚，所以開發(fā)中出現(xiàn)一些奇奇怪怪的問題，有時候也只能曲線救國的去解決了挤悉。
? ? 8. 聚焦時樣式 :focus{}
? ? X. 在機(jī)頂盒配置自己服務(wù)器地址渐裸，設(shè)置跳轉(zhuǎn)入口進(jìn)行測試。
