jQuery, JavaScript, Dhtml, Css

2017年10月1日2019年2月9日

jQuery放大镜CloudZoom插件分析，反编译

1. 分析，打开CloudZoom.js，发现是十六进制混淆：

console.log('\x46\x75\x6E\x63\x74\x69\x6F\x6E');
console.log('\x72\x65\x76\x65\x72\x73\x65');
console.log('\x6A\x6F\x69\x6E');

2. 反编译：

var zoom_str = ['...'];
(new Function(zoom_str.reverse().join('')))();
console.log(zoom_str.reverse().join(''));

3. Enjoy it…

附上已破解的源文件：cloudzoom

2015年12月28日

/i (忽略大小写)
/g (全文查找出现的所有匹配字符)
/m (多行查找)
/gi(全文查找、忽略大小写)
/ig(全文查找、忽略大小写)
i 模式中的字符将同时匹配大小写字母
m 字符串视为多行
s 将字符串视为单行，换行符作为普通字符
x 将模式中的空白忽略
e preg_replace() 函数在替换字符串中对逆向引用作正常的替换，将其作为 PHP 代码求值，并用其结果来替换所搜索的字符串。
A 强制仅从目标字符串的开头开始匹配
D 模式中的 $ 元字符仅匹配目标字符串的结尾
U 匹配最近的字符串
u 模式字符串被当成 UTF-8

2015年12月12日

关于 ajaxfileupload 只能上传一次的问题

查找代码:
jQuery(oldElement).clone()
修改为:
jQuery(oldElement).clone(true)

同时复制事件。

2015年12月11日2015年12月11日

IE下实现placeholder效果的jquery插件

html5让前端开发人员省了不少事，但令人恼火的是有很多属性或标签IE都不支持，今天介绍一个超强的让IE下支持placeholder的属性插件,代码如下：

var doc = document,
inputs = doc.getElementsByTagName('input'),
supportPlaceholder = 'placeholder' in doc.createElement('input'),
placeholder = function(input) {
    var text = input.getAttribute('placeholder'),
    defaultValue = input.defaultValue;
    if (defaultValue == '') {
        input.value = text
    }
    input.onfocus = function() {
        if (input.value === text) {
            this.value = ''
        }
    };
    input.onblur = function() {
        if (input.value === '') {
            this.value = text
        }
    }
};
if (!supportPlaceholder) {
    for (var i = 0,
    len = inputs.length; i < len; i++) {
        var input = inputs[i],
        text = input.getAttribute('placeholder');
        if (input.type === 'text' && text) {
            placeholder(input)
        }
    }
};

直接把代码复制下来,保存成一个js文件引用即可，根本不用再做任何处理，超级方便~

本文转自：http://www.candoudou.com/archives/157

2015年7月3日2019年2月9日

Javascript PHP 判断是否是微信浏览器

Javascript：

function is_weixn(){
    var ua = navigator.userAgent.toLowerCase();
    if(ua.match(/MicroMessenger/i)=="micromessenger") {
        return true;
    } else {
        return false;
    }
}

PHP：

<?php
function is_weixin(){
    if ( strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger') !== false ) {
            return true;
    }  
    return false;
}
?>

2015年7月3日2019年2月9日

Javascript 判断是否是 Android 设备或 iOS 设备

var u = navigator.userAgent, app = navigator.appVersion;
var is_Android = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
var is_iOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
alert(is_Android);
alert(is_iOS);

2015年6月8日2019年2月9日

javascript 获取当前时间

var myDate = new Date();
myDate.getYear(); //获取当前年份(2位)
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
myDate.getMonth(); //获取当前月份(0-11,0代表1月)
myDate.getDate(); //获取当前日(1-31)
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours(); //获取当前小时数(0-23)
myDate.getMinutes(); //获取当前分钟数(0-59)
myDate.getSeconds(); //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
myDate.toLocaleDateString(); //获取当前日期
var mytime=myDate.toLocaleTimeString(); //获取当前时间
myDate.toLocaleString( ); //获取日期与时间

2015年5月22日2019年2月9日

javascript最新手机号码，身份证正则表达式

正则表达式（regular expression）是一个描述字符模式的对象。使用正则表达式可以进行强大的模式匹配和文本检索与替换功能。
身份证正则：

//身份证正则表达式(15位)
isIDCard1=/^[1-9]d{7}((0d)|(1[0-2]))(([0|1|2]d)|3[0-1])d{3}$/;
//身份证正则表达式(18位)
isIDCard2=/^[1-9]d{5}[1-9]d{3}((0d)|(1[0-2]))(([0|1|2]d)|3[0-1])d{4}$/;
身份证正则合并：(^d{15}$)|(^d{17}([0-9]|X)$)

最新手机号码正则表达式：

var tel = $("#telNo").val(); //获取手机号
var telReg = !!tel.match(/^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/);
//如果手机号码不能通过验证
if(telReg == false){
 
}

其他：

提取信息中的网络链接:(h|H)(r|R)(e|E)(f|F) *= *('|")?(w|\|/|.)+('|"| *|>)?
提取信息中的邮件地址:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*
提取信息中的图片链接:(s|S)(r|R)(c|C) *= *('|")?(w|\|/|.)+('|"| *|>)?
提取信息中的IP地址:(d+).(d+).(d+).(d+)
提取信息中的中国手机号码:(86)*0*13d{9}
提取信息中的中国固定电话号码:((d{3,4})|d{3,4}-|s)?d{8}
提取信息中的中国电话号码（包括移动和固定电话）:((d{3,4})|d{3,4}-|s)?d{7,14}
提取信息中的中国邮政编码:[1-9]{1}(d+){5}
提取信息中的中国身份证号码:d{18}|d{15}
提取信息中的整数：d+
提取信息中的浮点数（即小数）：(-?d*).?d+
提取信息中的任何数字 ：(-?d*)(.d+)?
提取信息中的中文字符串：[u4e00-u9fa5]*
提取信息中的双字节字符串 (汉字)：[^x00-xff]*

使用：
test()方法在字符串中查找是否存在指定的正则表达式，并返回布尔值，如果存在则返回true，否则返回false。

var pattern = new RegExp('Box','i');
var str = 'box';
alert(pattern.test(str)); //true
var pattern = /Box/i;
var str = 'box';
alert(pattern.test(str)); //true
var pattern = /Box/i;
var str = 'This is a box';
alert(pattern.test(str)); //true

2014年5月26日

7个免费在线制作LOGO的网站

网站最重要就是你的logo，好的logo可以让人瞬间记住你的网站。
今天一不小心发现了几款不错的在线免费制作logo的网站：
1. LogoEase
LogoEase是一个免费使用的网站，可以让你轻松创建logo。

2. LogoMaker
和LogoEase，LogoMaker一样，是另外一个web服务站点，它允许您创建和下载logo。该网站可以让你选择一个logo的类别，定制个性图标，当然也包括文本和颜色。

3. CoolText
CoolText是一个非常有用的文字创造者，极其简单的使用流程，它允许您设计标识，仅仅通过选择一个字体列表就可以啦。

4. FlamingText
FlamingText是一个美妙的标识创建网站，你可以使用库存的现有模板。一旦你选择了一个logo设计后，您可以修改许多属性，直到改头换面成您满意的那个。

5. LogoYes Logo Creator
这是一个很棒的网站，提供了大量创造Logo的特性。而且非常容易上手。

6. LogoSnap
LogoSnap是另一个在线标识创建工具，着重帮助您创建个性的logo。同样是简单的开始，选择一个logo类别，然后继续自定义文本和颜色，可以根据你的需要和偏好来完成标识设计。

7. Online Logo Maker
噢，说真的，这是一个很好的标志制造者，兢兢业业而且不断完善，制造商允许您选择和定制logo用在你的项目中。除了友好的用户界面，应用程序的功能也是丰富之极，当然这一切都是希望您能得到一个好LOGO！

博主追求简单明了型的logo，所以使用了CoolText。

2014年3月14日2019年2月9日

附博主正在使用的ajaxfileupload.js

不保证所有人都不会出问题，仅博主目前使用未曾遇见问题。
文件下载：ajaxfileupload.js（右键另存为）

jQuery.extend({
    createUploadIframe: function(id, uri)
    {
            //create frame
            var frameId = 'jUploadFrame' + id;
            var iframeHtml = '<iframe id="' + frameId + '" style="position: absolute; top: -9999px; left: -9999px;" src="' + uri + '" name="' + frameId + '">';
            jQuery(iframeHtml).appendTo(document.body);

            return jQuery('#' + frameId).get(0);            
    },
    createUploadForm: function(id, fileElementId)
    {
        //create form   
        var formId = 'jUploadForm' + id;
        var fileId = 'jUploadFile' + id;
        var form = jQuery('
<form action="" method="POST" name="' + formId + '" id="' + formId + '" enctype="multipart/form-data"></form>

');    
        var oldElement = jQuery('#' + fileElementId);
        var newElement = jQuery(oldElement).clone();
        jQuery(oldElement).attr('id', fileId);
        jQuery(oldElement).before(newElement);
        jQuery(oldElement).appendTo(form);
        //set attributes
        jQuery(form).css('position', 'absolute');
        jQuery(form).css('top', '-1200px');
        jQuery(form).css('left', '-1200px');
        jQuery(form).appendTo('body');      
        return form;
    },

    ajaxFileUpload: function(s) {
        // TODO introduce global settings, allowing the client to modify them for all requests, not only timeout        
        s = jQuery.extend({}, jQuery.ajaxSettings, s);
        var id = new Date().getTime();
        var form = jQuery.createUploadForm(id, s.fileElementId);
        var io = jQuery.createUploadIframe(id, s.secureuri);
        var frameId = 'jUploadFrame' + id;
        var formId = 'jUploadForm' + id;        
        // Watch for a new set of requests
        if ( s.global &amp;&amp; ! jQuery.active++ )
        {
            jQuery.event.trigger( "ajaxStart" );
        }            
        var requestDone = false;
        // Create the request object
        var xml = {};
        if ( s.global )
            jQuery.event.trigger("ajaxSend", );
        // Wait for a response to come back
        var uploadCallback = function(isTimeout)
        {           
            var io = document.getElementById(frameId);
            try 
            {               
                if(io.contentWindow)
                {
                     xml.responseText = io.contentWindow.document.body?io.contentWindow.document.body.innerHTML:null;
                     xml.responseXML = io.contentWindow.document.XMLDocument?io.contentWindow.document.XMLDocument:io.contentWindow.document;
                     
                }else if(io.contentDocument)
                {
                     xml.responseText = io.contentDocument.document.body?io.contentDocument.document.body.innerHTML:null;
                    xml.responseXML = io.contentDocument.document.XMLDocument?io.contentDocument.document.XMLDocument:io.contentDocument.document;
                }                       
            }catch(e)
            {
                jQuery.handleError(s, xml, null, e);
            }
            if ( xml || isTimeout == "timeout") 
            {               
                requestDone = true;
                var status;
                try {
                    status = isTimeout != "timeout" ? "success" : "error";
                    // Make sure that the request was successful or notmodified
                    if ( status != "error" )
                    {
                        // process the data (runs the xml through httpData regardless of callback)
                        var data = jQuery.uploadHttpData( xml, s.dataType );    
                        // If a local callback was specified, fire it and pass it the data
                        if ( s.success )
                            s.success( data, status );
    
                        // Fire the global callback
                        if( s.global )
                            jQuery.event.trigger( "ajaxSuccess",  );
                    } else
                        jQuery.handleError(s, xml, status);
                } catch(e) 
                {
                    status = "error";
                    jQuery.handleError(s, xml, status, e);
                }

                // The request was completed
                if( s.global )
                    jQuery.event.trigger( "ajaxComplete",  );

                // Handle the global AJAX counter
                if ( s.global &amp;&amp; ! --jQuery.active )
                    jQuery.event.trigger( "ajaxStop" );

                // Process result
                if ( s.complete )
                    s.complete(xml, status);

                jQuery(io).unbind();

                setTimeout(function()
                                    {   try 
                                        {
                                            jQuery(io).remove();
                                            jQuery(form).remove();  
                                            
                                        } catch(e) 
                                        {
                                            jQuery.handleError(s, xml, null, e);
                                        }                                   

                                    }, 100);

                xml = null;

            }
        };
        // Timeout checker
        if ( s.timeout &gt; 0 ) 
        {
            setTimeout(function(){
                // Check to see if the request is still happening
                if( !requestDone ) uploadCallback( "timeout" );
            }, s.timeout);
        }
        try 
        {

            var form = jQuery('#' + formId);
            jQuery(form).attr('action', s.url);
            jQuery(form).attr('method', 'POST');
            jQuery(form).attr('target', frameId);
            if(form.encoding)
            {
                jQuery(form).attr('encoding', 'multipart/form-data');               
            }
            else
            {   
                jQuery(form).attr('enctype', 'multipart/form-data');            
            }           
            jQuery(form).submit();

        } catch(e) 
        {           
            jQuery.handleError(s, xml, null, e);
        }
        
        jQuery('#' + frameId).load(uploadCallback   );
        return {abort: function () {}}; 

    },

    // handleError 方法在jquery1.4.2之后移除了，此处重写改方法
    handleError: function( s, xhr, status, e ) {
        // If a local callback was specified, fire it
        if ( s.error ) {
            s.error.call( s.context || s, xhr, status, e );
        }

        // Fire the global callback
        if ( s.global ) {
            (s.context ? jQuery(s.context) : jQuery.event).trigger( "ajaxError", [xhr, s, e] );
        }
    },

    uploadHttpData: function( r, type ) {
        var data = !type;
        data = type == "xml" || data ? r.responseXML : r.responseText;
        // If the type is "script", eval it in global context
        if ( type == "script" )
            jQuery.globalEval( data );
        // Get the JavaScript object, if JSON is used.
        if ( type == "json" ){
            eval( "data = " + data );
        }
        // evaluate scripts within html
        if ( type == "html" )
            jQuery("

<div>").html(data).evalScripts();

        return data;
    }
});

</div>
</iframe>

分类：jQuery, JavaScript, Dhtml, Css