Skip to content

{ Category Archives } HTML

HTML canvas框架汇总

HTML canvas的框架很多,而且侧重不同,比如 Three.js 是有名的3D框架,d3.js 偏重于数据展示。

名称
领域
框架
移动端
文档
其他

ThreeJS
3D
N
Y

强大的绘图引擎

playCanvas[……]

继续阅读

字符编码

字符编码讲解文章:

前端历史课:那些来自洪荒时代的编码知识
JavaScript 有个 Unicode 的天坑

ASCII

编码
缩写
说明
编码
字符
编码
字符
编码
字符

0
NUL(null)
空字符
33[……]

继续阅读

IE下载保存base64文件

如果一个超链接的链接地址是一个base64的代码,如下:

<a href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYW[......]

继续阅读

网页使用html5录音

实现原理

通过 HTML5 的 getUserMedia 接口,可以让页面在浏览器当中访问客户端的硬件设备(摄像头和麦克风)。然后配合 Web Audio API 使用 <audio> 标签来存储录音。
具体解释:https://www.html5rocks.com/zh/tut[……]

继续阅读

HTML单选按钮、复选框

如何点击文字的时候选中单选按钮?设置label for,然后设置input的id。
[html]
对账单
证券交割单、资金流水单
[/html]
如何实现单选?将两个input的name值设置为一样的,就是一组单选按钮。[……]

继续阅读

CSS清除浮动的方法

1.添加空<div>标签或者<br />
[html]
<style type=”text/css”>
*{margin:0;padding:0;}
body{font:36px bold; color:#FFF; text-align:cente[……]

继续阅读

Mac系统safari设置

浮动的问题

可以使用<li>替换[……]

继续阅读

CSS布局问题总结

经典两栏自适应布局

HTML网页结构如下:

<body>
<div class="left">
</div>
<div class="right">
</div>
</body>
  1. 使用绝对定位。

CSS代码:

.[......]

继续阅读

IE浏览器bug汇总

ul li高度在ie6、ie7、ie8、FF下兼容问题解决

在页面中有时候使用ul li列表时ie6、ie7、ie8、FF的高度会不一样(其中ie6与ie7高度一样,ie8与FF高度一样),设置高后使用 overflow:hidden;也无济于事,在li样式上加上vertical-align:[……]

继续阅读

CSS3实现阴影和圆角效果(多浏览器兼容)

css3阴影:

[css]
.shadow {
-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;[……]

继续阅读


TOP