摘要: HTML5的标签可以用使用下来面的方式来播放静态视频 Your browser does not support the video tag.但目前桌面版本的chrome,firefox,ie却无法播放实时视频流。但在移动端可以使用HLS来播放实时视频。除了Video可以播放视频外还可以使用c... 阅读全文
posted @ 2015-01-30 20:02 jinphen 阅读(4387) 评论(0) 推荐(0) 编辑
摘要: 在这里推荐一个Gruntjs的学习视频,非常不错!http://www.imooc.com/learn/30 阅读全文
posted @ 2015-01-14 22:24 jinphen 阅读(156) 评论(0) 推荐(0) 编辑
摘要: 在优化整理项目代码时,想使用seajs来把代码模块化。看了下官方5分钟上手教程,觉得很不错,也没多想就一直开发下去了,也没出什么问题。等一同事说把代码打包个放到设备上去测试一下,发现怎么也跑不起来,郁闷了。 于是单步调试一把,发现模块一直加不进来。看了一下seajs的原码,明白了是怎么回事。 ... 阅读全文
posted @ 2015-01-07 22:18 jinphen 阅读(991) 评论(0) 推荐(0) 编辑
摘要: 在开发一种国际化系统时,多语言是必须的。总的来说处理方式有两种,一种是后端处理,另一种是前端处理。呵呵,有点废话~~后端处理没用过,猜猜是在标记需要处理语言的地方进行替换。前端处理是要先把语言文件加载过来,再对各个需要翻译的DOM节点进行翻译。 1 2 当然这是最笨的方法,因为这个修改起来很不方便... 阅读全文
posted @ 2015-01-04 23:02 jinphen 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 代码: 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 阅读(260) 评论(0) 推荐(0) 编辑
摘要: 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 阅读(562) 评论(0) 推荐(0) 编辑
摘要: 在研究一些网站加载时发现很多网站的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 阅读(426) 评论(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 阅读(331) 评论(1) 推荐(0) 编辑
摘要: 在写代码的过程中,经常会用到模板,于是自己也写个模板小工具。 最简单的模板也就是字符替换,先用一个占位符${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 阅读(564) 评论(2) 推荐(0) 编辑
摘要: 原理: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 阅读(699) 评论(0) 推荐(0) 编辑