• php linux 下将 webp 转成 jpg png gif 等图片格式

    发表于 2017-05-09 09:44:18   |   下载附件
    PHPlinuxdwebp

    第一步:

    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怎么用?colorpix使用方法 桌面颜色即时获取小插件使用文档

    发表于 2017-04-17 14:53:52   |   下载附件
    colorpix桌面颜色获取

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

  • wnmp 第一次启动报错解决方案

    发表于 2017-04-10 16:09:18   |   下载附件
    wnmpsession.save_path

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

    找到 
    session.auto_start = 0
    修改为:
    session.auto_start = 1
    // 配置报错目录,保证目录可读,存在
    session.save_path = "D:\WNMPSVR\tmp"


  • 自定义宽度flex分栏布局

    发表于 2017-04-07 14:51:19   |   下载附件
    自定义分栏布局flex布局-webkit-align-items
    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; 
    }
  • 居中 div 框的子元素

    发表于 2017-04-07 11:26:24   |   下载附件
    box-packbox-aligndisplay:-webkit-box子元素居中显示

    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插件

    发表于 2017-03-27 16:49:48   |   下载附件
    光标位置selectionStartcreateRangerange对象
    // 记录光标位置的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);
    	});
    });
  • jquery插件模板

    发表于 2017-03-27 09:36:38   |   下载附件
    jquery模板jquery插件
    $.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 光标处 插入文本

    发表于 2017-03-24 13:05:29   |   下载附件
    inputtextarea光标位置插入文本
    // 在 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 样式设置

    发表于 2017-03-09 17:57:29   |   下载附件
    inputplaceholdercss样式

    全局 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() 函数详解

    发表于 2017-02-28 14:53:31   |   下载附件
    hasOwnPropertyhas对象是否含有该属性

    JavaScript hasOwnProperty() 函数详解

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

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

    object.hasOwnProperty("name")

每页显示10条,当前为第8页,总页数为19页