第一步：

yum search libwebp

第二步：根据服务器环境，选择适合的 版本 并进行安装

yum install libwebp-devel.x86_64

如果安装完后发现还是不能运行dwebp命令，再把libwebp-tools.x86_64安装了一下

yum install libwebp-tools.x86_64

第三步 安装成功后，就可以使用了

dwebp test.webp -o test.jpeg

colorpix取色工具是一款来自国外的桌面颜色提取软件，用户通过该软件可获取屏幕任意区域位置中的颜色值，软件支持获得桌面屏幕坐标、RGB、HEX、HSB、CMYK等数值，不过很多用户不知道如何使用colorpix软件，故此河东软件园小编为大家整理收集了colorpix的使用方法，下面我们一起了解下吧！官网下载地址：http://www.colorschemer.com/download.php

windows 下安装PHP集成环境 wnmp ，在第一次启动时，会报错，需要打开 php.ini 文件 修改如下配置：

找到 
session.auto_start = 0
修改为：
session.auto_start = 1

// 配置报错目录，保证目录可读，存在
session.save_path = "D:\WNMPSVR\tmp"

li {
	display: -webkit-box; display: -webkit-flex; display: flex; margin: 1rem 0;
	-webkit-align-items: center;
}
li .icon {
	width: 3.2rem; height: 3.2rem; overflow: hidden; margin-right: 1rem;
}
li .text {
	-webkit-box-flex: 1; -webkit-flex: 1; flex: 1; 
}

HTML代码：

<div class="overdue">
	<div class="overdue-task">
		<p class="cover"><img src=""></p>
		<p>这个任务被火星人虏走了<br>还是去看看其它任务吧</p>
		<p><a href="#" class="btn">去任务专区</a></p>
	</div>
</div>

LESS代码：

.overdue {
	height: 100%; background: #fff; text-align: center;
	display:-moz-box; display:-webkit-box; display: box; 
	-moz-box-pack:center; -webkit-box-pack:center; box-pack:center;
	-moz-box-align:center; -webkit-box-align:center; box-align:center;
	.overdue-task {
		padding-bottom: 15rem;
		.cover { width: 50%; display: block; margin: 0 auto; } 
		img { width: 100%; display: block; }
		p {
			._f(n,1.2rem,1.8rem); color: #999;
		}
	}
}

// 记录光标位置的Jquery插件 click keyup change 都绑定了，故对象上不可被清理 off()
$.fn.setrange = function(options) {
    var defaults = {};
    var opts = $.extend(defaults, options);
    // 初始化
    var init = function(el) {
        $(el).on('click keyup change',function(){
	    	if( 'selectionStart' in el ) {
		        var l = el.selectionEnd - el.selectionStart;
		        $(el).attr('rangeStart',el.selectionStart);
		    }else if(document.selection){
		        var ra = document.selection.createRange();
		        var start = 0;
		        var re = el.createTextRange();	// 创建 range对象
		        var rc = re.duplicate(); 		// 复制 range对象
		        re.moveToBookmark(ra.getBookmark());
		        rc.setEndPoint('EndToStart', re);
		        $(el).attr('rangeStart',rc.text.length);
		    }else{
		    	$(el).attr('rangeStart',el.value.length);
		    }
	    });
    };
    return this.each(function() {
        init(this);
    });
};

// 调用
$(function(){
	$('.txt').setrange();
	$('.txt').on('blur',function(){
		var rangeStart = $(this).attr('rangeStart');
		alert(rangeStart);
	});
});

$.fn.reportEvent = function(options) {
    var defaults = {};
    var opts = $.extend(defaults, options);
    // 初始化
    var init = function(o) {
        $(o).hover(function(){
	    	$(this).find('.report').show();
	    },function(){
	    	$(this).find('.report').hide();
	    });
    };
    return this.each(function() {
        init(this);
    });
};

// 在 input textarea 光标处 插入文本
insertAtCaret:function(obj,str) {
    if (document.selection) {
        obj.focus();
        var sel = document.selection.createRange();
        sel.text = str;
        sel.select();  
    } else if (typeof obj.selectionStart === 'number' && typeof obj.selectionEnd === 'number') {
        var startPos = obj.selectionStart,
            endPos = obj.selectionEnd,
            cursorPos = startPos,
            tmpStr = obj.value;
        obj.value = tmpStr.substring(0, startPos) + str + tmpStr.substring(endPos, tmpStr.length);
        cursorPos += str.length;
        obj.selectionStart = obj.selectionEnd = cursorPos;
        alert(2);
    } else {
    	alert(3);
        obj.value += str;
    }
}

全局 input placeholder 样式设置

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}
::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
:-moz-placeholder { /* Firefox 18- */
  color: pink;
}

某一元素 input placeholder 样式设置

input[type="email"].big-dog::-webkit-input-placeholder {
  color: orange;
}

JavaScript hasOwnProperty() 函数详解

hasOwnProperty()函数用于指示一个对象自身(不包括原型链)是否具有指定名称的属性。如果有，返回true，否则返回false。

该方法属于Object对象，由于所有的对象都"继承"了Object的对象实例，因此几乎所有的实例对象都可以使用该方法。IE 5.5+、FireFox、Chrome、Safari、Opera等主流浏览器均支持该函数。

object.hasOwnProperty("name")