jikeytang/[ Javascript ] - 20140709-题目1

zhouwenhong · 2014-07-09T01:27:07Z

<!--HTML代码 -->
<div id="J-demo" class="demo"></div>

/*CSS代码*/
.demo p {
    color: #0af;
    text-align: center;
    line-height: 0.5;
}

//JS 生成平行四边形
(function (sideNum, letter) {
    String.prototype.repeat = function (num) {
        return (new Array(++num)).join(this);
    }

    var i = 1,
        str_1 = '',
        str_2 = '',
        tmp;

    for (; i <= sideNum; i++) {
        tmp = '<p>' + letter.repeat(2 * i - 1) + '</p>';
        str_1 += tmp;

        if (i != sideNum) {
            str_2 = tmp + str_2;
        }
    }

    document.getElementById('J-demo').innerHTML = str_1 + str_2;

})(5, 'A');

Demo演示

replace5 · 2014-07-09T01:35:42Z

function repeat(str, count) {
    return count < 0 ? '' : (new Array(count)).join(str);
}
function diamond(sign, size) {
    var d,s = '';
    for (var i = 0; i < size*2; i++) {
        d = Math.abs(size-i-1);
        s += repeat('&nbsp;', d+1) + repeat(sign, 2*(size-d)) + repeat('&nbsp;', d+1) + '<br/>';
    };
    document.write(s);
}
diamond('A', 5);

hjzheng · 2014-07-09T02:15:56Z

var reCommentContents = /\/\*!?(?:\@preserve)?\s*(?:\r\n|\n)([\s\S]*?)(?:\r\n|\n)\s*\*\//;
var multiline = function (fn) {
    if (typeof fn !== 'function') {
        throw new TypeError('Expected a function.');
    }

    var match = reCommentContents.exec(fn.toString());

    if (!match) {
        throw new TypeError('Multiline comment missing.');
    }

    return match[1];
};

var str = multiline(function(/*
                    A
                   AAA
                  AAAAA
                 AAAAAAA
                AAAAAAAAA
                 AAAAAAA
                  AAAAA
                   AAA
                    A
*/){});

console.log(str);

liuqiongqiong · 2014-07-09T09:07:39Z

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>菱形A显示</title>
    <style type="text/css">
        #ul1{width: 200px;height: 300px;}
        #ul1 li{list-style: none;text-align: center;}
    </style>
</head>
<body>
<div>
    <ul id="ul1"></ul>
</div>
</body>
<script type="text/javascript">
window.onload = function(){
    function showA(num){
        var a = new Array(num+1).join('A');
        var arr = new Array(num);
        for(var i=0; i< num / 2; i++){
            arr[i] = arr[num-1-i] = '<li>'+a.substr(0, 2*i+1)+'</li>';
        }        
        document.getElementById('ul1').innerHTML = arr.join('');
    }
    showA(9);    
}
</script>
</html>

heqing0712 · 2014-07-17T14:34:05Z

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>[ Javascript ] - 20140709-题目1</title>
    <style type="text/css">
        body{line-height:1.2em;text-align:center;}
    </style>
</head>

<body>
    <div id="cn"></div>
      <script type="text/javascript">
        (function (n,c) {
            var a = new Array(n+1).join(c), s = '', m = 0;
            while (n - 1) {
                s+= a.substr(0, ++m >n ? --n : m) + "<br/>";
            }
            document.getElementById('cn').innerHTML = s;

        }(8,'A'));
    </script>
</body>
</html>

jikeytang/[ Javascript ] - 20140709-题目1

zhouwenhong commented Jul 9, 2014

replace5 commented Jul 9, 2014

hjzheng commented Jul 9, 2014

liuqiongqiong commented Jul 9, 2014

heqing0712 commented Jul 17, 2014

	用速度最优的代码输出一个用"A"拼凑而成的平行四边形。
	A
	AAA
	AAAAA
	AAAAAAA
	AAAAAAAAA
	AAAAAAA
	AAAAA
	AAA
	A

	PS:
	1. 回复时注意加上下面这句话，才会有语法高亮或格式缩进。
	```javascript
	// you code
	```
	2. 粘贴代码时请使用shift+tab，缩进前面的空白。