随笔分类 -  Javascript

iOS8下html5 Video换片的问题解决
摘要：新出的iOS8好像有很多新的调整，是好是坏现在也无法定论。在做视频切换的时候之前一直都是使用更新video中的source来做切换。但是在ios下始终只能播第一个，检查发现第一个视频播放完成之后也会出发ended事件。所有的流程都能实现，但是就是播不了第二个视频。后面发现，每次切换视频的时候都是刷新... 阅读全文
posted @ 2014-09-22 11:06 兰斌 阅读(336) 评论(0) 推荐(0)
html5 Video 跳过当前视频
摘要：在html5的video中，有时候加载视频会出现问题。特别在手机端，我们需要去检测视频加载是否出现问题，如果出现问题要怎么解决。在我目前的需求中，是需要跳过当前视频播放下一个。我的大致的逻辑是//依赖jqueryvar player = $("#player"), playlist = [... 阅读全文
posted @ 2014-09-04 12:02 兰斌 阅读(953) 评论(0) 推荐(0)
Javascript日期函数使用需要注意地方
摘要：当我们需要获取未来某个时间的毫秒数时，可能第一时间想到的方法是(new Date("2014-12-08 12:00:00")).getTime()这个在方法在chrome下是会返回一个数字的。但是在IE下返回的是一个NaN，是因为IE下认为 YYYY-mm-dd HH:ii:ss不是一个合理的日期... 阅读全文
posted @ 2014-08-31 01:44 兰斌 阅读(251) 评论(0) 推荐(0)
Javascript识别浏览器+操作系统
摘要：Javascript识别浏览器+操作系统var os_mapping = { 'win98': 1, 'winxp': 2, 'win2000': 3, 'win2003': 4, 'win... 阅读全文
posted @ 2014-08-29 10:13 兰斌 阅读(376) 评论(0) 推荐(0)
Javascript数字前补零的功能
摘要：有时候计算出日期或者时间或者单位的数需要有前补零可以用这种方法function padZero(num) { if (!isNaN(num)) { if (num.toString().length < 2) { return "0" + num ... 阅读全文
posted @ 2014-08-22 17:11 兰斌 阅读(1026) 评论(0) 推荐(1)
javascript获取某个指定时间的时间戳
摘要：function getTargetTime(t){ var d = t.split(" ")[0], h = t.split(" ")[1], date = new Date() date.setYear(d.split("-")[0]) date.s... 阅读全文
posted @ 2014-08-22 17:09 兰斌 阅读(7506) 评论(0) 推荐(0)
在angular的自定义回调中操作$scope
摘要：在angular的controller中有时候会使用到自定义的回调，比如异步请求的回调函数一般返回之后都需要更新页面的数据，即更新$scope.xx但是如果直接 $scope.xx = data.info这样根本不会有任何的影响解决方案this.callback = function (status... 阅读全文
posted @ 2014-07-02 15:06 兰斌 阅读(3199) 评论(0) 推荐(0)
AngularJs-destroy事件
摘要：$scope.$on("$destroy", function() { //清除配置,不然scroll会重复请求 })在Controller中监听$destory事件，这个事件会在页面发生跳转的时候触发。在页面跳转之后，这个页面监听的一些全局事件，... 阅读全文
posted @ 2014-06-30 12:06 兰斌 阅读(3747) 评论(0) 推荐(0)
Javascript优质组件
摘要：Javascript优质组件1. Chart 1) ChartJShttp://www.bootcss.com/p/chart.js/ GitHub:https://github.com/nnnick/Chart.js 使用简单，基于canvas，动画漂亮，但是只有基本功能，主要可以用于展示一维数据 2）Angular-chartshttp://chinmaymk.github.io/angular-charts/ Github:https://github.com/chinmaymk/angular-charts 比较中规中矩的图表，主要用于显示基于两... 阅读全文
posted @ 2014-03-14 09:51 兰斌 阅读(222) 评论(0) 推荐(0)
最近学习
摘要：1. nodejs 2. ubuntu 3. vim 4. angularJS 5. impressJS 阅读全文
posted @ 2014-02-25 17:25 兰斌 阅读(120) 评论(0) 推荐(0)
chrome插件开发需要注意的地方
摘要：1. chrome传递消息的API在不同的版本有变化，此段代码可以做一个兼容处理。function compatibleChrome() { if (!chrome.runtime) { // Chrome 20-21 chrome.runtime = chrome.extension; } else if (!chrome.runtime.onMessage) { // Chrome 22-25 chrome.runtime.onMessage = chrome.extension.onMessage; chr... 阅读全文
posted @ 2013-11-21 11:49 兰斌 阅读(309) 评论(0) 推荐(0)
简单的滚动导航
摘要：简单的滚动导航实现。定位使用fixed，暂不支持ie6. 阅读全文
posted @ 2013-11-01 16:15 兰斌 阅读(154) 评论(0) 推荐(0)
同一页面多个Uploadify实例使用
摘要：刚刚接触jQuery的插件uploadify没几天，发现确实这个东西还是挺好用的。把所有与上传相关的东西都封装好了，几乎用上了之后没什么要做的。但是，在实际使用中，一个页面需要有多个上传的地方，而且上传的文件类型不一样，存储的地方也不一样。如果每个按钮单独进行uploadify的绑定，代码真是看起来又蠢又长。所以，我再封装了一下，做成类似工厂模式，每次用的时候只要装配一下就可以了。$("#a").uploadify({});$("#b").uploadify({});之前每个上传按钮都需要这样进行装配。function uploadify(obj, ar 阅读全文
posted @ 2013-10-18 09:40 兰斌 阅读(1836) 评论(2) 推荐(0)
简单的日期选择器
摘要：纯生JS的一个简单的日期选择器。实现了主要功能，其他的可以根据实际应用情况再做操作。 阅读全文
posted @ 2013-08-15 13:37 兰斌 阅读(185) 评论(0) 推荐(0)