前端工具集 - - 前端开发 - 日星网附属网站

RGB颜色变更

em px 单位换算

em pm单位换算

正则表达式

数字
整数
正数
负数
正整数
负整数
浮点数
正浮点数
负浮点数
非负浮点数
非正浮点数
仅ACSII字符
字母
小写字母
大写字母
非空
空
仅中文
色值
日期
用户名
真实姓名
密码
手机
电话号码
Email格式
QQ号码
身份证
IP地址
邮政编码
公司名称
公司地址
判断图片
压缩文件
验证网址
FTP

常用前端开发CSS IE6, IE7, IE8, IE9, IE10, IE11 hack汇总

CSS IE6~IE9 Hack表

Hack符号	IE6	IE7	IE8	IE9	Firefox	Chrome	使用示例
-	○	×	×	×	×	×	#tmp{-color:red}
_	○	×	×	×	×	×	#tmp{_color:red}
+	○	○	×	×	×	×	#tmp{+color:red}
=	○	○	×	×	×	×	#tmp{=color:red}
~	○	○	×	×	×	×	#tmp{~color:red}
!	○	○	×	×	×	×	#tmp{!color:red}
@	○	○	×	×	×	×	#tmp{@color:red}
#	○	○	×	×	×	×	#tmp{#color:red}
$	○	○	×	×	×	×	#tmp{$color:red}
%	○	○	×	×	×	×	#tmp{%color:red}
^	○	○	×	×	×	×	#tmp{^color:red}
&	○	○	×	×	×	×	#tmp{&color:red}
*	○	○	×	×	×	×	#tmp{*color:red}
`	○	○	×	×	×	×	#tmp{`color:red}
\9	○	○	○	○	×	×	#tmp{color:red\9}
html>/**/body	×	×	○	○	○	○	html>/**/body #tmp{color:red}
:root	×	×	×	○	○	○	html>:root #tmp{color:red}
@media \0screen {}	×	×	○	×	×	×	html>:root #tmp{color:red}
@media screen and (min-width:0\0) {}	×	×	×	○	×	×	html>:root #tmp{color:red}

* \9 对于IE10 也起作用，在使用时请注意。 IE11相对应的CSS hack现在基本还没有出现。

* @media screen and (min-width:0\0) {} 对于IE10, IE11也起作用，在使用时请注意。

HTML特殊符号对照

特殊符号	命名实体	十进制编码	特殊符号	命名实体	十进制编码
Α	Α	Α	Β	Β	Β
Γ	Γ	Γ	Δ	Δ	Δ
Ε	Ε	Ε	Ζ	Ζ	Ζ
Η	Η	Η	Θ	Θ	Θ
Ι	Ι	Ι	Κ	Κ	Κ
Λ	Λ	Λ	Μ	Μ	Μ
Ν	Ν	Ν	Ξ	Ξ	Ξ
Ο	Ο	Ο	Π	Π	Π
Ρ	Ρ	Ρ	Σ	Σ	Σ
Τ	Τ	Τ	Υ	Υ	Υ
Φ	Φ	Φ	Χ	Χ	Χ
Ψ	Ψ	Ψ	Ω	Ω	Ω
α	α	α	β	β	β
γ	γ	γ	δ	δ	δ
ε	ε	ε	ζ	ζ	ζ
η	η	η	θ	θ	θ
ι	ι	ι	κ	κ	κ
λ	λ	λ	μ	μ	μ
ν	ν	ν	ξ	ξ	ξ
ο	ο	ο	π	π	π
ρ	ρ	ρ	ς	&sigmaf;	ς
σ	σ	σ	τ	τ	τ
υ	υ	υ	φ	φ	φ
χ	χ	χ	ψ	ψ	ψ
ω	ω	ω	ϑ	&thetasym;	ϑ
ϒ	&upsih;	ϒ	ϖ	ϖ	ϖ
•	•	•	…	…	…
′	′	′	″	″	″
‾	&oline;	‾	⁄	&frasl;	⁄
℘	&weierp;	℘	ℑ	&image;	ℑ
ℜ	&real;	ℜ	™	™	™
ℵ	&alefsym;	ℵ	←	←	←
↑	↑	↑	→	→	→
↓	↓	↓	↔	↔	↔
↵	&crarr;	↵	⇐	⇐	⇐
⇑	&uArr;	⇑	⇒	⇒	⇒
⇓	&dArr;	⇓	⇔	⇔	⇔
∀	∀	∀	∂	∂	∂
∃	∃	∃	∅	∅	∅
∇	∇	∇	∈	∈	∈
∉	∉	∉	∋	&ni;	∋
∏	∏	∏	∑	∑	−
−	−	−	∗	&lowast;	∗
√	√	√	∝	&prop;	∝
∞	∞	∞	∠	&ang;	∠
∧	&and;	⊥	∨	&or;	⊦
∩	∩	∩	∪	∪	∪
∫	∫	∫	∴	&there4;	∴
∼	&sim;	∼	≅	&cong;	≅
≈	≈	≅	≠	≠	≠
≡	&equiv;	≡	≤	≤	≤
≥	≥	≥	⊂	⊂	⊂
⊃	⊃	⊃	⊄	&nsub;	⊄
⊆	&sube;	⊆	⊇	&supe;	⊇
⊕	&oplus;	⊕	⊗	&otimes;	⊗
⊥	&perp;	⊥	⋅	⋅	⋅
⌈	&lceil;	⌈	⌉	&rceil;	⌉
⌊	&lfloor;	⌊	⌋	&rfloor;	⌋
◊	&loz;	◊	♠	&spades;	♠
♣	&clubs;	♣	♥	&hearts;	♥
♦	&diams;	♦
¡	¡	¡	¢	¢	¢
£	£	£	¤	¤	¤
¥	¥	¥	¦	¦	¦
§	§	§	¨	¨	¨
©	©	©	ª	ª	ª
«	«	«	¬	¬	¬
			®	®	®
¯	¯	¯	°	°	d°
±	±	±	²	²	²
³	³	³	´	´	´
µ	µ	µ	<	<	<
>	>	>	'		'
"	"	"	+		+
&	&	&

HTML事件参考

属性	描述
Window 事件属性
onafterprint	在打印文档之后运行脚本
onbeforeprint	在文档打印之前运行脚本
onbeforeonload	在文档加载之前运行脚本
onblur	当窗口失去焦点时运行脚本
onerror	当错误发生时运行脚本
onfocus	当窗口获得焦点时运行脚本
onhashchange	当文档改变时运行脚本
onload	当文档加载时运行脚本
onmessage	当触发消息时运行脚本
onoffline	当文档离线时运行脚本
ononline	当文档上线时运行脚本
onpagehide	当窗口隐藏时运行脚本
onpageshow	当窗口可见时运行脚本
onpopstate	当窗口历史记录改变时运行脚本
onredo	当文档执行再执行操作（redo）时运行脚本
onresize	当调整窗口大小时运行脚本
onstorage	当 Web Storage 区域更新时（存储空间中的数据发生变化时）运行脚本
onundo	当文档执行撤销时运行脚本
onunload	当用户离开文档时运行脚本
Form 事件
onblur	元素失去焦点时运行的脚本。
onchange	在元素值被改变时运行的脚本。
oncontextmenu	当上下文菜单被触发时运行的脚本。
onfocus	当元素获得焦点时运行的脚本。
onformchange	在表单改变时运行的脚本。
onforminput	当表单获得用户输入时运行的脚本。
oninput	当元素获得用户输入时运行的脚本。
oninvalid	当元素无效时运行的脚本。
onreset	当表单中的重置按钮被点击时触发。HTML5 中不支持。
onselect	在元素中文本被选中后触发。
onsubmit	在提交表单时触发。
Keyboard 事件
onkeydown	在用户按下按键时触发。
onkeypress	在用户敲击按钮时触发。
onkeyup	当用户释放按键时触发。
Mouse 事件
onclick	元素上发生鼠标点击时触发。
ondblclick	元素上发生鼠标双击时触发。
ondrag	元素被拖动时运行的脚本。
ondragend	在拖动操作末端运行的脚本。
ondragenter	当元素元素已被拖动到有效拖放区域时运行的脚本。
ondragleave	当元素离开有效拖放目标时运行的脚本。
ondragover	当元素在有效拖放目标上正在被拖动时运行的脚本。
ondragstart	在拖动操作开端运行的脚本。
ondrop	当被拖元素正在被拖放时运行的脚本。
onmousedown	当元素上按下鼠标按钮时触发。
onmousemove	当鼠标指针移动到元素上时触发。
onmouseout	当鼠标指针移出元素时触发。
onmouseover	当鼠标指针移动到元素上时触发。
onmouseup	当在元素上释放鼠标按钮时触发。
onmousewheel	当鼠标滚轮正在被滚动时运行的脚本。
onscroll	当元素滚动条被滚动时运行的脚本。
Media 事件
onabort	在退出时运行的脚本。
oncanplay	当文件就绪可以开始播放时运行的脚本（缓冲已足够开始时）。
oncanplaythrough	当媒介能够无需因缓冲而停止即可播放至结尾时运行的脚本。
ondurationchange	当媒介长度改变时运行的脚本。
onemptied	当发生故障并且文件突然不可用时运行的脚本（比如连接意外断开时）。
onended	当媒介已到达结尾时运行的脚本（可发送类似“感谢观看”之类的消息）。
onerror	当在文件加载期间发生错误时运行的脚本。
onloadeddata	当媒介数据已加载时运行的脚本。
onloadedmetadata	当元数据（比如分辨率和时长）被加载时运行的脚本。
onloadstart	在文件开始加载且未实际加载任何数据前运行的脚本。
onpause	当媒介被用户或程序暂停时运行的脚本。
onplay	当媒介已就绪可以开始播放时运行的脚本。
onplaying	当媒介已开始播放时运行的脚本。
onprogress	当浏览器正在获取媒介数据时运行的脚本。
onratechange	每当回放速率改变时运行的脚本（比如当用户切换到慢动作或快进模式）。
onreadystatechange	每当就绪状态改变时运行的脚本（就绪状态监测媒介数据的状态）。
onseeked	当 seeking 属性设置为 false（指示定位已结束）时运行的脚本。
onseeking	当 seeking 属性设置为 true（指示定位是活动的）时运行的脚本。
onstalled	在浏览器不论何种原因未能取回媒介数据时运行的脚本。
onsuspend	在媒介数据完全加载之前不论何种原因终止取回媒介数据时运行的脚本。
ontimeupdate	当播放位置改变时（比如当用户快进到媒介中一个不同的位置时）运行的脚本。
onvolumechange	每当音量改变时（包括将音量设置为静音）时运行的脚本。
onwaiting	当媒介已停止播放但打算继续播放时（比如当媒介暂停已缓冲更多数据）运行脚本

常用前端开发工具合集