月度归档: 2015 年 5 月

  • 道别~

    我们长期以来的想法和感受,有一天将会被某个陌生人一语道破。-爱默生

    这是一只鸵鸟,谁都不要管它,等到沙子太热,它就把头抬起来了。

    就好似外表完好,里面有子弹的残核。你看着光滑无碍,只等待阴天暴雨隐隐作痛。而现在,这颗子弹被人挑出来了,扔到了手术盘叮当作响。

    “有时候你答应了,只是出于一种本能的反应”

    “就好像过去那么默默暗恋了很多年,觉得这个人无法抗拒”

    “但是其实你仔细审查一下你的内心,这种影响已经不复存在了”

    “需要改变的不是本性,而只是一种习惯而已”

    就好像冥冥注定的解脱,就好像套住的绳索被日月侵蚀,直到某日某人提醒,当头棒喝,醍醐灌顶,你早已长大,只是你还以为自己还是小象,到达今日的伸展双手,不再自缚,自由自在。

    我爱我自己就像爱我在乎的人一样。

    我爱护我的身体就像只有一件衣服的永恒。

    我爱护我的心灵就像城墙坚守,鲜花怒放。

    那种轻松来自于眯眼儿品尝和翘起的嘴角。

     

     

    原来就是这个折磨我了这么多年,你已忘记什么时候它进入了你的肌肤。

    对于这个事情,我有时重视无比,美好至极,有时厌恶自己,鞭挞自己 。

    在对于自己来说的说的伤口,用一层青春的漂亮玻璃纸盖上。恍若不知道下面有些什么,恍若认为是没有青春的,没有自卑的。来个自欺欺人的欲盖弥彰。

    终于被解决了啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊

    虽有怅然, 好去莫回头

  • MAS接口常遇问题

    1、运行地址(格式)如图
    http://127.0.0.1:9090/xxx/xxx/default/rrrff

    QQ图片20151106173138

    2、MAS结构
    文件元素的查找范围 Robot
    Robot,function(des){
    //add your web html pretreatment code to decrease DOM parsing time.
    var s=des.indexOf(‘<div class=”view_ti”>’);
    var e=des.indexOf(‘<div style=” clear:both; height:10px;”>’);
    //substring 范围界定
    return des.substring(s,e);
    //return des;
    }

    3、取到中间字段篇幅
    function list(tTit){
    var text = “<font color=gray>”;
    var endText = “</font>”;
    var ss= tTit.indexOf(text);
    var ee=tTit.indexOf(endText);
    return tTit.substring(ss+text.length,ee);
    }
    tit.push(list(tTit)); //push的是运行完的结果

    4、列表页和详情页结合轮播图代码汇总
    思路:先调取列表,在详情页面解决图片地址。利用索引值id调取背景图片。
    var namearr = [];
    var imgArr = [];
    function newsCarousel(){
    $toast(‘数据加载中…’);
    $.getJSON(‘http://127.0.0.1:8087/xxx/xxx/default/list’, function(data){
    //新闻图片轮播
    if (data.status == ‘0’ && data.data && data.data.length) {
    $closeToast();
    var dataLen = data.data;
    var tmpl = ‘<div class=”ub-fh” ontouchstart=”zy_touch(\’\’)” onclick=”openNewWin(\’news_articlecommon\’,\’news_articlecommon.html\’);”>’
    +'<div id=”img_${index:}” class=”ub ub-f1 ub-imgnews newsban ub-ae uh-for1 ${cb:name}” style=”background-image:url(http://www.sinosure.com.cn/sinosure/xwzx/xbdt/images/20140829/32045.jpg);”></div>’
    +'</div>’;
    var s = zy_tmpl(tmpl, dataLen, zy_tmpl_count(dataLen), function(a, b){
    namearr.push(a.name);
    $closeToast();
    });
    $$(‘slider’).innerHTML = s;
    //显示小点
    var str = ”;
    for (var i = 0; i < dataLen.length; i++) {

    if (i == 0) {
    str += ‘<div id=”num’ + i + ‘” class=”uc-a-for1 uwh-for1 c-wh3 umar-r-for”></div>’;
    }
    else {
    str += ‘<div id=”num’ + i + ‘” class=”uc-a-for1 uwh-for1 c-gra-for2 umar-r-for”></div>’;
    }
    }
    $$(‘proint’).innerHTML = str;

    //滑动时当前图片的小点颜色为蓝色
    var slider = new zySlide(“slider”, “H”, function(){
    var cur = slider.currentPoint;
    var length = slider.maxPoint;
    for (var n = 0; n <= length; n++) {
    if (n == cur) {
    $$(“num” + n).className = ‘uc-a-for1 uwh-for1 c-wh3 umar-r-for’;
    }
    else {
    $$(“num” + n).className = ‘uc-a-for1 uwh-for1 c-gra-for2 umar-r-for’;
    }
    }
    $$(‘title’).innerHTML = namearr[cur];
    }, false, function(e){});

    for(var j=0;j<5;j++){
    var url = dataLen[j].href;
    $.getJSON(‘http://127.0.0.1:8087/xxx/xxx/default/fff?index=’+j+’&url=’+url, function(data1){
    $$(‘img_’+data1.index).style.backgroundImage = ‘url(‘+data1.data[0].src+’)’;
    $$(‘title’).innerHTML=data1.title;
    });
    }
    }
    });
    }
    Mas接口 info
    var MEAP = require(“meap”);

    function run(Param, Robot, Request, Response, IF){
    LOG(“Param.params.index”,Param.params.index);
    var option={
    method : “GET”,
    url: Param.params.url,
    index:Param.params.index,
    Cookie : “true”,
    Charset:”gb2312″
    };

    MEAP.AJAX.Runner(option,function(err,res,data){
    if(!err)
    {
    //Add your normal handling code
    MEAP.PARSER.Runner(“HTML”,res.text, function(err,DOM){
    if(!err && DOM){
    var arr=[];
    var t=DOM.getElementsByTagName(‘div’);
    var tit =t.length;
    var tit=t[0].innerHTML;
    // var con=t[1].text();
    // var tit =t[0].innerHTML;
    var con =t[1].innerHTML;

    var timg=DOM.getElementsByTagName(‘IMG’);

    for( var i=0;i<timg.length;i++){
    var url =”http://www.sinosure.com.cn”+timg[i].src;
    if(timg==”||timg==undefined){
    //url=”http://www.sinosure.com.cn/sinosure/xwzx/xbdt/images/20140827/32026.jpg”;
    break;
    }
    var src = url.replace(“file:///D:/”,”/”);
    arr.push(src);
    }

    //Add your DOM handling code

    var answerStr = JSON.stringify(
    {
    status: 0,
    title: tit,
    content: con,
    index:Param.params.index,
    data: arr
    });
    var o = JSON.parse( answerStr);
    Response.end(JSON.stringify(o));
    }
    else {
    Response.end(JSON.stringify({
    status: 1,
    msg: “异常”

    }));
    }
    });
    }
    else {
    Response.end(JSON.stringify({
    status: 1,
    msg: “异常”
    }));
    }

    },Robot,function(des){
    var s=des.indexOf(‘<div class=”view_ti”>’);
    var e=des.indexOf(‘<div style=” clear:both; height:10px;”>’);
    return des.substring(s,e);
    });
    }

    exports.Runner = run;
    Mas接口 list
    var MEAP = require(“meap”);

    function run(Param, Robot, Request, Response, IF){

    var option={
    method : “GET”,
    url: “http://www.sinosure.com.cn/sinosure/xwzx/xbdt/default.html”, //列表页抓取页面
    Cookie : “true”,
    Charset:”gb2312″
    };

    MEAP.AJAX.Runner(option,function(err,res,data){
    if(!err)
    {
    //Add your normal handling code
    MEAP.PARSER.Runner(“HTML”,res.text, function(err,DOM){
    if(!err && DOM){
    var arr=[];
    //var tit=[];
    var oLi=DOM.getElementsByTagName(‘a’);
    function list(tTit){
    var text = “<font color=gray>”;
    var endText = “</font>”;
    var ss= tTit.indexOf(text);
    var ee=tTit.indexOf(endText);
    return tTit.substring(ss+text.length,ee);
    }
    for(var i=21;i<26;i++){
    var obj={};
    obj.title=list(oLi[i].innerHTML);
    obj.href=”http://www.sinosure.com.cn”+oLi[i].attributes[‘href’].value;
    arr.push(obj);
    }
    var answerStr = JSON.stringify(
    {
    status: 0,
    //title:tit,
    data: arr
    });
    var o = JSON.parse( answerStr);
    // eval(“var answerStr = ‘”+JSON.stringify(o)+”‘;”);
    Response.end(JSON.stringify(o));
    }
    else {
    Response.end(JSON.stringify({
    status: 1,
    msg: “异常”

    }));
    }
    });
    }
    else {
    Response.end(JSON.stringify({
    status: 1,
    msg: “异常”
    }));
    }

    },Robot,function(des){
    //add your web html pretreatment code to decrease DOM parsing time.
    var s=des.indexOf(‘<div class=”news_gray_k”>’);
    var e=des.indexOf(‘<div class=”gradual”>’);
    //var img=des.indexOf(‘<img’);
    //substring 范围界定
    return des.substring(s,e);
    //return des;
    });
    }

    exports.Runner = run;

  • 导航条hover时,用css解决中英文互换

    导航条默认为“英文”显示,鼠标hover的时候变为“中文”显示。如下图所示

    利用display的block和none进行切换显示

    1

    2

     

     

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

    <html xmlns=”http://www.w3.org/1999/xhtml”>

    <head>

    <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

    <title>无标题文档</title>

    <style type=”text/css”>

    *{ margin:0;padding:0}

    ul,li{ list-style:none}

    a{text-decoration:none}

    em{ font-style:normal;}

    .box{ width:1000px; margin:30px auto; height:50px; background:#000; border-bottom:4px solid #f00;}

    .nav{ height:50px;line-height:50px; margin-left:30px;}

    .nav li{ width:100px; float:left; text-align:center;text-algin:center;}

    .nav li a{ color:#fff; display:block;}

    .nav li a span{ display:none}

    .nav li a:hover{ background:#f00;}

    .nav li a:hover span{display:block;}

    .nav li a:hover em{display:none;}

    </style>

    </head>

     

    <body>

    <div class=”box”>

    <ul class=”nav”>

    <li><a href=”#”><span>首页</span><em>index</em></a></li>

    <li><a href=”#”><span>产品</span><em>product</em></a></li>

    <li><a href=”#”><span>联系我们</span><em>contact</em></a></li>

    <li><a href=”#”><span>关于我们</span><em>about</em></a></li>

    <li><a href=”#”><span>新闻资讯</span><em>news</em></a></li>

    <li><a href=”#”><span>网站地图</span><em>site</em></a></li>

    </ul>

    </div>

    </body>

    </html>