2015年1月30日
使用canvas来实时播放RTSP视频
摘要： HTML5的标签可以用使用下来面的方式来播放静态视频 Your browser does not support the video tag.但目前桌面版本的chrome,firefox,ie却无法播放实时视频流。但在移动端可以使用HLS来播放实时视频。除了Video可以播放视频外还可以使用c... 阅读全文
posted @ 2015-01-30 20:02 jinphen 阅读(4523) 评论(0) 推荐(0)
2015年1月14日
Gruntjs构工具学习视频
摘要： 在这里推荐一个Gruntjs的学习视频，非常不错！http://www.imooc.com/learn/30 阅读全文
posted @ 2015-01-14 22:24 jinphen 阅读(163) 评论(0) 推荐(0)
2015年1月7日
seajs模块压缩问题
摘要： 在优化整理项目代码时，想使用seajs来把代码模块化。看了下官方5分钟上手教程，觉得很不错，也没多想就一直开发下去了，也没出什么问题。等一同事说把代码打包个放到设备上去测试一下，发现怎么也跑不起来，郁闷了。 于是单步调试一把，发现模块一直加不进来。看了一下seajs的原码，明白了是怎么回事。 ... 阅读全文
posted @ 2015-01-07 22:18 jinphen 阅读(997) 评论(0) 推荐(0)
2015年1月4日
web多语言的一种处理方式
摘要： 在开发一种国际化系统时，多语言是必须的。总的来说处理方式有两种，一种是后端处理，另一种是前端处理。呵呵，有点废话~~后端处理没用过，猜猜是在标记需要处理语言的地方进行替换。前端处理是要先把语言文件加载过来，再对各个需要翻译的DOM节点进行翻译。 1 2 当然这是最笨的方法，因为这个修改起来很不方便... 阅读全文
posted @ 2015-01-04 23:02 jinphen 阅读(227) 评论(0) 推荐(0)
2013年7月20日
js实现IE/Firefox的收藏功能
摘要： 代码： function addFavorite(el){ var url = window.location.href, title = $('head').find('title').html(); try{//IE window.external.AddFavorite(url, title); }catch(e){ //Firefox try{ window.sidebar.addPanel(title,url,''); }catch(e){ if(window.... 阅读全文
posted @ 2013-07-20 11:35 jinphen 阅读(274) 评论(0) 推荐(0)
2013年7月18日
line-height下的dispay:inline-block垂直居中
摘要： html: Search css：.search{height: 100px;margin-left: 20px;}.search-box{border: 1px solid #ccc; border-radius: 5px; display: inline-block;line-height:1px;}.s-input{width: 340px;height: 23px;padding: 8px;outline: 0;border: 0;border-radius: 5px 0 0 5px;}.s-btn{height: 40px;border: 0;width: 70... 阅读全文
posted @ 2013-07-18 17:13 jinphen 阅读(573) 评论(0) 推荐(0)
2013年5月18日
html5 script标签async属性用法
摘要： 在研究一些网站加载时发现很多网站的js加载用到了async属性，于是google了一下它的用法。async是html5新加的一个属性，点这里可查看它的标准定义。它的作用就是异步加载js并执行，它和dom的渲染是异步。(IE9貌似不支持这个属性) 如下代码，可看到在js还没有加载完，html内部的dom已经生成了。红色为html内部了，蓝色为test.js生成的。 html： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>test script async</title> 5 <scri 阅读全文
posted @ 2013-05-18 14:32 jinphen 阅读(441) 评论(0) 推荐(0)
收藏几篇关于浏览器重绘与回流的文章
摘要： 高性能WEB开发之页面呈现、重绘、回流http://developer.51cto.com/art/201104/257345.htm回流与重绘：CSS性能让JavaScript变慢？http://www.zhangxinxu.com/wordpress/2010/01/%E5%9B%9E%E6%B5%81%E4%B8%8E%E9%87%8D%E7%BB%98%EF%BC%9Acss%E6%80%A7%E8%83%BD%E8%AE%A9javascript%E5%8F%98%E6%85%A2%EF%BC%9F/关于html页面的重排和重绘，确定图片大小 http://www.rainleave 阅读全文
posted @ 2013-05-18 11:08 jinphen 阅读(334) 评论(1) 推荐(0)
2013年4月25日
简单的js模板工具
摘要： 在写代码的过程中，经常会用到模板，于是自己也写个模板小工具。 最简单的模板也就是字符替换，先用一个占位符${name}，然后再用一个数据替换它，eg：${name}=>Dane 在查找点位符时，要用到正则表达式(http://www.w3school.com.cn/js/js_obj_regexp.asp)，查找${name}这样一个占位符可用下面正则表达式： 1 var patt = new RegExp('\\u0024\\u007B'+name+'\\u007D','g');2 result = result.replace(patt 阅读全文
posted @ 2013-04-25 16:10 jinphen 阅读(581) 评论(2) 推荐(0)
2013年4月20日
页面无刷新上传文件
摘要： 原理：FORM标签中的target属性规定在何处打开 action URL，值列表如下：值描述_blank在新窗口中打开。_self默认。在相同的框架中打开。_parent在父框架集中打开。_top在整个窗口中打开。framename在指定的框架中打开。 如果把target指向在本页面中的一个iframe，则提交上传文件时，会在指定的iframe中刷新，整体页面不会刷新，从而做到整体页面无刷新上传。 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type&quo 阅读全文
posted @ 2013-04-20 13:40 jinphen 阅读(745) 评论(0) 推荐(0)