评论 - lizhenqiu blog

#¹²³⁶

作者：广西南宁市

文章：js 删除前confirm确认提示代码发表时间：2017-06-22, 10:04:19

展开↯

#¹²³⁷

作者：广西南宁市

最近做一个移动端的微信在线购物项目，记录下爬坑的点。
1、A页面跳到B页面，两个页面都有购物车，B页面清空/修改购物车产品后，返回A页面后，A页面的购物车仍是之前的内容，读取的缓存
解决：在A页面加入以下代码片段

if (document.addEventListener) {
    window.addEventListener('pageshow', function (event) {
        if (event.persisted || window.performance && 
            window.performance.navigation.type == 2) 
        {
            location.reload();
        }
    },
   false);
}

Run code

Cut to clipboard

2、h5的html属性存储，如data-id=5存储的值为number，但.dataset.id返回的是字符串

3、给元素绑定事件，删除节点后（事件也同步解绑），再重新增加新的节点，也没有事件了。
解决：
jquery给待重新渲染（删除后重新新增）的节点父级元素绑定事件，parent.on('click',child,function(){....})

4、NaN === NaN false

5、异步回调地狱，jquery用defferred对象的方法解决

6、.find('')[i].dataset.id 就能获取，错误示范为==> .find('')[i]..get(0).dataset.id

7、其他需巩固的知识点
页面reflow、render，IOS无法冒泡，history的pushState()、replaceState()方法，html模板引擎的进一步熟练使用

文章：微信小程序之购物车功能发表时间：2017-06-21, 17:00:55

展开↯

#¹²³⁸

作者：广西南宁市

椭圆形

椭圆形是正圆形的一个变体，同样使用一个带ID的div来制作。
设置椭圆形的CSS时，高度要设置为宽度的一半，border-radius属性也要做相应的改变：
<div id="oval"></div>                              
<style>
#oval {
    width: 200px;
    height: 100px;
    background: #e9337c;
    -webkit-border-radius: 100px / 50px;
    -moz-border-radius: 100px / 50px;
    border-radius: 100px / 50px;
}</style>

Run code

Cut to clipboard

#,广西南宁市,2017-06-21,16:09:13, 三角形

要创建一个CSS三角形，需要使用border，通过设置不同边的透明效果，我们可以制作出三角形的现状。另外，在制作三角形时，宽度和高度要设置为0。

<div id="triangle"></div>                              
<style>#triangle {
    width: 0;
    height: 0;
    border-bottom: 140px solid #fcf921;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
}</style>

Run code

Cut to clipboard

#,广西南宁市,2017-06-21,16:10:14, 倒三角形

与正三角形不同的是，倒三角形要设置的是border-top、border-left和border-right三条边的属性：

<div id="triangle"></div>
<style>#triangle {
    width: 0;
    height: 0;
    border-top: 140px solid #20a3bf;
    border-left: 70px solid transparent;
    border-right: 70px solid transparent;
}</style>

Run code

Cut to clipboard

#,广西南宁市,2017-06-21,16:11:16, 左三角形
左三角形操作的是border-top、border-left和border-right三条边的属性，其中上边和下边要设置透明属性。

<div id="triangle_left"></div>
<style>#triangle_left {
    width: 0;
    height: 0;
    border-top: 70px solid transparent;
    border-right: 140px solid #6bbf20;
    border-bottom: 70px solid transparent;
} </style>

Run code

Cut to clipboard

#,广西南宁市,2017-06-21,16:11:33,@3,

#,广西南宁市,2017-06-21,16:12:21,
右三角形

右三角形操作的是border-bottom、border-left和border-right三条边的属性，其中上边和下边要设置透明属性。

<div id="triangle_right"></div>
<style>#triangle_right {
    width: 0;
    height: 0;
    border-top: 70px solid transparent;
    border-left: 140px solid #ff5a00;
    border-bottom: 70px solid transparent;
}</style>

Run code

Cut to clipboard

#,广西南宁市,2017-06-21,16:13:52,
菱形

制作菱形的方法有很多种。这里使用的是transform属性和rotate相结合，使两个正反三角形上下显示。

<div id="diamond"></div>
<style>#diamond {
    width: 120px;
    height: 120px;
    background: #1eff00;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);

    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    margin: 60px 0 10px 310px;
} </style>

Run code

Cut to clipboard

#,广西南宁市,2017-06-21,16:15:07,
梯形
梯形是三角形的一个变体，设置CSS梯形时，左右两条边设置为相等，并且给它设置一个宽度。

<div id="trapezium"></div>
<style>#trapezium {
    height: 0;
    width: 120px;
    border-bottom: 120px solid #ec3504;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
}</style>

Run code

Cut to clipboard

#,广西南宁市,2017-06-21,16:15:24,@7,

#,广西南宁市,2017-06-21,16:16:20, 平行四边形

平行四边形的制作方式是使用transform属性使长方形倾斜一个角度。

<div id="parallelogram"></div>
<style>#parallelogram {
    width: 160px;
    height: 100px;
    background: #8734f7;
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    -o-transform: skew(30deg);
    transform: skew(30deg);
}</style>

Run code

Cut to clipboard

#,广西南宁市,2017-06-21,16:17:30,
星形
星形的HTML结构同样使用一个带ID的空div。星形的实现方式比较复杂，主要是使用transform属性来旋转不同的边。仔细体会下面的代码。

<div id="star"></div>
<style>#star {
    width: 0;
    height: 0;
    margin: 50px 0;
    color: #fc2e5a;
    position: relative;
    display: block;
    border-right: 100px solid transparent;
    border-bottom: 70px solid #fc2e5a;
    border-left: 100px solid transparent;
    -moz-transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    -o-transform: rotate(35deg);
}
  
#star:before {
    height: 0;
    width: 0;
    position: absolute;
    display: block;
    top: -45px;
    left: -65px;
    border-bottom: 80px solid #fc2e5a;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    content: '';
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg);
}
  
#star:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    display: block;
    top: 3px;
    left: -105px;
    color: #fc2e5a;
    border-right: 100px solid transparent;
    border-bottom: 70px solid #fc2e5a;
    border-left: 100px solid transparent;
    -webkit-transform: rotate(-70deg);
    -moz-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    -o-transform: rotate(-70deg);
}</style>

Run code

Cut to clipboard

#,广西南宁市,2017-06-21,16:18:07,@10,

#,广西南宁市,2017-06-21,16:19:10,
六角星形

CSS六角星形
和五角星的制作方法不同，六角星形状的制作方法是操纵border属性来制作两半图形，然后合并它们。

<div id="star_six_points"></div>
<style>#star_six_points {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid #de34f7;
    margin: 10px auto;
}
  
#star_six_points:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 100px solid #de34f7;
    margin: 30px 0 0 -50px;
} </style>

Run code

Cut to clipboard

#,广西南宁市,2017-06-21,16:20:02,
五边形

CSS五边形
创建CSS五边形需要结合两个图形：一个梯形，然后在它的上面放一个三角形，共同组成一个五边形。

<div id="pentagon"></div>
<style>#pentagon {
    width: 54px;
    position: relative;
    border-width: 50px 18px 0;
    border-style: solid;
    border-color: #277bab transparent;
}
  
#pentagon:before {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    top: -85px;
    left: -18px;
    border-width: 0 45px 35px;
    border-style: solid;
    border-color: transparent transparent #277bab;
} </style>

Run code

Cut to clipboard

#,广西南宁市,2017-06-21,16:26:17,
六边形

六边形的制作方法可以有很多种，可以像五边形一样，先制作一个长方形，然后在它的上面和下面各放置一个三角形。

<div id="hexagon"></div>
<style>#hexagon {
    width: 100px;
    height: 55px;
    background: #fc5e5e;
    position: relative;
    margin: 10px auto;
}
  
#hexagon:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -25px;
    left: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 25px solid #fc5e5e;
}
  
#hexagon:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: -25px;
    left: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 25px solid #fc5e5e;
}</style>

Run code

Cut to clipboard

CSS八角形

八角形的制作方法也有多种方式，这里使用的是先制作两个相同的梯形，然后在两边分别放置一个三角形。

<div id="octagon"></div>
<style>#octagon {
    width: 100px;
    height: 100px;
    background: #ac60ec;
    position: relative;
}
  
#octagon:before {
    content: "";
    width: 42px;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: 29px solid #ac60ec;
    border-left: 29px solid #f4f4f4;
    border-right: 29px solid #f4f4f4;
}
  
#octagon:after {
    content: "";
    width: 42px;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: 29px solid #ac60ec;
    border-left: 29px solid #f4f4f4;
    border-right: 29px solid #f4f4f4;
}  </style>

Run code

Cut to clipboard

CSS心形

心形的制作是非常复杂的，可以使用伪元素来制作，分别将伪元素旋转不同的角度，并修改transform-origin属性来元素的旋转中心点。

<div id="heart"></div>
<style>#heart {
    position: relative;
}
  
#heart:before,#heart:after {
    content: "";
    width: 70px;
    height: 115px;
    position: absolute;
    background: red;
    left: 70px;
    top: 0;
    -webkit-border-radius: 50px 50px 0 0;
    -moz-border-radius: 50px 50px 0 0;
    border-radius: 50px 50px 0 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
  
#heart:after {
    left: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}  </style>

Run code

Cut to clipboard

蛋形时椭圆形的一个变体，它的高度要比宽度稍大，并且设置正确的border-radius属性即可以制作出一个蛋形。

<div id="egg"></div>
<style>#egg {
    width: 136px;
    height: 190px;
    background: #ffc000;
    display: block;
    -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px;
    border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
}  </style>

Run code

Cut to clipboard

CSS无穷符号

无穷符号可以通过border属性和设置伪元素的角度来实现。

<div id="infinity"></div>
<style>#infinity {
    width: 220px;
    height: 100px;
    position: relative;
}
  
#infinity:before,#infinity:after {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    border: 20px solid #06c999;
    -moz-border-radius: 50px 50px 0;
    border-radius: 50px 50px 0 50px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
  
#infinity:after {
    left: auto;
    right: 0;
    -moz-border-radius: 50px 50px 50px 0;
    border-radius: 50px 50px 50px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}</style>

Run code

Cut to clipboard

消息提示框可以先制作一个圆角矩形，然后在需要的地方放置一个三角形。

<div id="comment_bubble"></div>
<style>#comment_bubble {
    width: 140px;
    height: 100px;
    background: #088cb7;
    position: relative;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}
  
#comment_bubble:before {
    content: "";
    width: 0;
    height: 0;
    right: 100%;
    top: 38px;
    position: absolute;
    border-top: 13px solid transparent;
    border-right: 26px solid #088cb7;
    border-bottom: 13px solid transparent;
}   </style>

Run code

Cut to clipboard

吃豆人的制作方法是先在一个圆形里面制作一个透明的三角形。

<div id="pacman"></div>
<style>#pacman {
    width: 0;
    height: 0;
    border-right: 70px solid transparent;
    border-top: 70px solid #ffde00;
    border-left: 70px solid #ffde00;
    border-bottom: 70px solid #ffde00;
    border-top-left-radius: 70px;
    border-top-right-radius: 70px;
    border-bottom-left-radius: 70px;
    border-bottom-right-radius: 70px;
}</style>

Run code

Cut to clipboard

文章：巧用边框设置一些效果发表时间：2017-06-21, 16:08:16

展开↯

#¹²³⁹

作者：广西南宁市

使用CSS3制作各种形状的图形
CSS3的一个非常酷的特性是允许我们创建各种规则和不规则形状的图形，从而可以减少图片的使用。以前只能在Photoshop等图像编辑软件中制作的复杂图形现在使用CSS3就可以完成了。通过使用新的CSS属性，像transform和border-radius，我们可以创建非常漂亮和复杂的图形效果。
圆形

要使用CSS来制作一个圆形，我们需要一个div，被给它设置一个ID。
圆形在设置CSS时要设置宽度和高度相等，然后设置border-radius属性为宽度或高度的一半即可：

<div id="circle"></div>                              
<style>
#circle {
    width: 120px;
    height: 120px;
    background: #7fee1d;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
}</style>

Run code

Cut to clipboard

文章：巧用边框设置一些效果发表时间：2017-06-21, 16:07:01

展开↯

#¹²⁴⁰

作者：广西南宁市

如何设置父元素透明度不影响子元素的透明度

设置父元素opacity：0.5，子元素没有设置opacity，子元素会受到父元素的影响，也会有0.5的透明度。
即使设置子元素opacity为1，也是在父元素的opacity为0.5的基础上设置为1的，那么子元素的opacity还是0.5。

解决方法：为父元素设置background: rgba(0,0,0,0.5)，不会影响子元素的显示。

文章：巧用边框设置一些效果发表时间：2017-06-21, 16:04:29

展开↯

#¹²⁴¹

作者：广西南宁市

#,广西南宁市,2017-06-20,16:19:38, 建议你找个没人认识的地方，自己先好好思考下为什么混的这么惨，好好想想该怎么重新开始

#,广西南宁市,2017-06-20,16:37:37, 万物在自然法则面前，犹如蝼蚁。物竞天择，玩不转被淘汰也不算太坏（我知道可能会有人光是活着就已竭尽全力，可绝对的公平公正只会让社会裹足不前）。人生如逆旅，张开眼睛望向你未来的岁月，这微不足道的小插曲罢了。迈过这一所谓的劫，你将迎来柳暗花明的又一村或是更坏的无底深渊。如果有来世，如果记忆能留存，看到昨天那个自己会不会很恶心？

文章：2017年过半，我们身处的风口和泡沫发表时间：2017-06-20, 14:27:41

展开↯

#¹²⁴²

作者：广西南宁市

以我的经验来看，凡是开始削减员工福利并且开始抓劳动纪律的企业都离死一步之遥。

#,广西南宁市,2017-05-15,17:50:31, 曾经听老板这样说：国内年轻人这么多，谁事少用谁……

#,北京市,2017-05-15,19:14:03, 人首先得是人，其次才是某个国家的公民，这话说的没毛病

#,北京市,2017-05-15,20:20:58, 小时候，喜欢许三多，什么都能依着性子来，大学毕业了，喜欢成才，现实摧残着一个人的梦想，见风使舵成了一个人不想做又必须做的本领。有了孩子后，更向往史今，倾尽所有像保护许三多一样保护这个家，平平淡淡，无欲无求。

#,北京市,2017-05-15,20:57:58, 躲车要往车屁股躲，不管是躲什么车。

#,北京市,2017-05-15,21:26:19, 确实让人厌恶，第一个想出来的那是创新后面捡别人的那是乞丐就知道不劳而获的偷窃狗，说句不好听的如果第一个可以申请专利后面的狗连屎都没得吃。

#,北京市,2017-05-15,23:11:26, 说这么多有什么用？子曰：时也，命也，非能力所能为也。尽人事而后听天命就行了，要是人人都强迫自己成功的话那么人生还有意义吗？有时候平平淡淡的生活未必不好！

#,北京市,2017-05-15,23:36:01, 英国法律是疑点利于被告，是需要找证据证明我有罪。我国是给你安上罪名，然后叫你找证据证明自己无罪。所以这是根本问题

#,北京市,2017-05-16,00:38:13, 人死为鬼，鬼死为聻，聻死为希，希死为夷

#,北京市,2017-05-16,00:59:37, 借一位环卫老人的一句话“起了战争，你们都捐钱，可谁捐儿子”

#,北京市,2017-05-16,01:02:53, 什么叫奢侈品？简单点说，你消费别人没法消费的东西才叫奢侈。别人100买一条腰带，你1000买一条，这不叫奢侈，这叫呵呵。奢侈就是别人住50平筒子楼，你住400平别墅。别人出去玩100块买船票，你坐私人游艇。别人坐头等舱，你做私人飞机。别人上馆子吃鲍鱼，你把厨师请家里给你做包子。这才叫奢侈品，而不是别人明明花十块的钱就能买到的东西，你花一百去买。

#,北京市,2017-05-16,01:06:48, 你们要弄清楚，不是我被迫与你们关在一起，而是你们被迫与我关在一起

#,广西南宁市,2017-05-16,09:54:22, 这个社会特立独行的人不一定能成功，但我欣赏这种不随波逐流的人！

#,广西南宁市,2017-05-16,11:32:37, “我们若为数字而数字，就是个上市公司。”

#,广西南宁市,2017-05-16,11:40:22, 挖角成功的概率，或许取决于被挖的“将才”是来锦上添花还是雪中送炭，如是后者，机会渺茫。

#,广西南宁市,2017-05-16,11:45:31, 题外话，王思聪并不是世界级的80后，他前面还有扎克伯格，扎克伯格前面还有金正恩。

#,广西南宁市,2017-05-16,14:10:30, 父母难当
书看太少
网上太多
谁都有青春期，家长身为最亲近的人都没办法去理解，就别指望陌生人了，心理医生也拉不回来。真不怪现在一部分年轻人不想生孩子，因为他们更懂一个生命的沉重。

#,广西南宁市,2017-05-16,14:11:04, 论好奇不如偷看后排女生裙底，论刺激不如课间抽查英语单词，论揪心不如体育改数理化政治，论挑战不如期末考试作弊传答案，论落差不如高考后查成绩等通知书。

#,广西南宁市,2017-05-16,14:17:36, 我觉得中庸是克制，也不自由。学会忘记，最自由，呵呵。

#,广西南宁市,2017-05-16,14:18:36, 解决了时间自由和财务自由后，劳动就变成了唯一的需求。马克思说的。

#,广西南宁市,2017-05-16,14:19:07, 我就搞不懂了，马云、马化腾财富、能力各方面等都差不多，为什么素质就差这么多？！难道这就是差生和优等生的差距？

#,北京市,2017-05-21,11:36:48, 兄弟，阿斗其实挺厉害的，五虎将死完，诸葛亮也死了，他能够守住西川30年，所以阿斗其实也不差，只是因为小说中把人物描写的不尽其实而已。

#,北京市,2017-05-21,11:52:37, 赢勾、后卿、旱魃、将臣这是四大僵尸鼻祖，只有将臣是吸血的。其他都不吸血。赢勾是皇帝大将因战败被贬怨恨皇帝，之后被犼的残魂融合，为报复黄帝为祸世间，肉身强悍，最后被轩辕剑斩灭肉身不知所踪！后卿也是黄帝大将，与蚩尤一战身死无人收尸而。其魂生怨！被犼残魂吞噬，报复世间！没有强大的灵力和肉身，却擅长诅咒！想当流弊！旱魃是黄帝女儿魃死后所化，也被犼的残魂融合，所到之处赤壁千里，但黄帝不忍斩杀，最后好像被流放了！不过旱魃保留身前部分记忆，曾帮助黄帝作战，只是她因为所到之处赤壁千里成为沙漠，黄帝最后还是命令应龙诛杀了，他们三个都不吸血！而将臣则是昊天的神树和犼的躯体融合的新生命！是神树夺舍而生！因为他吸血，所以被咬的都会成为僵尸，理论上所有僵尸都是将臣的后代，保留吸血特性！英叔干的僵尸都是此类！就记得这么多，手打，

#,北京市,2017-05-21,11:53:12,@22, 我完善我自己的评论：没有介绍犼！犼在山海经里面也有的，具体哪里我忘了！记得看到过，大意是犼和女娲昊天为一级别的上古大神！只是干不过女娲被封印了！魂魄部分冲破封印，成就三个僵尸鼻祖，而他和昊天讨要的神树树枝碰到了肉身，后夺舍，成就了僵尸王将臣！这不是胡说，是神话故事，我也就记得这么多，毕竟山海经还是我高中的时候读的！期间也看过其他类型的书！是不是在山海经我都忘了！不喜勿喷哦！！嘎嘎嘎⊙▽⊙

#,北京市,2017-05-21,11:53:48, 那么犼到底是什么

#,北京市,2017-05-21,11:54:11,@24, 犼是明清神话传说中的一种神兽。根据中国古代见之于史册的神话故事和流传于民间的少量传说证实，它的出现晚于大部分神兽、凶兽乃至瑞兽，是直到明清时期才出现的怪物

#,北京市,2017-05-21,11:54:49,@22, 你这手打怎么和我在度娘搜的一样

#,北京市,2017-05-21,11:55:17,@22, 旱魃上古神话里的，将臣港剧里的，其他都是网络小说瞎编的。对于僵尸、犼这类东西感兴趣也可以去看看袁枚的子不语，但千万别傻不拉几的把小说当神话，神话当历史来看。

#,北京市,2017-05-21,12:37:40, 那天在中路碰到浪子彦，说实话，他的亚索非常厉害，就在我要第八次塔下单杀他时，他们辅助突然游走出来，给了我一个虚弱，这时我不在迟疑，把脚放了下去，开始用手玩，而在我以为稳拿双杀的时候，他们打野突然闪现过来，还好我及时睁开了眼睛，勉强拿到了三杀。不料他们上单丛草里钻出来，还好我反应快，打开了显示屏惊险四杀，没想到他们ADC也跟了过来，我推开了身下的女人，完成了五杀，团灭了对面。而我爸爸们也看完了

#,北京市,2017-05-21,12:38:03,@28, 虽然都是五杀，但我们不是一路人

#,北京市,2017-05-21,12:39:10,@28, 千年前，一个小孩救了一条白蛇，后来白蛇修炼成了人形，为了报恩嫁给了小孩。数十年后白素贞嫌弃许仙渐渐老去的面容而离去，到山里和蝎子精厮混在一起。满头白发的许仙为了报复白素贞，踏遍了穷山恶水终于找到了七彩葫芦籽，种出来了七个葫芦娃，葫芦娃们打败了白素贞后快乐的生活在森林里。后来他们遇到了白雪公主，惊为天人！并无微不至的照顾着她，巫婆发现后把七个葫芦娃炼成了七颗龙珠，藏在世界各地，传闻只要集齐七颗龙珠就可以召唤神龙，从此武林引发了一场腥风血雨。毒王为了结束这场风暴，以一颗眼珠的代价施展了大预言术，得知了会有一个偷学了中国古武术的日本小子集齐龙珠，届时所有人类都会遭到毁灭性的打击。为拯救人类毒王化身成复仇者联盟的独眼老大，广招天下能人志士，为了唤醒他们的原力启动了星球大战。大战过后地球植被覆盖率不到万分之一，人类生存环境空前恶劣，这才有了现在熊大熊二为了保护森林与光头强发生的恩恩怨怨！！

#,广西南宁市,2017-05-22,17:14:37,@30, 我们是最后一代婴儿时期没有被人用手机拍过照片的人

#,广西南宁市,2017-05-22,17:16:02,@31, 每日三省吾身：能省钱吗？能省力吗？能省时间吗？

#,广西南宁市,2017-05-22,17:17:04, 今天体验了坚果pro的手感，感觉这款手机的续航一定很好，因为用户用完了肯定赶紧想把手机放下

#,广西南宁市,2017-05-22,17:19:23,@32, 薪水就是他们给你的贿赂，目的是让你放弃自己的梦想

#,广西南宁市,2017-05-22,17:29:50,@34, 真正的休息
才知道有日本同事想休息但又觉得陪家人得不到“真正的休息”时会请带薪假但不和家里人说，早上假装出门上班其实是去看电影、打小钢珠去……。但后来被老婆查工资单发现了。

#,广西南宁市,2017-05-23,11:37:29, 你要问我这件事(微信应苹果公司要求关闭公众号 iOS 渠道打赏功能)最终会怎样解决？我不负责任的猜测，当然是微信选择原谅苹果啦，毕竟微信是绿色的。

#,广西南宁市,2017-05-27,15:23:51, 曾经学英语想考雅思，去WHV，结果荒废了。。假如真有个随身英语导师，随时随地帮助你学习英语，多么美好。
if you are, you breathe.
If you breath, you talk.
If you talk, you ask.
If you ask, you think.
If you think, you search.
If you search, you experience.
If you experience, you learn.
If you learn, you grow.
If you grow, you wish.
If you wish, you find, and if you find, you doubt.
If you doubt, you question.
If you question, you understand, and if you understand, you know.
If you know, you want to know more.
If you want to know more, you are alive.

#,广西,2017-05-27,21:38:08, 克罗地亚狂想曲，世界上最好听的钢琴曲之一。其他：卡农，梦中的婚礼，花之舞，菊次郎的夏天，夜的钢琴曲5，至爱丽丝，雨的印记，Luv Letter 等....

#,广西南宁市,2017-06-20,10:30:10, 波2000樱3000jie500luo22200

文章：@意见反馈/技术支持/伊网/安企网发表时间：2017-05-15, 17:39:23

展开↯

#¹²⁴³

作者：广西南宁市

个人感觉，标题党是种“本能”，因为人在制作知识的同时，不希望自己的“劳动成功”被无视，从而，主动自发，也最容易的找到他的传播方法，在互联网上就变成”标题党“。
实体生意，还不是要靠”幌子“，店招，什么”蟑螂不死我死等等“

#,广西南宁市,2017-06-19,10:55:55, 个人觉得实体生意也需要适当的“标题党”，当然要避免三俗，一些优雅一点的标题，往往能起到很好的效果，经典案例如“三碗不过岗！”。某些时候，特别是并不是很强大之前，不通过些“奇淫技巧”，很难博得这个世界的关注和注意。产品不竭力让更多的人用到、文章不竭力让更多人看到，某种程度形同于自杀。

#,广西南宁市,2017-06-19,10:56:41, 算法问题算法解决。。。。文章划分可以先分类，按标题关键词，文章内容分析，配图分析，评论，点赞数&人群画像点击率，等等多维度参考，是可以分析出一篇文章该属于的的范围的。你平台只去抓标题的算法，怪谁？
你永远只去抓标题，永远有标题党，你永远去抓图片也会产生图片党，自己优化好自己的算法再来批评标题党吧。

#,广西南宁市,2017-06-19,11:46:45, 别浪费时间了，人生不过几十年，不要消磨到垃圾的人或事上。与君共勉。

#,广西南宁市,2017-06-19,14:33:01, 我们很多人都是站在自己的角度，自说自话。

#,广西南宁市,2017-06-19,16:52:28, 传说中的 “钱多事少离家近，位高权重责任轻” ？

#,广西南宁市,2017-06-19,17:08:24, 智慧与美貌不可兼得，丑陋和愚蠢却能并存。

文章：2017年过半，我们身处的风口和泡沫发表时间：2017-06-19, 10:55:38

展开↯

#¹²⁴⁴

作者：广西南宁市

很好的文章，学习了！

文章：Linux中高效编写Bash脚本的10个技巧发表时间：2017-06-19, 16:07:20

展开↯

#¹²⁴⁵

作者：广西南宁市

#,广西南宁市,2017-06-19,11:47:43,

文章：2017年过半，我们身处的风口和泡沫发表时间：2017-06-19, 11:27:50

展开↯

#¹²⁴⁶

作者：广西南宁市

文章：2017年过半，我们身处的风口和泡沫发表时间：2017-06-19, 11:28:48

展开↯

#¹²⁴⁷

作者：广西南宁市

文章：2017年过半，我们身处的风口和泡沫发表时间：2017-06-19, 11:25:28

展开↯

#¹²⁴⁸

作者：广西南宁市

文章：2017年过半，我们身处的风口和泡沫发表时间：2017-06-19, 11:25:09

展开↯

#¹²⁴⁹

作者：广西南宁市

文章：2017年过半，我们身处的风口和泡沫发表时间：2017-06-19, 11:16:41

展开↯

#¹²⁵⁰

作者：广西南宁市

文章：2017年过半，我们身处的风口和泡沫发表时间：2017-06-19, 11:16:34

展开↯

#¹²⁵¹

作者：广西南宁市

猪要被收割了！哈哈哈

文章：2017年过半，我们身处的风口和泡沫发表时间：2017-06-19, 10:11:42

展开↯

#¹²⁵²

作者：广西南宁市

人站的位置不一样，看到的世界可能也是完全不同的。

#,广西南宁市,2017-06-16,09:03:18,

#,广西南宁市,2017-06-16,09:54:42, 对 BAT 的不「服从」，意味着竞争

#,广西南宁市,2017-06-16,09:55:57,@2, 看到一个有趣的现象，百度说要给作者提供 100 亿元分成，阿里说原提供10亿再追加10亿，腾讯是去年2亿今年追加12亿，今日头条说给短视频作者分成10亿。
那么问题来了，总觉得百度在吹牛逼。。。。。以前还说o2o要投入200亿，狼长对外喊得口号都是以百亿为单位么。。。。。

#,广西南宁市,2017-06-16,10:01:53,

#,广西南宁市,2017-06-16,10:02:01, 库克：苹果并不落后，只是不愿多说

#,广西南宁市,2017-06-16,11:36:10,

#,广西南宁市,2017-06-16,12:08:59, 以前知乎上有个 HR 说，让你留家人的联系方式，是怕你哪天上班路上出事故了，好帮你联系家人

#,广西南宁市,2017-06-16,12:09:53, 当初我回校做毕设答辩，公司也是联系不上我直接打电话给我家人了
更可笑的是答辩的时候在台上的时候，居然也打电话来了，还好我调的是震动
有一次发烧请假，在去医院的路上，也打电话过来了
没啥特别的事，就是发现了个 bug 跟我一声

#,广西南宁市,2017-06-16,12:12:26, 太可怕了居然有不少人认为半夜 12 点打给员工父母问工作上的事情没问题？进公司的是员工一个人又不是一家人....

#,广西南宁市,2017-06-16,14:17:04, 所以你需要 24 小时工作制，这样皆大欢喜。

#,广西南宁市,2017-06-16,14:24:26, "24 小时响应"是没有任何问题的,"24 小时待命"那就给 24 小时的工资

#,广西南宁市,2017-06-16,14:29:31, 24 小时 on call 不等于 24 小时 on work。真正的紧急任务一般会事先通知或者通过我想知道的方式知道的。而不是某些小小的，根本没有必要当时处理的问题，骚扰找不到人，就通过紧急联系这样特别的方式来骚扰。我有 2 个手机号。一个对外公布，一个内部联系，结果经常说的很严重的问题，睡眼惺忪的跑去现场发现就小问题。忍一次就有第二次。哪怕我再需要工作，我也不会选择这样的工作。最起码的尊严和人格被别人肆意把玩揉捏。

#,广西南宁市,2017-06-16,14:31:40, 有些人当奴隶当惯了，竟然还劝别人也放弃做人的权利

#,广西南宁市,2017-06-16,14:32:40, 对于我来说工作只是工作而已，不要影响自己的生活。
每天 11 点下班已经严重影响个人生活了，哪有时间陪家人和做自己的事？关机又如何，开除又如何，活得洒脱点总比像签了卖身契一样工作好。

#,广西南宁市,2017-06-16,14:33:38, 国内是加班习惯了，不加班还觉得欠了公司的。工作不是生活的全部，只是一小部分。想我加班，要么给钱，没钱别 JJYY，就算给钱我还要考虑收不收呢。

#,广西南宁市,2017-06-16,14:38:45, 我倒认为那些公司就是被那些有“责任心”的员工给惯的

#,广西南宁市,2017-06-16,14:38:55, 各位每天吃的这么好看来是没像以前的红军同志们一样吃过树皮和橡胶鞋了.

#,广西南宁市,2017-06-17,11:17:00, 买不起的让一让啊~

#,广西南宁市,2017-06-17,11:27:19,@18, 没有女朋友, 可是又害怕艾滋病怎么办…

#,广西南宁市,2017-06-17,12:00:07, 这个跟贪污捞钱给父母买保健品周围邻居都夸孩子有本事还孝顺的常见事例一样，让我始终对中华文明充满了探究欲望。

#,广西南宁市,2017-06-17,12:00:56, 你只需看着别人精彩，老天对你另有安排。

#,广西南宁市,2017-06-17,14:25:15, 他用两手攀着上面，两脚再向上缩；他肥胖的身子向左微倾，显出努力的样子。这时我看见他的背影，我的泪很快地流下来了。我赶紧拭干了泪，怕他看见，也怕别人看见。我再向外看时，他已抱了朱红的橘子望回走了。

#,广西南宁市,2017-06-17,14:34:40,@10, 对不起，我是主角?

#,广西南宁市,2017-06-17,16:09:14,@23, 吃我共产主义铁锤！

#,广西南宁市,2017-06-17,16:20:44, 看过一部岛国片子维修工来家里修水管女主帮忙被卡住不能动了于是维修工...

#,广西南宁市,2017-06-19,09:41:14,@24, 浮躁的社会，都是闭着眼跑！

#,广西南宁市,2017-06-19,09:41:40,@26, 身处“快餐时代”，我们太容易盲从于市面上的“主流”，这个时代给每个人创造了更多机遇，但也提供了更多犯错的机会，这个时代都挺不容易，我们善良就好。

文章：为什么百度外卖彻底掉了队？发表时间：2017-06-15, 17:38:30

展开↯

#¹²⁵³

作者：广西南宁市

重写控制台console.log的方法

<script>window.log = console.log = (function (originFunc) {
  return function () {
    if (window.consoleParams && window.consoleParams.hideLog) return // 生产环境不显示log
    let showType
    let tempStr
    let resArgs
    let backgroundUrl
    let backgroundUrlArr = [
      'http://img.soogif.com/oTaaBm2f12ro2oHYt8MXO7ucTZ9LFDff.gif_s400x0',
      'http://i687.photobucket.com/albums/vv237/4-one/4-1/ICON-4/nhj-ks-114.gif',
      'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2431180542,3208247057&fm=21&gp=0.jpg',
      'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1389931060,999032458&fm=21&gp=0.jpg',
      'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=2349925870,4158861286&fm=21&gp=0.jpg',
      'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1161084296,912592514&fm=21&gp=0.jpg',
      'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=568429576,1662716019&fm=21&gp=0.jpg',
      'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2891158369,689005317&fm=21&gp=0.jpg',
      'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=523690750,3468977024&fm=21&gp=0.jpg',
      'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1674189186,3858474740&fm=21&gp=0.jpg'
    ]
    let params = Array.prototype.slice.call(arguments) // 保存arguments数组，有push方法
    let color = window.consoleParams && window.consoleParams.color || '#58baff'
    let fontSize = window.consoleParams && window.consoleParams.fontSize || '12px'
    if (window.consoleParams && window.consoleParams.url) {
      backgroundUrl = window.consoleParams && window.consoleParams.url
    } else {
      backgroundUrl = backgroundUrlArr[parseInt(Math.floor(Math.random() * 10))]
    }
    let backgroundHeightSize = window.consoleParams && window.consoleParams.height || 50
    let iconStyle = 'line-height: ' + backgroundHeightSize + 'px; padding: ' + backgroundHeightSize / 2 + 'px 10px ' + backgroundHeightSize / 2 + 'px ' + backgroundHeightSize + 'px; color: ' + color + '; font-size: ' + fontSize + '; background: url(' + backgroundUrl + ') no-repeat left center; background-size: auto ' + backgroundHeightSize + 'px'
    let args = ['%c', iconStyle]
    if (!params.length) {
      args[0] = '%c ' + '(请输入要打印的值...)'
      resArgs = args
    } else {
      for (let p of params) {
        if (typeof p !== 'string' && typeof p !== 'number') {
          showType = 2
          break
        }
        showType = 1
      }
      if (showType === 1) {
        for (let i = 0; i < params.length; i++) {
          if (typeof params[i] === 'string') {
            params[i] = '"' + params[i] + '"'
          }
        }
        tempStr = params.join(' ')
        args[0] = '%c ' + tempStr
        resArgs = args
      } else {
        resArgs = args.concat(params)
      }
    }
    originFunc.apply(console, resArgs)
  }
})(console.log);log(123);</script>

Run code

Cut to clipboard

重写 console.log 方法，让枯燥编码多一丝乐趣。

use

console.log() or log()

params

window.consoleParams = {

hideLog: , // default false

color: '', // default '#58baff'

fontSize: '', // default '12px'

height: , // default 50

backgroundUrl: '', // default Array

}

Run code

Cut to clipboard

文章：JavaScript的if判断的四种书写方式发表时间：2017-06-17, 10:28:34

展开↯

#¹²⁵⁴

作者：广西南宁市

移动端日历组件

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	
	
	<style>
	li, ul {
    list-style: none outside none;
}
	
	#calendar{font-size:.3rem;width:100%;overflow:hidden;margin:.2rem auto;border:1px solid #e9e9e9;border-radius:5px;color:#333;background:#f1f1f1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.calenday_head{text-align:center;padding:.2rem 0 .1rem}.calenday_head>span{font-size:.32rem}.calenday_head>i,.calenday_head>span{display:inline-block;vertical-align:middle}.calenday_head>i{width:1.2rem;height:.32rem}.calenday_head>i:active{opacity:.5}.calenday_head>i.icon_left{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHrSURBVHhe7du7bcMwEAZgKxogSCl13sDQBMkG6dI6E2Qke4SUKT2BwBVSqc0CgnIXQEBgSI4A3uO/gK7Fx/9ZoimS3u3KpwgUgSIQROBAn67rjpLdrSUr06yLw9d1famq6qVpms9hGJJEeyEA5vAU+J5DE8KzFAI8wHX4+VuXQriTuI206lgL/wvhLbdtWIC/wlPwNI7jUy5AlVuBRvmt4VNKX7ntwwFYhv8ZUHMFJctbh4cC8AgPA+AVngHcfwUo/CPP8OZJzsIjdeHRXmLAW3pcXccAntfThOa0No5M03Tu+/5Vcpy5rssNACG82xiAEt4FACm8OQBaeFMAxPBmAKjhTQCQw6sDoIdXBYgQXg0gSngVgEjhxQGihRcFiBheDCBqeBGAyOFNFkTofd/tlXvLOkL2zhDv0fE2Fe/UrDR4aNt2T9e9b+mQ9TXZANzhyAgiAJERxACiIogCREQQB4iGoAIQCUENIAqCKkAEBHUAdAQTAGQEMwBUBFMARARzADQEFwAkBDcAFARXAAQEdwBvBAgATwQYAC8EKAAPBDgAawRIgK0ItBr9QAuyHzkrye4HJW91ns4Inums4K1zgiknPJeFvQPmYGtL7gzDQP8eYOlxkAqfi2denvchpf82Zx6iNFgEigCUwDdaicNcZv+T9gAAAABJRU5ErkJggg==) no-repeat;background-size:auto 100%;background-position:center}.calenday_head>i.icon_hide_left{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHrSURBVHhe7du7bcMwEAZgKxogSCl13sDQBMkG6dI6E2Qke4SUKT2BwBVSqc0CgnIXQEBgSI4A3uO/gK7Fx/9ZoimS3u3KpwgUgSIQROBAn67rjpLdrSUr06yLw9d1famq6qVpms9hGJJEeyEA5vAU+J5DE8KzFAI8wHX4+VuXQriTuI206lgL/wvhLbdtWIC/wlPwNI7jUy5AlVuBRvmt4VNKX7ntwwFYhv8ZUHMFJctbh4cC8AgPA+AVngHcfwUo/CPP8OZJzsIjdeHRXmLAW3pcXccAntfThOa0No5M03Tu+/5Vcpy5rssNACG82xiAEt4FACm8OQBaeFMAxPBmAKjhTQCQw6sDoIdXBYgQXg0gSngVgEjhxQGihRcFiBheDCBqeBGAyOFNFkTofd/tlXvLOkL2zhDv0fE2Fe/UrDR4aNt2T9e9b+mQ9TXZANzhyAgiAJERxACiIogCREQQB4iGoAIQCUENIAqCKkAEBHUAdAQTAGQEMwBUBFMARARzADQEFwAkBDcAFARXAAQEdwBvBAgATwQYAC8EKAAPBDgAawRIgK0ItBr9QAuyHzkrye4HJW91ns4Inums4K1zgiknPJeFvQPmYGtL7gzDQP8eYOlxkAqfi2denvchpf82Zx6iNFgEigCUwDdaicNcZv+T9gAAAABJRU5ErkJggg==) no-repeat;background-size:auto 100%;background-position:center}.calenday_head>i.icon_right{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAABuUlEQVR4Xu3b4W2DMBCGYZ+yQEdB9gIZoRu0naCrdIN0g47QTkC9SgcAqqsaKT8AReJ8932C/Iwiw/uAMQhF0s4/svP+dAAcZ4ChQM75WYfr+/7dcNimQ5lNAY0XkYvu7TRNLywIJgC38dfDxYKwGWAungnBAuBNRF6XJir6mbAZQMNLKXrRe2JEMAFgRjADYEUwBWBEMAdgQ2gCwITQDIAFoSkAA0JzAHQEFwBkBDcAVARXAEQEdwA0hBAAJIQwABSEUAAEhHCAaAQIgEgEGIAoBCiACAQ4AG8ESABPBFgALwRogJzzRUT+3jfOfSzeOcACeMQrKiSAVzwkgGc8HIB3PBRARDwMQFQ8BEBkfDhAdHwoAEJ8GABKfAgAUrw7AFq8KwBivBsAarwLAHJ8U4Cu6x5Op9NHSum88Dj/MwzDY631a+l53+P7Jo/D//GfKaVuJf5ca60ekWvbMAdgijefAmzxpgCM8WYArPEmAMzxJgCllG+Gq/3SSrB5FVj5w4Su8xBLXfNlcAaBIt5kClx1bxBo4k0BdDBFGMdRb/DC7/DuvcPcfA24d0OovzsAUI+M137t/gz4BWjex1CBVI5TAAAAAElFTkSuQmCC) no-repeat;background-size:auto 100%;background-position:center}.calenday_head>i.icon_hide_right{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAABuUlEQVR4Xu3b4W2DMBCGYZ+yQEdB9gIZoRu0naCrdIN0g47QTkC9SgcAqqsaKT8AReJ8932C/Iwiw/uAMQhF0s4/svP+dAAcZ4ChQM75WYfr+/7dcNimQ5lNAY0XkYvu7TRNLywIJgC38dfDxYKwGWAungnBAuBNRF6XJir6mbAZQMNLKXrRe2JEMAFgRjADYEUwBWBEMAdgQ2gCwITQDIAFoSkAA0JzAHQEFwBkBDcAVARXAEQEdwA0hBAAJIQwABSEUAAEhHCAaAQIgEgEGIAoBCiACAQ4AG8ESABPBFgALwRogJzzRUT+3jfOfSzeOcACeMQrKiSAVzwkgGc8HIB3PBRARDwMQFQ8BEBkfDhAdHwoAEJ8GABKfAgAUrw7AFq8KwBivBsAarwLAHJ8U4Cu6x5Op9NHSum88Dj/MwzDY631a+l53+P7Jo/D//GfKaVuJf5ca60ekWvbMAdgijefAmzxpgCM8WYArPEmAMzxJgCllG+Gq/3SSrB5FVj5w4Su8xBLXfNlcAaBIt5kClx1bxBo4k0BdDBFGMdRb/DC7/DuvcPcfA24d0OovzsAUI+M137t/gz4BWjex1CBVI5TAAAAAElFTkSuQmCC) no-repeat;background-size:auto 100%;background-position:center}.calendar_week{font-size:.3rem;width:100%;height:.9rem;line-height:.9rem;text-align:center;background:#f1f1f1}.calendar_week>li{position:relative;float:left;width:14.2857%}.calendar_day{width:100%;height:auto;text-align:center}.calendar_day>li{height:1rem;line-height:1rem}.calendar_day>li>p{float:left;width:14.28%;height:1rem;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.calendar_day>li>p>span{display:inline-block;width:.6rem;height:.6rem;line-height:.6rem}.today>span{color:#00a1e9!important}.hide_day{color:#ccc!important}.cd_active>span{color:#fff!important;background:#00a1e9;border-radius:50%}</style>
	<div id="demoDate">
    <!--日历展示-->
</div>

<script>eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(H(B,C,D){H V(a,b){8.Z=1j a==\'1T\'?C.K(a):a;8.G={N:\'\',O:\'\',1g:1R};T(5 i 1I b){8.G[i]=b[i]}8.1i=U 11().1F();8.1b=U 11().1L();8.1f=U 11().1G();6(8.1D()!=0){8.1x();8.M(8.1f+1,8.1b);8.1w()}}V.1N={1v:H(a){6((a%4==0&&a%1V!=0)||(a%1W==0)){Q 1}Q 0},1u:H(a,b){5 c=9(a)+1;c=c<10?"0"+c:c;Q b+"-"+c},1x:H(){5 a=8;5 b=\'<1s R="1U">\';b+=\'<p P="1X">\';b+=\'<i P="1r" R="1q"></i>\';b+=\'<X R="15"></X>\';b+=\'<i P="1l" R="1k"></i>\';b+=\'</p>\';b+=\'<13 P="1S"><E>日</E><E>一</E><E>二</E><E>三</E><E>四</E><E>五</E><E>六</E></13>\';b+=\'<13 P="1e" R="1e"></13></1s>\';a.Z.14=b},M:H(a,b){5 c=8;a=9(a)-1;5 d=U 11(b,a,1);5 e=d.20();5 f=c.1v(b);5 g=U 1H(L,1K+f,L,Y,L,Y,L,L,Y,L,Y,L);5 h=D.1Q((g[a]+e)/7);5 j=c.1u(a,b);C.K(\'#15\').1c=j;5 l=\'\';T(5 i=0;i<h;i++){l+=\'<E>\';T(5 k=0;k<7;k++){5 m=i*7+k;5 n=m-e+1;(n<=0||n>g[a])?n="":n=m-e+1;5 o="";5 p=n;6(n==c.1i&&b==c.1b&&a==c.1f){o=" 1Y";p=\'今天\'}6(c.G.O){5 q=c.G.O;5 r=9(q.F("-")[0]);5 s=9(q.F("-")[1]);5 t=9(q.F("-")[2]);6(n>t&&b>=r&&a>=s-1){o=" 16"}}6(c.G.N){5 u=c.G.N;5 v=9(u.F("-")[0]);5 w=9(u.F("-")[1]);5 x=9(u.F("-")[2]);6(n<=x&&b<=v&&a<=w-1){o=" 16"}}5 y=n;6(9(n)<10){y="0"+n}5 z=j+"-"+y;5 A=\'\';6(p){A=\'1m-1n\'}l+=\'<p 1o-1p="\'+z+\'" P="\'+A+o+\'"><X>\'+p+\'</X></p>\'}l+="</E>"}C.K(\'#1e\').14=l;c.1h(\'.1m-1n\')},1h:H(f){5 g=8;5 h=C.W(f);T(5 n=0;n<h.J;n++){5 i=h[n].I;6(i.1t(\'16\')!==-1){1J}h[n].1d(\'19\',H(e){e.1M();5 a=C.W(\'.18\');6(a&&a.J>0){T(5 m=0;m<a.J;m++){5 b=a[m].I;a[m].I=b.1O(0,b.1t(\'18\'))}}5 c=8.I;8.I=c+\' 18\';5 d=8.1P(\'1o-1p\');6(g.G.1g){g.G.1g(d)}},17)}},1w:H(){5 h=8;5 i=h.G.N;5 j=h.G.O;C.K(\'#1q\').1d(\'19\',H(e){5 a=C.K("#15").1c;5 b=9(a.F("-")[0]);5 c=9(a.F("-")[1]);6(c==1){c=12;b-=1}S{c-=1}6(i){5 d=9(i.F("-")[0]);5 f=9(i.F("-")[1]);6(c==f&&b==d){8.I="1y"}6(b>d||(b==d&&c>=f)){5 g=C.W(".1z");6(g.J>0){g[0].I="1l"}h.M(c,b)}}S{h.M(c,b)}},17);C.K(\'#1k\').1d(\'19\',H(){5 a=C.K("#15").1c;5 b=9(a.F("-")[0]);5 c=9(a.F("-")[1]);6(c==12){c=1;b+=1}S{c+=1}6(j){5 d=9(j.F("-")[0]);5 e=9(j.F("-")[1]);6(c==e&&b==d){8.I="1z"}6(b<d||(c<=e&&b==d)){5 f=C.W(".1y");6(f.J>0){f[0].I="1r"}h.M(c,b)}}S{h.M(c,b)}},17)},1D:H(){5 a=8;5 b=a.G.N;5 c=a.G.O;6(b){5 d=b.F("-").J;6(d!=3){a.Z.14=\'<p 1A="1B: 1C;">N参数格式不正确</p>\';Q 0}}6(c){5 e=c.F("-").J;6(e!=3){a.Z.14=\'<p 1A="1B: 1C;">O参数格式不正确</p>\';Q 0}}}};6(1j 1a!=\'1Z\'&&1a.1E){1a.1E=V}S{B.V=V}})(21,22,23);',62,128,'|||||var|if||this|parseInt|||||||||||||||||||||||||||||||li|split|options|function|className|length|querySelector|31|FillCalendarList|minDate|maxDate|class|return|id|else|for|new|Calendar|querySelectorAll|span|30|calendarEl||Date||ul|innerHTML|nowDataTime|hide_day|false|cd_active|click|module|nowYear|innerText|addEventListener|calendar_day|nowMonth|callBack|checkOnly|nowDay|typeof|nextMonth|icon_right|cd|item|data|str|prevMonth|icon_left|div|indexOf|GetDateString|IsLeap|clendarEvent|calendarHead|icon_hide_left|icon_hide_right|style|color|red|paramCheck|exports|getDate|getMonth|Array|in|continue|28|getFullYear|stopPropagation|prototype|substr|getAttribute|ceil|null|calendar_week|string|calendar|100|400|calenday_head|today|undefined|getDay|window|document|Math'.split('|'),0,{}))</script>
<script>
    window.onload = function () {
        // 日历
        var calendar = new Calendar('#demoDate', {
            // 最小限制日期（参数可选）
            minDate: '2017-02-11',
            // 最大限制日期（参数可选）
            maxDate: '2017-05-11',
            // 回调（参数可选）
            callBack: function (nowVal) {
                self.nowVal = nowVal;
            }
        });
    }
</script>

Run code

Cut to clipboard

文章：移动端日期选择组件发表时间：2017-06-17, 10:18:34

展开↯

Records:2792 66/147 «‹62 63 64 65 66 67 68 69 70 ›»