分类笔记下的文章

JavaScript图片延迟加载微型库Echo.js

Author: 叶测试
April 15, 2017
Cate: 笔记

Echo.js是一个标准的独立的Javascript图片懒加载（延迟加载）库，它非常小巧快速，只有2KB，它使用HTML5的 data-*属性，延迟请求加载图片资源，不依赖任意第三方插件库，特别适用于移动端需要加载大量图片的应用。

织梦dedecms判断手机进行跳转

Author: 叶测试
April 7, 2017
Cate: 笔记

推荐：
uaredirect.js

function uaredirect(f){try{if(document.getElementById("bdmark")!=null){return}var b=false;if(arguments[1]){var e=window.location.host;var a=window.location.href;if(isSubdomain(arguments[1],e)==1){f=f+"/#m/"+a;b=true}else{if(isSubdomain(arguments[1],e)==2){f=f+"/#m/"+a;b=true}else{f=a;b=false}}}else{b=true}if(b){var c=window.location.hash;if(!c.match("fromapp")){if((navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i))){location.replace(f)}}}}catch(d){}}function isSubdomain(c,d){this.getdomain=function(f){var e=f.indexOf("://");if(e>0){var h=f.substr(e+3)}else{var h=f}var g=/^www\./;if(g.test(h)){h=h.substr(4)}return h};if(c==d){return 1}else{var c=this.getdomain(c);var b=this.getdomain(d);if(c==b){return 1}else{c=c.replace(".","\\.");var a=new RegExp("\\."+c+"$");if(b.match(a)){return 2}else{return 0}}}};

栏目页跳转：uaredirect("/m/list.php?tid={dede:field.id /}");
首页跳转：uaredirect("/m");
文章页跳转：uaredirect("/m/view.php?aid={dede:field.id /}");

index.php添加：
//判断手机登录

function ismobile() {
    // 如果有HTTP_X_WAP_PROFILE则一定是移动设备
    if (isset ($_SERVER['HTTP_X_WAP_PROFILE']))
        return true;

    //此条摘自TPM智能切换模板引擎，适合TPM开发
    if(isset ($_SERVER['HTTP_CLIENT']) &&'PhoneClient'==$_SERVER['HTTP_CLIENT'])
        return true;
    //如果via信息含有wap则一定是移动设备,部分服务商会屏蔽该信息
    if (isset ($_SERVER['HTTP_VIA']))
        //找不到为flase,否则为true
        return stristr($_SERVER['HTTP_VIA'], 'wap') ? true : false;
    //判断手机发送的客户端标志,兼容性有待提高
    if (isset ($_SERVER['HTTP_USER_AGENT'])) {
        $clientkeywords = array(
            'nokia','sony','ericsson','mot','samsung','htc','sgh','lg','sharp','sie-','philips','panasonic','alcatel','lenovo','iphone','ipod','blackberry','meizu','android','netfront','symbian','ucweb','windowsce','palm','operamini','operamobi','openwave','nexusone','cldc','midp','wap','mobile'
        );
        //从HTTP_USER_AGENT中查找手机浏览器的关键字
        if (preg_match("/(" . implode('|', $clientkeywords) . ")/i", strtolower($_SERVER['HTTP_USER_AGENT']))) {
            return true;
        }
    }
    //协议法，因为有可能不准确，放到最后判断
    if (isset ($_SERVER['HTTP_ACCEPT'])) {
        // 如果只支持wml并且不支持html那一定是移动设备
        // 如果支持wml和html但是wml在html之前则是移动设备
        if ((strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') !== false) && (strpos($_SERVER['HTTP_ACCEPT'], 'text/html') === false || (strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') < strpos($_SERVER['HTTP_ACCEPT'], 'text/html')))) {
            return true;
        }
    }
    return false;
}

if (isMobile()){
    header('Location:m/index.php');
}else{
    //自动生成HTML版
    if(isset($_GET['upcache']) || !file_exists('index.html'))
    {
        require_once (dirname(__FILE__) . "/include/common.inc.php");
        require_once DEDEINC."/arc.partview.class.php";
        $GLOBALS['_arclistEnv'] = 'index';
        $row = $dsql->GetOne("Select * From `#@__homepageset`");
        $row['templet'] = MfTemplet($row['templet']);
        $pv = new PartView();
        $pv->SetTemplet($cfg_basedir . $cfg_templets_dir . "/" . $row['templet']);
        $row['showmod'] = isset($row['showmod'])? $row['showmod'] : 0;
        if ($row['showmod'] == 1)
        {
            $pv->SaveToHtml(dirname(__FILE__).'/index.html');
            include(dirname(__FILE__).'/index.html');
            exit();
        } else { 
            $pv->Display();
            exit();
        }
    }
    else
    {
        header('HTTP/1.1 301 Moved Permanently');
        header('Location:index.html');
    }

}

JS跳转：

function mobileRedirect(murl){
    try {
        if(document.getElementById("bdmark") != null){
        return;
    }
            
    var urlhash = window.location.hash;
        if (!urlhash.match("fromapp")){
            if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad|Symbia)/i))) {
            location.replace(murl);
            }
        }
    } catch(err){}
}
mobileRedirect("/m/");

html2canvas网页截图导出为图片并用JS下载

Author: 叶测试
March 30, 2017
Cate: 笔记

html2canvas是一个相当不错的JavaScript类库，它使用了html5和css3的一些新功能特性，实现了在客户端对网页进行截图的功能。html2canvas通过获取页面的DOM和元素的样式信息，并将其渲染成canvas图片，从而实现给页面截图的功能。

它不需要来自服务器任何渲染，整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时，将采用Flashcanvas或 ExplorerCanvas技术代替实现。以下浏览器能够很好的支持该脚本：Firefox 3.5+, Google Chrome, Opera新的版本, IE9以上的浏览器。

- 阅读剩余部分 -

thinkphp控制页码显示个数量

Author: 叶测试
March 28, 2017
Cate: 笔记

$page->rollPage=xxx;

jquery禁用右键、文本选择功能、复制的代码

Author: 叶测试
March 25, 2017
Cate: 笔记

//禁用右键、文本选择功能、复制按键
$(document).bind("contextmenu",function(){return false;});
$(document).bind("selectstart",function(){return false;});
$(document).keydown(function(){return key(arguments[0])});
//按键时提示警告
function key(e){
var keynum;
if(window.event){
keynum = e.keyCode; // IE
}else if(e.which){
keynum = e.which; // Netscape/Firefox/Opera
}
if(keynum == 17){
alert(“禁止复制内容！”);
return false;
}
}
//禁用右键、文本选择功能、复制按键
    $(document).bind("contextmenu",function(){return false;});
    $(document).bind("selectstart",function(){return false;});
    $(document).keydown(function(){return key(arguments[0])}); 
 
 //按键时提示警告
       function key(e){
            var keynum;
            if(window.event) // IE
              {
                keynum = e.keyCode;
              }
            else if(e.which) // Netscape/Firefox/Opera
              {
                keynum = e.which;
              }
            if(keynum == 17){ alert("禁止复制内容！");return false;}
        }
 
 
<script>  
//屏蔽鼠标右键、Ctrl+N、Shift+F10、F11、F5刷新、退格键     
function   document.oncontextmenu(){event.returnValue=false;}//屏蔽鼠标右键   
function   window.onhelp(){return false}       //屏蔽F1帮助   
function   document.onkeydown(){   
    if((window.event.altKey)&&   
      ((window.event.keyCode==37)||            //屏蔽Alt+方向键←   
      (window.event.keyCode==39))){            //屏蔽Alt+方向键→
           alert("不准你使用ALT+方向键前进或后退网页！");   
           event.returnValue=false;    
      }         if((event.keyCode==8)||                    //屏蔽退格删除键    
      (event.keyCode==116)||                   //屏蔽F5刷新键   
      (event.ctrlKey && event.keyCode==82)){   //Ctrl+R   
           event.keyCode=0;   
           event.returnValue=false;   
      }   
      if(event.keyCode==122){event.keyCode=0;event.returnValue=false;}    //屏蔽F11   
      if(event.ctrlKey && event.keyCode==78)event.returnValue=false;      //屏蔽Ctrl+n   
      if(event.shiftKey && event.keyCode==121)event.returnValue=false;    //屏蔽shift+F10   
      if(window.event.srcElement.tagName=="A" && window.event.shiftKey)     
         window.event.returnValue=false;       //屏蔽shift加鼠标左键新开一网页   
      if((window.event.altKey)&&(window.event.keyCode==115)){             //屏蔽Alt+F4    
         window.showModelessDialog("about:blank","","dialogWidth:1px;dialogheight:1px");   
         return false;   
      }   
  }   
</script>

本地存储localStorage以及它的封装接口store.js的使用

Author: 叶测试
March 22, 2017
Cate: 笔记

本地存储localStorage以及它的封装接口store.js的使用
from:https://segmentfault.com/a/1190000007539338

本地存储localstorage

localstorage 是 HTML5 提供的在客户端存储数据的新方法，主要作用是将数据保存在客户端中，并且数据是永久保存的，除非人为干预删除。

- 阅读剩余部分 -

jquery 根据值设置radio选中

Author: 叶测试
March 16, 2017
Cate: 笔记

$(":radio[name='sex'][value='" + sex + "']").prop("checked", "checked");

微信扫码一键保存到VCARD通讯录

Author: 叶测试
February 27, 2017
Cate: 笔记

BEGIN:VCARD
FN:我的姓名
TITLE:部门经理
ORG:深圳市天下天下公司
TEL;CELL:13912345678
TEL;WORK:0755-33338888
ADR;WORK:深圳市南山区科技南十二路长虹科技大厦0楼
URL:http://www.baidu.com/index.html
EMAIL;WORK:dongdong@mailserver.com
END:VCARD