Skip to content

{ Category Archives } HTML

HTML canvas框架汇总

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

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

ThreeJS
3D
N
Y
全
强大的绘图引擎

playCanvas[……]

继续阅读

2019 01 07 HTML5
前端
素材资源 评论 (2)

字符编码

字符编码讲解文章：

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

ASCII

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

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

继续阅读

2018 02 23 基础科学及应用 评论 (0)

IE下载保存base64文件

如果一个超链接的链接地址是一个base64的代码，如下：

<a href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYW[......]
继续阅读
2017 08 31 HTML5
JavaScript
浏览器兼容 评论 (2)

网页使用html5录音

实现原理

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

继续阅读

2017 08 15 HTML5
前端 评论 (0)

HTML单选按钮、复选框

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

继续阅读

2015 01 09 前端 评论 (0)

CSS清除浮动的方法

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

继续阅读

2014 05 03 前端
CSS
浏览器兼容 评论 (0)

Mac系统safari设置p标签浮动的问题

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

继续阅读

2014 05 03 前端
CSS
浏览器兼容 评论 (0)

CSS布局问题总结

经典两栏自适应布局

HTML网页结构如下：

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

CSS代码：

.[......]
继续阅读
2014 05 03 前端
CSS
浏览器兼容 评论 (0)

IE浏览器兼容性bug汇总

IE6~8

IE条件注释

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

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

继续阅读

2014 04 22 前端
浏览器兼容 评论 (0)

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

css3阴影：

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

继续阅读

2014 04 18 前端
CSS 评论 (0)

CSS中的text-index无效

有时候我们在写css中使用text-indent，发现text-indent的值为负数的时候无效。
尝试一下为该容器添加属性text-align:left;[……]

继续阅读

2013 08 18 前端 评论 (0)

IE6和IE7右浮动折行（IE右浮动BUG）

首先来看一段代码：

[html]

<div id=”wrap” style=”width:300px;border:1px solid #ff4e00;”>

这里是一些文字，默认在左侧

<div id=”right” style=”float:right;w[……]

继续阅读

2013 07 04 前端
浏览器兼容 评论 (0)
▲
TOP