郑州网建-前端开发

前奏

YouTube播放器已经支持HTML5嵌入。YouKu目前全站支持HTML5，不过嵌入代码还是Flash的。那么html5的视频资源都是怎么个形式呢？ 我们知道：html5 video是用来播放视频的，那它支持哪些格式呢？

当前，video 元素支持三种视频格式：

格式	IE	Firefox	Opera	Chrome	Safari
Ogg	No	3.5+	10.5+	5.0+	No
MPEG 4	9.0+	No	No	5.0+	3.0+
WebM	No	4.0+	10.6+	6.0+	No

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

2014/2/10 Comments:HTML5 视频 m3u8 CDN 码率适配流视频切片杂谈

[转]快速入门伪装成为一名前端（JS方向）开发

从后台开发转到前端开发的，有不少人，同时做前后台的，也有不少人，貌似做前端开发很容易，下边给你支几招，看看受用不。

第一招：收集jquery的 chm帮助手册

因为经常但又不是很频繁的写js，记不住jquery的api，咋办？当然是chm的帮助手册方便查询，其他各类JS框架都有chm的速查版本

2014/2/7 Comments:杂谈前端开发教程 jQuery

前端人员的心声前端工程师伤不起–送给所有同行们: 不是看后，你有木有产生共鸣？特别是身在不正规（工作职责很不清晰）的公司中。。。; 2014/2/7 Comments:杂谈前端工程师伤不起心声

什么是高级黑？高级黑是什么意思？高级黑的内涵反讽用高等、文明、幽默的语言来黑

网络上经常会看到类似这样的一句话：我怎么觉得这是高级黑呢……噢，那“高级黑”是个词语吗？

高级黑是什么意思？网络热词高级黑，意指那种委婉的讽刺或揶揄。它与网络时词“腹黑”接近有不同，“腹黑”的“黑”黑在心思，“高端黑”的“黑”大致接近笑里藏刀，言辞拌蜜，内涵刀剑。

　　高级黑的解释

　　高级黑，意思是用高等、文明、幽默的语言来黑这个世界的一切。

2014/2/7 Comments:杂谈高级黑网络流行语

【JS颜色选择器】216种web安全色选择器

查看示例：http://camnpr.com/TuiJianTools/jsdemo/color.html

使用方法：

js引用：将下面的JS源码存入您的JS文件或者网页的<head><script>JS代码</script></head>标签中

HTML要求：页面的HTML代码中必须包含三个元素，即：触发手柄、显示选中颜色的节点、显示筛选出来的216种颜色的节点
例：
触发手柄 <input type="button" value="按钮选取颜色" id="myhand" />
显示选中颜色的节点 <input type="button" value="#FFFFFF" id="showColor" />
显示筛选出来的216种颜色的节点 <div id="color"></div>

2014/2/7 Comments:插件颜色选择器拾色器 web安全色效果

图片放大缩小功能

通过 Math.pow(x,y) 的“幂”运算来计算大小图片放大缩小的尺寸

看JS源码：

// 放大缩小控制
var PhotoSize = {
zoom: 0, // 缩放率
count: 0, // 缩放次数
cpu: 0, // 当前缩放倍数值
elem: "", // 图片节点
photoWidth: 0, // 图片初始宽度记录
photoHeight: 0, // 图片初始高度记录

2014/2/7 Comments:放大缩小图片大小效果

将光标置于某表单元素的最后(textarea createTextRange setSelectionRange)

为了增加用户体验，在工作中难免要对textarea动态插入一些内容，插入完成后又想让光标定位于textarea的最后，各浏览器对这个的解释有些差异，下面整理了一个兼容浏览器的方法 toTextEnd ，此方法接受一个参数，该参数为要定位光标的目标元素【可编辑表单元素】。

其实理论很简单，在IE中采用createTextRange方法，非IE中采用setSelectionRange方法进行光标定位。

2014/2/7 Comments:表单光标兼容性

iframe子页面与父页面通讯(相互调用) chrome环境下需要通过HTTP访问才能生效

// 父控制子

document.getElementById("iframeId").contentWindow.document.getElementById("erZi").innerHTML = "";

// 子控制父

parent.document.getElementById("fuQin").innerHTML = "";

chrome环境下需要通过HTTP访问才能生效

2014/2/7 Comments:iframe 父窗口相互调用

[转]从挑一段HTML的毛病，来看你真的了解HTML吗？–雅虎面试题

有这么一段HTML，请挑毛病：

<P>  哥写的不是HTML，是寂寞。<br><br>  我说：<br>不要迷恋哥，哥只是一个传说

这是原来雅虎一道笔试题（文字变了变），用了很多年了，还没有一个人完全答对过。

下方有公布答案，不过请各位还是先各自答题比较好

2014/2/7 Comments:面试 Html 杂谈

php文字水印和php图片水印实现代码(二种加水印方法)

文字水印

文字水印就是在图片上加上文字，主要使用gd库的imagefttext方法，并且需要字体文件。效果图如下：

图片

C#版在线水印制作：http://camnpr.com/TuiJianTools/WaterMark/index.aspx

2014/1/21 Comments:PHP 水印

最近的文章列表

前奏

分门别类

关注本站

一条新消息

小编推荐

热门文章

淘宝官方提供，安全、快捷！