最新评论 - 第 114 页

广西南宁市 2016-10-11 16:04

#0

阅读 628.6万

他不是脾气暴躁，只是不能被打扰

房产中介所负责的，不是一套房子，而是客户的整个人生

查看文章跳到评论

广西南宁市 2016-10-11 15:27

#0

阅读 628.6万

他不是脾气暴躁，只是不能被打扰

别人买iPhone4时我买了洗衣机，
别人买iPhone4s时我买了冰箱，
别人买iPhone5的时候我买了空调，
别人买iPhone5s的时候我买了电脑，
别人买iPhone6的时候我买了电视，
别人买iPhone6s的时候我买了沙发，
别人买iPhone7的时候我买了note7，
现在，我的洗衣机冰箱空调电脑电视沙发全都没了。

查看文章跳到评论

广西南宁市 2016-10-11 11:44

#0

阅读 55.9万

VB简洁时间显示窗口最前端实例代码

更正：
Public i As Long
Public j As Long

VB中Integer（整型）和Long（长整型）有什么区别?

Integer 数据类型

Integer 变量存储为 16位（2 个字节）的数值形式，其范围为 -32,768 到 32,767 之间。Integer 的类型声明字符是百分比符号 (%)。

Long 数据类型

Long（长整型）变量存储为 32 位（4 个字节）有符号的数值形式，其范围从 -2,147,483,648 到 2,147,483,647。Long 的类型声明字符为和号 (&)。

查看文章跳到评论

北京市 2016-10-11 01:12

#0

阅读 142.2万

Google方程式 WWWDOT – GOOGLE = DOTCOM

黑客针对苹果Touch ID的破解就曾进行过一次典型的成功募资。苹果在iPhone 5s上推出的指纹身份辨识感应器Touch ID，是苹果花了好几年时间、数百万美元，开发出来的专利生物辨识科技，号称是“方便且极度安全的手机使用方式”。

伴随着Touch ID功能的发布，全世界的安全专家和骇客都蠢蠢欲动，大家都很想知道，究竟会是谁、又需要花多少时间，第一个破解这套“极度安全”的系统？于是，骇客同时用上了群众募资和游戏化两个元素，先筹建一个名为“Touch ID被破解了吗”的网站，由所有骇客捐款提供2万美元奖金，并设有排行榜显示距离2万美元募资目标还有多远。

到最后，大奖落到了混沌电脑俱乐部代号为“Starbug”的骇客手中。他巧妙地想出：在手机真正的主人使用手机，在荧幕上留下指纹之后，Starbug就将指纹照成一张2400dpi的调解析度相片，输入Photoshop，清掉杂讯，黑白反相，再打印到描图纸上。经过蚀刻得到指纹后涂上白膠，在白膠干燥后，按到Touch ID感应器，就能为手机解锁。

查看文章跳到评论

广西南宁市 2016-10-10 17:59

#0

阅读 1192.5万

成功的故事只能倒叙着讲

茕茕孑立踽踽独行

查看文章跳到评论

广西南宁市 2016-10-09 14:20

#0

阅读 1192.5万

成功的故事只能倒叙着讲

莎翁笔下的约翰王曾指着他为之奋斗的宝座说，“我和我的悲哀都在这里”！出行企业的野心和无奈总比倒腾学区房的上市公司要值得尊敬的多。

查看文章跳到评论

广西南宁市 2016-10-08 17:16

#0

阅读 142.2万

Google方程式 WWWDOT – GOOGLE = DOTCOM

【74由几个1几个5几个10几个20组成】

var num = 74;
    for(one = 0; one <= num; one++){
        for(five = 0; five <= num/5 ; five++){
            for(ten = 0; ten <= num/5 ; ten++){
                for(twenty = 0; twenty <= num/20; twenty++){
                    if(one + five*5 + ten*10 + twenty*20 == num){
                        console.log(one + "个1，" + five + "个5，" + ten +"个10，" + twenty + "个20组成。");
                    }
                }
            }
        }
    }

查看文章跳到评论

广西南宁市 2016-10-08 09:48

#0

阅读 2805.8万

常用html、demo代码

纯css实现点击特效

怎么用纯css实现和按钮一样的点击一次，然后改变样式？听说是用伪元素target，不过我不知道怎么操作

visited的方法前面的小伙伴已经讲了；那我还是帮你搞懂伪元素 target 的用法吧。学东西毕竟得踏踏实实，搞懂想要的再去学新的。:target伪选择器指定的ID匹配上时，它的样式就会在这个ID元素上生效。

CSS里的:target伪选择器
:target是CSS里一个非常有趣的伪选择器。它在CSS里发生效力的过程是这样的：当浏览器地址里的hash(地址里#号后面的部分)和:target伪选择器指定的ID匹配上时，它的样式就会在这个ID元素上生效。让我们看一看这个:target伪选择器是如何起作用的：
观看演示
HTML代码

下面的两个HTML元素上我们都指定了ID：

<h2 id="section1">Section 1</h2>

<h2 id="section2">Section 2</h2>

注意上面元素的ID值，当:target指定的ID和window.location.hash值一致时，伪选择器的样式将会生效。

CSS代码

:target伪选择器可以配合CSS类、网页标记和任何其它CSS选择器使用：

/* would apply to all targetted elements */
:target {
	color: #000;
}

/* applies to H2's */
h2:target {
	color: #f00;
}

当window.location.hash是”section2″时，ID为”section2″的元素将会变红，并显示下划线。简单吧！很像使用了CSS动画技术，你甚至可以在这种效果上做出动画。

:target非常有趣，但我们还没有发现多少人使用这种技术。其实，如果不是太注重动态效果，使用这种浏览器原生技术来修饰你的应用是不错的选择。

查看文章跳到评论

广西南宁市 2016-10-08 09:35

#0

阅读 2805.8万

常用html、demo代码

纯css3自适滑动选项卡
用input标签实现css3点击

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
html,
body { height: 100%; position: relative; overflow: hidden; margin: 0; }
div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform 0.4s ease; transform: translateX(-100%); }
div:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 5vw; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #fdfdfd; letter-spacing: 4px; }
div:nth-of-type(1) { background-color: #1abc9c; }
div:nth-of-type(1):after { content: "#1abc9c"; }
div:nth-of-type(2) { background-color: #2ecc71; }
div:nth-of-type(2):after { content: "#2ecc71"; }
div:nth-of-type(3) { background-color: #3498db; }
div:nth-of-type(3):after { content: "#3498db"; }
div:nth-of-type(4) { background-color: #e74c3c; }
div:nth-of-type(4):after { content: "#e74c3c"; }
div:nth-of-type(5) { background-color: #34495e; }
div:nth-of-type(5):after { content: "#34495e"; }
div:nth-of-type(6) { background-color: #9b59b6; }
div:nth-of-type(6):after { content: "#9b59b6"; }
div:nth-of-type(7) { background-color: #f1c40f; }
div:nth-of-type(7):after { content: "#f1c40f"; }
div:nth-of-type(8) { background-color: #e67e22; }
div:nth-of-type(8):after { content: "#e67e22"; }
input[type="radio"] { position: absolute; right: 0; width: 25%; height: 20px; outline: 20px solid; outline-offset: -10px; margin: 0; z-index: 1; cursor: pointer; }
input[type="radio"]:nth-of-type(1) { outline-color: #1abc9c; left: 0%; }
input[type="radio"]:nth-of-type(2) { outline-color: #2ecc71; left: 25%; }
input[type="radio"]:nth-of-type(3) { outline-color: #3498db; left: 50%; }
input[type="radio"]:nth-of-type(4) { outline-color: #e74c3c; left: 75%; }
input[type="radio"]:nth-of-type(5) { outline-color: #34495e; left: 0%; bottom: 0px; }
input[type="radio"]:nth-of-type(6) { outline-color: #9b59b6; left: 25%; bottom: 0px; }
input[type="radio"]:nth-of-type(7) { outline-color: #f1c40f; left: 50%; bottom: 0px; }
input[type="radio"]:nth-of-type(8) { outline-color: #e67e22; left: 75%; bottom: 0px; }
input[type="radio"]:checked+ div { transform: translateX(0%); transition: transform 0.4s ease 0.4s; }
</style>
</head>

<body>
<input type="radio" name="name" checked="checked"/>
<div></div>
<input type="radio" name="name"/>
<div></div>
<input type="radio" name="name"/>
<div></div>
<input type="radio" name="name"/>
<div></div>
<input type="radio" name="name"/>
<div></div>
<input type="radio" name="name"/>
<div></div>
<input type="radio" name="name"/>
<div></div>
<input type="radio" name="name"/>
<div></div>
</body>
</html>

查看文章跳到评论

广西南宁市 2016-10-08 09:33

#0

阅读 2805.8万

常用html、demo代码

CSS3实现自定义Checkbox和Radiobox
我们知道浏览器自带的Checkbox复选框不怎么美观（这或许是我们看习惯了的缘故），而且复选框在不同的浏览器上显示的样式又有很大的差异，由于目前越来越多的人开始接受支持CSS3的现代浏览器，所以今天就简单的用一些CSS3代码来自定义Checkbox的显示方式，个人觉得比浏览器自带的Checkbox美观不少。
效果图如下

下面来分析一下源代码，原理很简单，先把页面上<input type="checkbox" />的display设置为none，从而把它隐藏掉，然后利用CSS3代码来绘制与checkbox邻近的label元素：
HTML代码：

<input type="checkbox" id="checkbox-1-1" class="regular-checkbox" /><label for="checkbox-1-1"></label>
        <input type="checkbox" id="checkbox-1-2" class="regular-checkbox" /><label for="checkbox-1-2"></label>
        <input type="checkbox" id="checkbox-1-3" class="regular-checkbox" /><label for="checkbox-1-3"></label>
        <input type="checkbox" id="checkbox-1-4" class="regular-checkbox" /><label for="checkbox-1-4"></label>

CSS3代码：

.regular-checkbox + label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

下面的CSS代码可以让checkbox选中后出现阴影的效果，主要利用了box-shadow属性：

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

radiobox的实现也是同样的原理

查看文章跳到评论

广西南宁市 2016-10-08 09:24

#0

阅读 2805.8万

网页设计前端页面制作的规范要求和注意事项
组合命名规则:
[元素类型]-[元素作用/内容] 如:搜索按钮: btn-search
登录表单:form-login
新闻列表:list-news
涉及到交互行为的元素命名:
凡涉及交互行为的元素通常会有正常、悬停、点击和已浏览等不同样式，命名可参考以下规则:
鼠标悬停:：hover 点击：click 已浏览：visited
如:搜索按钮: btn-search、btn-search-hover、btn-search-visited
用户体验方面需要注意的：
1）．每个连接，按钮要做上鼠标hover时的一个变化效果。如果hover时是换一张背景图片，请把这两张图片整合在一张图片中，以防止在hover时，页面还在download变化的那张图片，这样会出现那个按钮无图的间隔；
2）． INPUT有个label，可以让用户在点击字时，光标自动跳入相应input中；

查看文章跳到评论

北京市 2016-10-07 10:01

#0

阅读 1192.5万

成功的故事只能倒叙着讲

上联：乡下早晨鸡叫人下联：城里晚上人叫鸡

查看文章跳到评论

中国 2016-10-04 01:41

#0

阅读 628.6万

他不是脾气暴躁，只是不能被打扰

曾志伟去姚明家，因为姚明家特制的门，门镜高，敲了好几次门都没有人开，以为姚明不在家，就走了。
第二天他看到姚明无精打采的，就问他昨晚干嘛去了。
姚明神秘的说：昨晚我家好像闹鬼了，一直有人敲门，可是从猫眼又看不见人，吓得我一整夜没睡。
误解一般都是因高度不同造成的。所以，以后再被人误解就别再闹心了，因为高度不同，角度不一样，今天你对太多事情不理解，是因为你还没有站到对方的位置。

查看文章跳到评论

中国 2016-10-04 00:05

#0

阅读 628.6万

他不是脾气暴躁，只是不能被打扰

公司会上，总经理在黑板上做了这四道题： 2+2=4；4+4=8；8+8=16；9+9=20。员工们纷纷说道:“你算错了一道。” 总经理转过身来，慢慢地说道：“是的，大家看得很清楚，这道题是算错了。可是前面我算对了三道题，为什么没有人夸奖我，而只是看到我算错的一道呢！”做人也是这样，你对他十次好，也许他忘记了，一次不顺心，也许会抹杀所有。这就是100-1=0人性的道理。

查看文章跳到评论

广西南宁市 2016-09-30 18:43

#0

阅读 142.2万

Google方程式 WWWDOT – GOOGLE = DOTCOM

程序的优化问题
有这样一个问题，有a,b,c,d四个字母，每当刷新页面时会以随机的顺序出现，比如a,d,b,c和b,d,c,a。

我当时的解决方案为：

<script type="text/javascript">
    var str1;
    var str=[];
    var flag1=true;
    var flag2=true;
    var flag3=true;
    var flag4=true;
    do{
        var num=parseInt(Math.round(Math.random()*(4-1))+1);
        if(num==1&&flag1){
            str[str.length]="a";
            flag1=false;
        }else if(num==2&&flag2){
            str[str.length]="b";
            flag2=false;
        }else if(num==3&&flag3){
            str[str.length]="c";
            flag3=false;
        }else if(num==4&&flag4){
            str[str.length]="d";
            flag4=false;
        }
    }while(flag1||flag2||flag3||flag4)
    str1=str[0]+str[1]+str[2]+str[3];
    document.write(str1);
</script>

不过这样写有着很明显的弊端，那就是下次如果想换一些字母进行输出时，必须将程序进行一次大的更改才能继续进行应用，这样做不利于重复使用
下面这种方法就很好的解决了这个问题，当想再次调用时，只需将数组arr中的值进行更改就可以了

<script type="text/javascript">
    var arr=["a","b","c","d"];
    function changestr(){
        var newArry=[];
        var temp=[];//新创建的两个数组
        for(var p in arr){
            temp[p]=arr[p];//将原本数组中的值复制给重新定义的数组
        }
        for(var i=0;i<arr.length;i++){
            var random=Math.round(Math.random()*(temp.length-1));//产生0~temp数组长度-1的值
            newArry[i]=temp[random];//将temp数组中随机出来的数组值赋给新数组
            temp.splice(random,1);//删除赋给新数组的值，temp数组的长度减一，直到temp中没有值为止
        }
        return newArry
    }
    document.write(Arry=changestr());
</script>

在我看来，真正好的函数必须做到可重复使用，模块化，和具有良好的封装性。

找了个最精简的写法

function randomsort(a, b) {
return Math.random()>.5 ? -1 : 1;//用Math.random()函数生成0~1之间的随机数与0.5比较，返回-1或1
}
var arr = ["a","b","c","d"];
arr.sort(randomsort);
document.write(arr);

查看文章跳到评论

广西南宁市 2016-09-30 18:40

#0

阅读 2805.8万

常用html、demo代码

盒子不同模式下的宽高判断
曾经遇到过这样的问题，设定一个div，当给div设置padding的时候，发现整个div的宽高都发生了变化，这里就产生了一个疑惑，一个盒子的总体宽高到底是怎么去判断的呢？
经过查询得知，盒子宽高的判定模式一共有两种，分别为标准模式和怪异模式。

一般情况下个盒子的宽高在一般情况下等于内容的宽高+边框的宽高+内边距的宽高+外边距的宽高
这就是标准模式下的盒子宽高判定

但在某些时候（ie6,7,8 下DOCTYPE缺失）盒子的宽高等于设定的宽高+外边距的宽高，这里的设定的宽高就等于内容的宽高+内边距的宽高+边框的宽高
这就是怪异模式下的盒子宽高判定

我们可以通过使用box-sizing属性来决定使用哪一种模式，

content-box : 将采用标准模式解析计算 ，
border-box: 将采用怪异模式解析计算

通过怪异模式我们可以在不改变盒子整体宽高的情况下给其设定padding。

查看文章跳到评论

广西南宁市 2016-09-30 17:44

#0

阅读 2805.8万

常用html、demo代码

CSS3实现让人有点击欲望的按钮

主要通过css3的动画效果来实现

总结两点重要属性就是：

（1）css3的animation属性，要注意几大内核的兼容

animation:myfirst 1s infinite;

-moz-animation:myfirst 1s infinite; /* Firefox */
-webkit-animation:myfirst 1s infinite; /* Safari and Chrome */

-o-animation:myfirst 1s infinite ease-in-out; /* Opera */

然后就是对myfirst动画名称的具体定义

@keyframes myfirst{from {font-size:15px;}to {font-size:20px;}}
@-moz-keyframes myfirst{from {font-size:15px;}to {font-size:20px;}} /* Firefox */
@-webkit-keyframes myfirst {from {font-size:15px;}to {font-size:20px;}} /* Safari and Chrome */
@-o-keyframes myfirst {from {font-size:15px;}to {font-size:20px;}} /* Opera */

掌握这两个就可以做出很多非常具有点击欲的按钮

查看文章跳到评论

广西南宁市 2016-09-30 11:41

#0

阅读 1192.5万

成功的故事只能倒叙着讲

台湾小哥说：你们有七天长假好好哦~
我想说：你们也可以有的...

查看文章跳到评论

广西南宁市 2016-09-29 16:53

#0

阅读 2805.8万

常用html、demo代码

完美全兼容解决文字两端对齐 justify 中文姓名对齐

text-align:justify; 所有浏览器都支持

，text-justify之类的却只有IE支持，就不要考虑了。

justify我的理解，使元素内部的子元素两端对齐，子元素当然只能是inline或inline-block。但justify对最后一行是无能为力的。我们在对齐姓名时，因为只有一行，当作最后一行，所以不会两端对齐的效果。

姓名对齐我们比较常用的是

 （半个中文空格）， （一个中文空格）

来添充两个字，三个字的姓名，使包括四字的姓名都能对齐。例如：

所以就想到了用text-align:justify;但怎么解决单行不能两端对齐呢，思路就是：

让浏览器认为这不是最后一行就行了

在元素里面加一个会换行的空的子元素比如:

<i style="display:inline-block;width:100%;height:0;"></i>

例子：html结构

<ul class="arter">
                    <li><span>作品名称<i></i></span>：  宝贝儿</li>
                    <li><span>作品类型<i></i></span>：  油画</li>
                    <li><span>艺术家<i></i></span>：  张玉瀛</li>
                    <li><span>风格<i></i></span>：  超现实</li>
                    <li><span>材质<i></i></span>：  布面油画</li>
                    <li><span>题材<i></i></span>：  人物</li>
                    <li><span>创作时间<i></i></span>：  2011</li>
                    <li><span>所在位置<i></i></span>：  华东</li>
                    <li><span>尺寸<i></i></span>：  78x78cm</li>
                </ul>

scss

li{font-size:14px;line-height:24px;color:#4a4a4a;
                    span{height:24px;line-height:24px;width:65px;text-align:justify;display:inline-block;overflow:hidden;vertical-align:top;
                         i{display:inline-block;width:100%;height:0;}
                    }
                }

效果

几点注意事项：

1）span要设置为inline-block;才能和后面的字同行显示，同时设置width才会使<i>换行；

2）必须要设置span元素的height，和overflow:hidden否则<i>还是会占高度；

3）vertical-align:top;可以使，li内的span和后面的字，高度对齐，否则会变成

原文

查看文章跳到评论

广西南宁市 2016-09-29 16:47

#0

阅读 142.2万

Google方程式 WWWDOT – GOOGLE = DOTCOM

尾递归~~有点小意思！！！
尾递归很有意思~~~

拿快排说事的话，本来按照通俗易懂的理解，就是两次调用本身来进行左右排序。

按照尾递归的话得，可以省下一半的递归空间，直接拿一次的处理结果的low 或者high当参数传入下一次的调用。整个过程相比于同时进行两次本身的递归调用，这样只使用一次本身递归调用。

尾递归就是用迭代来代替递归全部过程。

递归调用会消耗大量的栈空间，每一次递归调用函数都会新开一个栈空间进行运行，同时要将上一次函数计算结果保存起来。所谓的保存现场，这样会消耗大量的栈空间。于是用迭代、用尾递归代替全递归调用就是一个很好的选择。

最常用距离都是斐波拉契数列，

Feb（n） = n*(n-1)*(n-2)….2*1;

教科书就是用这个进行举例递归调用的。

function   Feb($n)
{
     if($n<=2)
     {
         return $n;
     }
     $res = $n*Feb($n-1);
     return $res;
}

这样就是一个递归调用的最经典的例子，不过在计算的过程中，每次调用的时候都得将上次计算的过程进行现场保存。所以当n很大的时候，这个n会占用很大的内存。

所以改用迭代的过程，或者尾递归的过程，即把每次的计算的结果存储起来同时传递给下一次函数得调用。

function Febs($n,$sum)
{
     if($n<=2)
     {
         return $sum;
     }
     else
     {
        return Febs($n-1,$sum*$n);
     }
}

在快排改进排序中也是同样利用while迭代，来替代另外一次的递归调用。

function Partion(&$arr,$low,$high)
{
    if($low >= $high)
    {
        return;
    }

    //标记位
    $povion = $arr[$low];
    while ($low <$high ) 
    {
        while ($low < $high && $arr[$high] <= $povion)
        {
            $high--;
        } 
        $arr[$low] = $arr[$high];
        while ($low < $high && $arr[$low] > $povion)
        {
            $low++;
        } 
        $arr[$high] = $arr[$low];
    }
    //循环完了之后将标记位回复到i=j相交的位置
    $arr[$low] = $povion; 
    return $low;
}

function Qsort(&$arr,$low,$high)
{
    if($low >= $high )
    {
        return;
    }
    while($low < $high)
    {
        $povision =  Partion($arr,$low,$high);
        Qsort($arr,$low,$povision-1);
        $low = $povision+1;
    }

     //正常的递归调用快排算法如下

     //    $povision =  Partion($arr,$low,$high);    
     //    Qsort($arr,$low,$povision);
     //    Qsort($arr,$povision+1,$high);
}

突然发现一个问题，我原来混淆了斐波拉契数列。把n的阶乘当成斐波拉契数列数列啦。斐波拉契数列定义应该是

Feb(n) = Feb(n-1)+Feb(n-2);

代码同理：

function   Feb($n)
{
     if($n<=2)
     {
         return 1;
     }
     $res = Feb($n-1)+Feb($n-2);
     return $res;
}

$res = Feb(20);
print_r($res);



function Febs($n,$sum1,$sum2)
{
     if($n<2)
     {
         return $sum1;
     }
     else
     {
        return Febs($n-1,$sum2,$sum1+$sum2);
     }
}

 print_r(Febs(20,1,1));

其实所谓尾递归，还是递归调用。但是内部就是用的所谓的迭代。其实可以用while循环来改写。将else部分替换成while的话，可能会更显而易见。

查看文章跳到评论

lizhenqiu blog

最新评论聚合

他不是脾气暴躁，只是不能被打扰

他不是脾气暴躁，只是不能被打扰

VB简洁时间显示窗口最前端实例代码

Google方程式 WWWDOT – GOOGLE = DOTCOM

成功的故事只能倒叙着讲

成功的故事只能倒叙着讲

Google方程式 WWWDOT – GOOGLE = DOTCOM

常用html、demo代码

常用html、demo代码

常用html、demo代码

常用html、demo代码

成功的故事只能倒叙着讲

他不是脾气暴躁，只是不能被打扰

他不是脾气暴躁，只是不能被打扰

Google方程式 WWWDOT – GOOGLE = DOTCOM

常用html、demo代码

常用html、demo代码

成功的故事只能倒叙着讲

常用html、demo代码

Google方程式 WWWDOT – GOOGLE = DOTCOM