2015年03月_Tyler-阿信

原创 css3动画属性--animation（动画）

CSS3中的animation与HTML5中的Canvas绘制动画又不同，animation只应用在页面上已存在的DOM元素上。运用animation能创建自己想要的一些动画效果，但是有点粗糙。了解animation之前得知道"Keyframes",我们把他叫做“关键帧”。Keyframes具有其自己的语法规则，它的命名是由"@keyframes"开头，后面紧接着是这个“动画的名称

2015-03-27 11:03:12 3976

原创 css3动画属性--transition（转换）

css3的transition允许css的属性值在一定的时间区间内平滑地过渡。语法：transition ： [ || || || [, [ || || || ]]* transition主要包含四个属性值：transition-property（变换的属性），transition-duration（变换延续的时间），transition-timing-function（在延续时

2015-03-24 18:15:47 3453

原创 css3动画属性--transform（变形）

2015-03-23 17:03:50 2576

原创 CSS修改HTML5 placeholder颜色

placeholder是html5中输入框的一个新的属性（input，textarea）。它主要用于当输入框没输入内容时，给出的默认显示文案，比如说“请输入账户名”等，对于这个属性，不同的浏览器所显示的样式是不一样的，因此就需要统一一下：input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

2015-03-22 21:35:47 8415

原创 Git删除远程仓库中误传的文件

使用git的时候，有时没在ignore记事本中配置一些不需要上传的文件时，很可能就会造成误传，比如使用webstorm开发时就会自动生成一个.idea文件夹。如果上传的时候误传了怎么办？下面是删除的步骤：将本地.idea目录改名，这个步骤适合于不是你push该目录，是别人上传的：mv .idea/ .idea_back如果是自己push的，可略过上面步骤。删除.idea目录下文

2015-03-22 18:24:29 5230

原创 null和undefined

说起null跟undefined，相信很多人既熟悉，又迷惑。null是一个特殊值，常用来描述“空值”，它可以表示数字，字符串和对象是“无值”的，对null执行typeof会得到“object”。undefined是变量的一种取值，表明变量没有初始化，对undefined执行typeof会得到“undefined”。因为二者都是表示“值的空缺”，所以判断相等运算符“==”认为二者是相等的

2015-03-21 15:59:31 922

原创 css实现背景透明，内容不透明

实现透明的css方法通常有以下3种方式：• css3的opacity:x，x 的取值从 0 到 1，如opacity: 0.5• css3的rgba(red, green, blue, alpha)，alpha的取值从 0 到 1，如rgba(255,255,255,0.5)• IE专属滤镜 filter:Alpha(opacity=x)，x 的取值从 0 到 100，如filt

2015-03-20 11:17:19 1674

原创 css3中的calc()

什么是calc()?calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。calc()最大的好处就是用在流体布局上，可以通过calc()计算得到元素的宽度。calc()能做什么？calc()能让你给元素的做计算

2015-03-19 11:43:02 3265

原创 js数组去重

Array.prototype.del = function(){ var a = {}, c = [], l = this.length; for (var i = 0; i < l; i++){ var b = this[i]; var d = (typeof b) + b; if(a[d] === undefined){ c

2015-03-18 15:30:38 770

每天多懂一点点