最近的文章列表

为什么使用<!DOCTYPE html>就可以,正确使用DOCTYPE

Doctype是啥?

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

Document Type 文档类型,缩写成DOCTYPE,在html中它就是个标签:<!DOCTYPE>,它有自己的声明格式,不是在html标签前加上它就完事了的,查看qq.com页面源码可见如下声明:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

DOCTYPE 包含 6 部分:

  1. 字符串“<!DOCTYPE”
  2. 根元素通用标识符“HTML”
  3. 字符串“PUBLIC”
  4. 被引号括起来的公共标识符(publicId)
  5. 被引号括起来的系统标识符(systemId)重点在这里 ,继续往下看
  6. 字符串“>”
2014/2/10 Comments:
谁才是世界上最富有的人?貌似是卡扎菲

是卡洛斯·斯利姆·埃卢?比尔·盖茨?巴菲特?马化腾?李彦宏?还是康师傅?都不是,而(在过去)是卡扎菲

2014/2/10 Comments:
Crayon Syntax Highlighter是一款优秀的WordPress插件 实现代码高亮

Crayon Syntax Highlighter 是一款优秀的代码高亮插件,有多种皮肤、字体可选,并可自定义字号、边距、行距等细节,还有功能强大的代码工具栏 —— 可快捷复制代码,后台编辑器TinyMCE中有专属按钮 —— 可方便插入代码,后台带详细设置,满足你的各种需求。

2014/2/10 Comments:
SyntaxHighlighter的Brush类型有哪些?

// "xml","xhtml","xslt","html"
// "text","plain"
// "actionscript3","as3"
// "bash","shell"
// "coldfusion","cf"
// "cpp","c"
// "c#","c-sharp","csharp"
// "css"
// "delphi","pascal","pas"
// "vb","vbnet"
// "erl","erlang"
// "groovy"
// "java"
// "jfx","javafx"
// "js","jscript","javascript"
// "perl","Perl","pl"
// "php"
// "py","python"
// "ruby","rails","ror","rb"
// "scala"
// "sql"
// "lua"

2014/2/10 Comments:
m3u8是什么?单码/多码率适配流 m3u8最适合CDN来分发 m3u8可以做切片文件 HTML5 Video播放视频格式

前奏

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:
[转]快速入门伪装成为一名前端(JS方向)开发

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

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

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

2014/2/7 Comments:
前端人员的心声 前端工程师伤不起–送给所有同行们

 不是看后,你有木有产生共鸣? 特别是身在不正规(工作职责很不清晰)的公司中。。。

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:
图片放大缩小功能

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

看JS源码:

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