位置: 编程技术 - 正文
JavaScript使用DeviceOne开发实战（四）仿优酷视频应用(javascript define的用法)
编辑：rootadmin推荐整理分享JavaScript使用DeviceOne开发实战（四）仿优酷视频应用(javascript define的用法)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:javascript用处,javascript define,javascript define,javascript decode,javascript decode,javascript definitive guide,javascript define,javascript运用,内容如对您有帮助，希望把文章链接给更多的朋友！
大家没有进行开发之前首先需要考虑系统的差异性，比如说IOS手机有没有回退键，所以在开发时一定要考虑二级解密需要有回退键，否则ios的手机就会陷入到这个页面回不去。
安卓系统有回退键，针对这个情况需要要求用户在3秒钟之内连续按回退键两次才退出系统，以此防止用户误按回退键，具体代码实现如下：
仿优酷视频实现了四个主界面，页面之间可以通过左右滑动页面来切换页面，也可以通过点击底部按钮实现页面间的切换，并且底部按钮的颜色也会随着页面的切换而改变。此功能通过slideview组件实现，效果图片如下：
底部变化：
代码实现如下：
首页海报之间的切换和页面间切换类似，但海报间切换还实现了自动定时切换的功能，每三秒钟切换一次，时间控制由do_timer来实现，在使用这个组件时，时间段不能是，否则ios系统将会有不兼容的问题，图片及代码如下所示：
图片：
代码：
点击主界面的左上角的下载按键后，进入下载界面，点击下载后应用将从网上下载另个图片的海报来取代原海报，下载的进度通过进度条来显示，下载功能通过http组件的download方法实现，进度条通过do_progressbar组件实现，其效果图及代码实现如下：
效果：
代码：
右上角有三个按钮点击左数第一个按钮之后将弹出一个查找界面，查找界面的搜索框由textfield组件实现。
点击第二个按钮之后将弹出扫描二维码的界面，该界面实现了扫描二维码的功能，成功之后提示用户扫描成功，二维码由do_BarcodeView组件实现，实现图片和实现代码如下所示：
代码：
点击第三个按钮之后，界面将弹出一个图片，再按一次该按钮后，图片消失，效果如下：
视频播放功能
点击首页的任意一张海报就进入到视频播放界面，点击播放按键后将播放视频，此功能由do_VideoView组件实现，效果和代码实现如下：
代码：
点击“戳一下，你喜欢看的都在这里了”按钮，主页面会直接跳到订阅页面。此功能的实现依赖于页面之间的数据交换，利用page组件在index页面的逻辑代码中定义一个event1事件，在shouye页面的逻辑代码中调用page组件的fire函数来触发event1事件。
效果图如下：
逻辑代码如下：
index页面：
以上所述就是小编给大家介绍的JavaScript使用DeviceOne开发实战（四）仿优酷视频应用，希望大家喜欢。
js文本框输入内容智能提示效果 本文实例讲述了js文本框输入内容智能提示效果代码。分享给大家供大家参考。具体如下：运行效果截图如下：大体思路：1.监听文本框事件。这里是用
JavaScript如何禁止Backspace键 今天在IE浏览器下发现，当把使用readonly="readonly"属性将文本框设置成只读inputtype="text"readonly="readonly"/时有一个奇怪的问题：如果光标进入只读文本框，
javascript实现获取浏览器版本、浏览器类型 从网上找到一段使用JavaScript判断浏览器以及浏览器版本的比较好的代码，在此记录一下：scripttype="text/javascript"varSys={};varua=navigator.userAgent.toLowerCase();vars
![[TMOOC]PhoneGap开发环境搭建(apple开发)](https://www.jiuchutong.com/image/20240129/1706507886.jpg)