年度归档: 2015 年

  • 道别~

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

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

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

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

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

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

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

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

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

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

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

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

     

     

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

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

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

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

    虽有怅然, 好去莫回头

  • 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>

     

  • 百度空间关闭咯

    百度空间要关闭咯,关闭咯。最近喜欢了说“咯”这个字,感觉把它坠在句尾,既表现的自己对什么事情不确定是疑问,是感叹,是隐秘的知道别人不知道的小神奇。好像差不多大概也许左右。

    是什么时候,开始喜欢的呢?

    鼓着眼睛说,我不知道咯。~

    空间关闭就要搬家,搬家真的像搬家,搬了空间换了模板,你这个空间的好友是否还在? 是否直接不再写。坚持一样点滴的事情难又易。难的是天天要坚持,易的是仅仅些许的文字点滴,不费心,不费大把的时间。

    昨天突然跟个网友尘聊天,说看到我那么多文字,我左右翻了存档,暗自得意其实我还有好多设置的只准自己看的呢。翻阅翻阅,喜不自禁。写了好多篇不错哟~

    又及看到以前09年关注的一个大学学长的新浪博客,发现他早就搬家了。自建了自己的博客。里面全是关于游戏开发和只言片语的随笔。不过到了去年12月份就没有在更新,就觉得可惜。是不是也像我去年进行了封闭开发了若干月。不过看浏览文章的记录也许就是一般三五人。不过这三五人也会猜测怎么还不更新呢。

    写东西都是取悦自己和发泄自己。若得意外赞许,也是十分欢喜。

    以后我的绀珠集标签都会没有了。

    特贴空间写的 面对百度写的东西

    谢谢啊,百度空间您终于把自己给搞死了

    图片

    谢谢啊 百度空间您终于把自己给搞死了,报了我的十五级绿豆蛙之仇!绿豆蛙小天使你走的可以欣慰了

    玩死空间,一步一步的 step by step图片图片

    从我空间养的宠物绿豆蛙突然被灭掉弄消失,连个提示都没有!!

    后来,玩的开心农场阳光牧场,突然关闭。弹个理由也没有给,直接断掉接口!!

    再后来,强制必须要升级,搞了个什么轻博客,学人家网易和点点,导致大批人走,还要求自己手动导出数据传出数据,不能自定义模板用自己的图片,一批图片摄影空间全部溃散。自己的主页面,点击就是死链接,no find,我勒个去~~~

    再再后来,批量博客导出,同步分享微博 人人网功能接口也关闭掉了,就开始没兴趣了。

    最后找进入百度空间的接口都找不见了,得进入第五级页面才能找到空间。。。。。我还是在执着的找入口。。。

    http://hi.baidu.com/constraint19  我的6年记忆~~~

    ok,现在终于提到自己玩死了空间。 图片

     

     

    国民性=过敏性 嘿嘿

     

  • flex弹性盒子

    概述

    UI3.0使用弹性盒子对页面进行布局,ui-box.css中就定义了弹性盒子的一些css3样式,弹性盒子模型是在指定大小的父容器里来为子元素分配空间,使用box架构可以更容易更方便的适配不同分辨率不同屏幕尺寸的手机

    CSS Variables

    Box架构

    定义:
    ub……
    说明:
    使用box弹性盒子模式对页面进行布局
    例子:
    ub定义元素的display属性为box。那么子元素就可以根据我们定义的比例来分配元素的空间,ub一般跟ub-f[1-4]搭配着使用

    Box架构元素空间大小分配比例

    定义:
    ub-f……
    说明:
    定义不同的box-flex属性值
    类别使用数字编号,定义不同的元素空间大小分配比例
    例子:

    ub-f1数字编号为1;定义box-flex:1
    ub-f1数字编号为2;定义box-flex:2
    ub-f1数字编号为3;定义box-flex:3
    ub-f1数字编号为4;定义box-flex:4
    ub-f[1-4]和ub搭配着使用

    解析:
    1、若子元素都使用ub-f1,那么子元素等比例的分配父元素的空间大小

    1. <div class='ub c-gra uba b-bla umh5'>
    2. <div class='ub-f1 sc-bg-alert'></div>
    3. <div class='ub-f1 bc-head'></div>
    4. </div>

    2、若子元素一个用ub-f1,另外一个用ub-f2.,那么子元素按照1:2的比例分配父元素的空间大小

    1. <div class='ub c-gra uba b-bla umh5'>
    2. <div class='ub-f1 sc-bg-alert'></div>
    3. <div class='ub-f2 bc-head'></div>
    4. </div>


    3、若子元素分别使用ub-f1,ub-f2,ub-f3,那么子元素会按照1:2:3的比例分配父元素的空间大小

    1. <div class='ub c-gra uba b-bla umh5'>
    2. <div class='ub-f1 sc-bg-alert'></div>
    3. <div class='ub-f2 bc-head'></div>
    4. <div class='ub-f3 sc-bg-active'></div>
    5. </div>


    4、若子元素中只有一个使用ub-f1,另外一个元素根据内容的多少定义大小,那么使用ub-f1的元素会自动适配元素的剩余空间大小

    1. <div class='ub c-gra uba b-bla umh5'>
    2. <div class='sc-bg-alert'>内容</div>
    3. <div class='ub-f1 bc-head'></div>
    4. </div>

    ub-f[1-4]和ub搭配着使用
    场景:

    1. <div class='uba b-gra c-wh us uc-a '>
    2. <div ontouchstart='zy_touch('btn-act')' class='uc-t ubb ub b-gra t-bla ub-ac lis umh4'>
    3. <div class='ub-f1 ut-s'>设置</div>
    4. <div class='tx-r t-blu ulev-1'>Old Phone</div>
    5. <div class='res8 lis-sw ub-img'></div>
    6. </div>
    7. <div ontouchstart='zy_touch('btn-act')' class=' ub ubb b-gra t-bla ub-ac lis umh4'>
    8. <div class='ub-f1 ut-s'>设置</div>
    9. <div class='tx-r t-blu ulev-1'>Old Phone</div>
    10. <div class='res8 lis-sw ub-img'></div>
    11. </div>
    12. <div ontouchstart='zy_touch('btn-act')' class='uc-b ub t-bla ub-ac lis umh4'>
    13. <div class='ub-f1 ut-s'>设置</div>
    14. <div class='tx-r t-blu ulev-1'>Old Phone</div>
    15. <div class='res8 lis-sw ub-img'></div>
    16. </div>
    17. </div>

    图例:

    Box架构元素垂直方向的位置排列

    定义:
    ub-ac,ub-ae……
    说明:

    ub-ac:垂直居中
    ub-ae:位于底边
    只有跟ub搭配着使用ub-ac,ub-ae的作用才生效

    例子:
    1、未使用ub-ac,ub-ae

    1. <div class='ub uinn umh4 uba b-gra uc-a'>
    2. <div class='ub-f1'>内容</div>
    3. <div class='res8 lis-sw ub-img'></div>
    4. </div>


    2、使用ub-ac

    1. <div class='ub uinn umh4 uba b-gra uc-a ub-ac'>
    2. <div class='ub-f1'>内容</div>
    3. <div class='res8 lis-sw ub-img'></div>
    4. </div>


    3、使用ub-ae

    1. <div class='ub uinn umh4 uba b-gra uc-a ub-ae'>
    2. <div class='ub-f1'>内容</div>
    3. <div class='res8 lis-sw ub-img'></div>
    4. </div>


    场景:

    1. <div class='uba b-gra c-wh us uc-a '>
    2. <div ontouchstart='zy_touch('btn-act')' class='uc-t ubb ub b-gra t-bla ub-ac lis'>
    3. <div class='lis-icon ub-img im'></div>
    4. <div class='ub-f1 ut-s'>设置</div>
    5. <div class='tx-r t-blu ulev-1'>Old Phone</div>
    6. <div class='res8 lis-sw ub-img'>></div>
    7. </div>
    8. <div ontouchstart='zy_touch('btn-act')' class=' ub ubb b-grat-bla ub-ac lis'>
    9. <div class='lis-icon ub-img im'></div>
    10. <div class='ub-f1 ut-s'>设置</div>
    11. <div class='tx-r t-blu ulev-1'>Old Phone</div>
    12. <div class='res8 lis-sw ub-img'></div>
    13. </div>
    14. <div ontouchstart='zy_touch('btn-act')' class='uc-b ub t-bla ub-ac lis'>
    15. <div class='lis-icon ub-img im'></div>
    16. <div class='ub-f1 ut-s'>设置</div>
    17. <div class='tx-r t-blu ulev-1'>Old Phone</div>
    18. <div class='res8 lis-sw ub-img'></div>
    19. </div>
    20. </div>

    图例:

    Box架构元素水平方向的位置排列

    定义:
    ub-pc,ub-pe,ub-pj……
    说明:

    ub-pc:水平居中
    ub-pe:位于末尾
    ub-pj:两端对齐
    只有跟ub搭配着使用ub-pc,ub-pe,ub-pj的作用才生效

    例子:
    1、未使用ub-pc,ub-pe,ub-pj

    1. <div class='uinn2 c-gra ub'> <div class='umh5 umw3 sc-bg-alert'></div>
    2. <div class='umh5 umw3 bc-head'></div>
    3. <div class='umh5 umw3 sc-bg-active'></div>
    4. </div>

    2、使用ub-pc

    1. <div class='uinn2 c-gra ub-pc ub uba b-bla'>
    2. <div class='umh5 umw3 sc-bg-alert'></div>
    3. <div class='umh5 umw3 bc-head'></div>
    4. <div class='umh5 umw3 sc-bg-active'></div>
    5. </div>


    3、使用ub-pe

    1. <div class='uinn2 c-gra ub-pe ub uba b-bla'>
    2. <div class='umh5 umw3 sc-bg-alert'></div>
    3. <div class='umh5 umw3 bc-head'></div>
    4. <div class='umh5 umw3 sc-bg-active'></div>
    5. </div>


    4、使用ub-pj

    1. <div class='uinn2 c-gra ub-pj ub uba b-bla'>
    2. <div class='umh5 umw3 sc-bg-alert'></div>
    3. <div class='umh5 umw3 bc-head'></div>
    4. <div class='umh5 umw3 sc-bg-active'></div>
    5. </div>

    Box架构元素垂直排列

    定义:
    ub-ver….
    说明:
    ub-ver:定义元素垂直排列
    只有跟ub搭配着使用ub-ver的作用才生效
    例子:
    1、未使用ub-ver

    1. <div class='uinn2 c-gra ub uba b-bla'>
    2. <div class='umh5 umw3 sc-bg-alert'></div>
    3. <div class='umh5 umw3 bc-head'></div>
    4. <div class='umh5 umw3 sc-bg-active'></div>
    5. </div>


    2、使用ub-ver

    1. <div class='uinn2 c-gra ub ub-ver uba b-bla'>
    2. <div class='umh5 umw3 sc-bg-alert'></div>
    3. <div class='umh5 umw3 bc-head'></div>
    4. <div class='umh5 umw3 sc-bg-active'></div>
    5. </div>

    Box架构元素排列方向

    定义:
    ub-rev……
    说明:
    ub-rev:定义元素排列方向
    只有跟ub搭配着使用ub-rev的作用才生效
    例子:
    1、未使用ub-rev

    1. <div class='uinn2 c-gra ub uba b-bla'>
    2. <div class='umh5 umw3 sc-bg-alert'></div>
    3. <div class='umh5 umw3 bc-head'></div>
    4. <div class='umh5 umw3 sc-bg-active'></div>
    5. </div>

    2、使用ub-rev

    1. <div class='uinn2 c-gra ub ub-rev uba b-bla'>
    2. <div class='umh5 umw3 sc-bg-alert'></div>
    3. <div class='umh5 umw3 bc-head'></div>
    4. <div class='umh5 umw3 sc-bg-active'></div>
    5. </div>

    Box架构实现横向滑动效果

    定义:
    ub-fh……
    说明:
    在box架构中ub-fh一般跟函数zyFlip()搭配着使用实现横向滑动效果

    Box架构实现纵向滑动效果

    定义:
    ub-fv……
    说明:
    在box架构中ub-fv一般跟函数iScroll()搭配着使用实现纵向滑动效果

    背景图片类别

    定义:
    ub-img[类别]……
    说明:
    前缀为ub-img
    类别为数字编号,用于定义不同的背景排列方式
    例子:

    ub-img类别为空,定义将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终包含在容器内
    ub-img1类别为1,定义将背景图片等比例缩放到完全覆盖容器,背景图像有可能超过容器
    ub-img2类别为2,定义背景图像横向平铺
    ub-img3类别为3,定义背景图像纵向平铺
    ub-img4类别为4,定义背景图像横向100%,纵向自适应;
    ub-img5类别为5,定义背景图像横向自适应,纵向为100%
    ub-img6类别为6,定义背景图像居中显示

    场景:

    1. <div class='uba b-gra c-wh us uc-a '>
    2. <div ontouchstart='zy_touch('btn-act')' class='uc-t ubb ub b-gra t-bla ub-ac lis'>
    3. <div class='lis-icon ub-img im'></div>
    4. <div class='ub-f1 ut-s'>设置</div>
    5. <div class='tx-r t-blu ulev-1'>Old Phone</div>
    6. <div class='res8 lis-sw ub-img'></div>
    7. </div>
    8. <div ontouchstart='zy_touch('btn-act')' class=' ub ubb b-gra t-bla ub-ac lis'>
    9. <div class='lis-icon ub-img im'></div>
    10. <div class='ub-f1 ut-s'>设置</div>
    11. <div class='tx-r t-blu ulev-1'>Old Phone</div>
    12. <div class='res8 lis-sw ub-img'></div>
    13. </div>
    14. <div ontouchstart='zy_touch('btn-act')' class='uc-b ub t-bla ub-ac lis'>
    15. <div class='lis-icon ub-img im'></div>
    16. <div class='ub-f1 ut-s'>设置</div>
    17. <div class='tx-r t-blu ulev-1'>Old Phone</div>
    18. <div class='res8 lis-sw ub-img'></div>
    19. </div>
    20. </div>

    图例:

    根本的就是

    <div style="width:300px; display:-webkit-box; display:box;">
    <div style="-webkit-box-flex:1.0; border:1px solid #f00;">12</div>
    <div style="-webkit-box-flex:2.0; border:1px solid #000;">12</div>
    </div>
    
    <div style="width:600px; display:-webkit-box;display:box;">
    <div style="-webkit-box-flex:1; border:1px solid #f00"></div>
    <div style="-webkit-box-flex:2; background:#ff0"></div>
    </div>

     

     

  • App内网址链接外部浏览器页面-kp appcan

    function ck(yWebsite){

    if (isAndroid) {

    //android设备

    uexWidget.loadApp(‘android.i appcanntent.action.VIEW’, ‘text/html’, yWebsite);

    }

    else {

    //IOS设备

    uexWidget.loadApp(yWebsite,null,null);

    }

    }

  • 不要让自己的脑袋成为别人的跑马场

    有了方向,每天努力进步一点点,每天靠近梦想一点点。

    看一手的书籍。不要仅限于表面。不要看转载转载再转载。

    我们必须对有可能遇到的遭遇做好准备-神秘岛

    看顾好自己的身体健康和精神活跃~

    前天写了三年的日记本正反面写完了。
    来到北京做北漂的三年,好似写过就翻过去了,看到的电影看到人看到书,写了感想就过去了。
    现在看,反而会微微笑,原来我还写过那么感性的文字和决绝的语言。
    看多了,就不敢再有浅薄评判的勇气。还是做个参与者,做就好了。书写自己的人生哦~
    昨天陪一个从济南过来的同学在北大转悠,转到了未名湖。说这湖也没有济南的大明湖大啊。我说是啊。这就是北大啊。感觉好奇怪我竟然真的能来北大的校园看看。
    问你来北京感觉怎么样啊。我说也许就是买东西的时候觉得,这东西还不够一个月的工资的,可以敢买了。你不会知道坐你对面的同事以前有过什么牛逼的经历吧。做过的产品正在做的产品或者将要做的产品会有数亿人使用吧。

    任它年华如流水,依然壮志满胸怀~

    眼睛里有光,脚下有劲儿~

    step by step~

  • 回归

    年假已过,开心不已。

    继续做一个有趣的人,诚实的人,真实的人。

    以此,继续做到养成良好的作息习惯,整洁,坚持,有趣,快乐。

    学习会读诗歌,听欢快的歌曲。

    可以有自己的感悟,但不可沉溺自怨自艾。

    你为生存做些什么,我不关心

    我想知道,你的渴求,你是否敢于梦想

    你内心的渴望

    你的年龄有多大,我不关心,我想知道,为了爱,为了梦,为了生机勃勃的奇遇,你是否愿意像傻瓜一样冒险

    (更多…)

  • 自动切换选项卡

    //clearInterval(ID)
    //setInterval(函数名,时间)setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
    //oLi[i].index=i; 出现问题为“无法获取未定义或 null 引用的属性‘style’”
    //达到的效果,点击前进和后退皆可
    //问题点:当抛出点击箭头,直接点击onclick后,再点击箭头出现问题,回归到第一个箭头,不能从当前的地方开始。联系起来iNow和this.index
    //clearInterval() 方法可取消由 setInterval() 设置的 timeout。
    //clearInterval() 方法的参数必须是由 setInterval() 返回的 ID 值。语法clearInterval(id_of_setinterval)除掉, 必须要返回的数值,句柄,setInter




    无标题文档

    • 内容一
    • 内容二
    • 内容三
    • 内容四




  • 你在搞神马?!

    最近,活少,且能上网,简直幸福的活蹦乱跳。那个B型性格就又开始蹦出来了(xingfengzuolang),我就知道好日子到头了,果然,下面它的发言,简直想让当事人我只想撞墙以表心塞。我以45°的角度望着公司天花板的上面少亮了一根灯管,只剩下两节亮着的灯管,依稀记得上次它出来的时候,我把踌躇意难平的时候。

    “瞧瞧,最近你都在做什么啊?”

    “说是要,每天晚上专注三小时,为自己的梦想加油,可你现在在做什么啊?你只完整的坚持了周一的那三个小时吧”

    “若不是,这两天我一直在看,zcool,你看看你自己的作品,孤零零的三个,都三年了,从11年开始到现在你做了什么,而且做会员都做了6年咧。”

    “做会员,你做了六年,瞧瞧啊,你在PS联盟从09年开始,然后到了12年你给暂停了,然后wcfuns你从11年开始,到了14年你又开始暂停了,我就不提你的个人网站的这去年下半年空了那么多事做什么了(说不提,不还是提了么。。。)你知道一个人的六年有几个吗?况且最重要的时候,你知道的在最年轻最有精力最最一个人的时候的时光,六年能占有多久吗?”

    “亲呐。只有现在的这几年啊,你现在都25岁了,过了年都26岁了,你又不是小孩子了,当然我不是说好的品质,但是你要成熟一点,嗯,我知道你在考虑且进行理财中,这也算是好的意见。那种强烈的渴望和对生命的追求那种火热的激情,哟多么热泪盈眶哦”

    “可是亲呐,最近我又获悉,你开始研究哲学,我-勒-个-擦!!!你在搞笑吗!!!好吧我知道你开始说什么,哲学不是一般人能够学到的,但也许我们可以学习如何以哲学的的方式思考。。。”

    “天,我这不知道该说些什么,现在就是以前的选择,现在的选择是未来的走向,儒家和上帝都说选择的自由,选择的重要性,可是!你写在床头上的字帖,你有没有好好念念啊,你现在又开始看什么小说豪门重生,捂脸(*/ω\*)我真的不好意思说你了,你看看下面留言都是在准备写作业,考试的初中生高中生啊!你是不是学生时代没看过言情啊,现在还在看,好吧,你能不能看个逻辑型高级的啊!!!!!???挥手,去吧,你还是把你的剩下的一本福尔摩斯看完吧。。”

    “既然出来,就得碎碎念全了,握拳,重整士气,接着念!你每天早上都卡着点上班,你是不想上班呢,还是不想准时呢?!你要想想这个问题,如果不想上班,那就辞职换工作,如果嫌弃距离家太远,那就换公司,如果!!你仅仅是因为自己不想起,懒惰,那么你自己来解决吧”

    “还有啊,你的QQ上面签名总是写着step by step 写了多久了也得又五年了吧,你到底坚持了什么啊,还是仅仅是个练习语句啊,我再说啊,一百张白纸摞起来,跟复利折叠展开的白纸,是完全不一样的壮观啊!月球到地球的距离,一个国家都产不出来的粮食啊!”

    “不戳戳你,你还就真趴在被子里面不出来了,还不想面对现实,还不想面对失去的和得到的,还想告诉自己休息休息,你现在都给我休息将近三个月了吧。别给我屁股对着我,面对我,嘀咕什么?!你说工作,我知道你在说前一段时间你工作加班很严重,但是,你的精神可是没有加班哟,你当时看小说还是坚持的哦,只是这其他的思考你可都是封闭了,现在有了时间,我看你摇头摆尾准备转圈溜达,就是不想往前走了,你是觉得后面的风景没有仔细看,还是懒得不想动了”

    “别人,一说什么,你就开始想这个想那个了,你怎么不想想我呢,我这个B型性格总得跳出来袭击下你,不然你还指不定带着我跑哪儿去了,然后后悔了,再把我提溜出来,什么 不是提溜,是请出来,那还不一样么。都是收拾烂摊子,擦屁股的事儿!”

    “你呢,有了太多的选择,还每一个都想走,这怎么可能呢,你选择了这个就放弃了那个,你所精益求精的只有一个而已,什么?哦,你说列奥纳多·达·芬奇,除了是画家,他还是雕刻家、建筑师、音乐家、数学家、工程师、发明家、解剖学家、地质学家、制图师,植物学家和作家。可是!人家那都是所有的精通啊,你有力量也可以全部精通啊,那得有饱满的精神头和好奇心,你瞧瞧你哦,上个班都要迟到了哦,你还关注着什么早睡美容,敷面膜,当然我现在都不清楚,你总是定一些规则,难道你定规则的意义就是为了打破规则吗?你这些坚持了一两次的行为到底有什么意义?!”

    “不是小孩子了,君子立长志,小人常立志,想想你真正想要的吧,我就不说什么,对于一只盲目的船来说,所有方向的风都是逆风了。好吧我已经说完了哈”

    “习惯,养成好的习惯”

    ————————————————————————————–

    我的B型性格来说教了,虽然一股脑的全说出来了,不过也是有所神经的。。。(ˇˍˇ)