xiaoluode
- 浏览: 15007 次
- 来自: 深圳
-
最新评论
文章列表
<!DOCTYPE html>
<html>
<head lang="zh-CN">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"&g ...
FFmpeg 视频转ogg格式命令
- 博客分类：
- FFmpeg
使用FFmpeg程序将视频文件转ogg格式操作说明。目前已测试过mp4、flv两种视频格式都成功。
没有FFmpeg程序的同学可以到FFmpeg官网http://ffmpeg.org/download.html下载已编译打包好的程序包。
下载完程序后打开命令行窗口（不知道的可以百度一下）：
1、先转到 原视频文件（即需要转换的视频）目录。例如要转换的视频文件VHLaptop.flv存在C盘video目录下。
2、ffmpeg.exe所在目录\ffmpeg -i 原视频文件 -acodec libvorbis 目标视频文件，例如ffmpeg.exe存在目录C:\ffmp ...
一个svg，设置了viewBox之后，viewBox的长宽值如果都小于svg的viewport的长宽值，那么结果一定是放大；但是viewBox的长宽值一旦有一个值大于vewport之后，最后的实际效果就不是放大，而是缩小了。
因为viewBox的目的是要自己设置的长宽范围填满viewport。viewport的长宽是确定的，viewBox设置的值如果超出了viewport，然后又企图去填满viewport，必然是缩小自己。这里的“填满”换成“适应”应该更合适。viewBox总是试图让自己从初始设置的尺寸变成和viewport具有一样的尺寸。
...
如果你问一个前端工程师世界上最痛苦的事情是什么，十有八九都会回答浏览器差异。由于IE6的异常表现加上国内盗版XP系统的横行再加上XP默认绑定IE6人们一般不会去升级浏览器，导致浏览器的差异始终是前端工程师头疼的事情。
CSS hack由于不同的浏览器， 比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。这个针对 ...
IE6的3像素bug解决方法
- 博客分类：
- HTML/JS/CSS
3像素bug是IE6的一个著名的bug，当浮动元素与非浮动元素相邻时，这个3像素的Bug就会出现。看下面这个左列浮动，右列不浮动的例子，css代码如下：
#side { float: left; background:#99FF99; height: 300px; width: 120px;}
#main { background: #99FFFF; height: 300px;}
如下图所示
side元素设置了浮动，main没有设置，中间会有3px的间距。
要解决这个问题，可以在#side上加上 _margin-right:-3px; 记住，前边加上下划线，这 ...
清除浮动的各种方法总结
- 博客分类：
- HTML/JS/CSS
问题的提出：
最简单的一种情形就是我们把一个小的、固定宽度的div元素（比如导航、引用等）和其他元素内容一起包含在一个大的div中。比如下面这段代码：
<div id="outer">
<div id="inner"> <h2>A Column</h2> </div>
<h1>Main Content</h1>
<p>Lorem ipsum</p>
</div>
...
css sprites直译过来就是CSS精灵，但是这种翻译显然是不够的，其实就是通过将多个图片融合到一副图里面，然后通过CSS的一些技术布局到网页上。这样做的好处也是显而易见的，因为图片多的话，会增加http的请求，无疑促使了网站性能的减低，特别是图片特别多的网站，如果能用css sprites降低图片数量，带来的将是速度的提升。
下面我们来用一个实例来理解css sprites。
我们仅仅只需要制作一个扑克牌，拿黑桃10为例子。
可以直接把蓝色理想中融合好的一幅大图作为背景，这也是css sprites的一个中心思想，就是把多个图片融进一个图里面。
这就是融合后的图，相信对PS ...
一、CSS Sprites简介
通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟，CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度。
CSS Sprites允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。
加速的关键，不是降低质量，而 ...
JS中的prototype
- 博客分类：
- HTML/JS/CSS
JS中的prototype是JS中比较难理解的一个部分
本文基于下面几个知识点:
1 原型法设计模式
在.Net中可以使用clone()来实现原型法
原型法的主要思想是，现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展 ...
解决IE6 PNG不透明问题
- 博客分类：
- HTML/JS/CSS
在head中加入以下代码
<!--[if IE 6]>
<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
DD_belatedPNG.fix('div,button,a,i,em,h1,h2,h3,h4,h5,form,img,input,li,td,span,td,tr');
//可自行增减标签元素
</script>
<![endif]-->
复制后注意修改js文件的路径，查看是否正确。
...