jikeytang/[ Javascript ] - 20140709-题目1

wzc602003869 · 2014-07-09T00:47:51Z

for(var i=4;i>=0;i--){//性能肯定不好，我猜拼字符串应该是个好方法
    for(var j=i;j>0;j--){
        document.write("&nbsp");
    }
    for(var m=0;m<9-2*i;m++){
        document.write("A");
    }
    document.write("</br>");
}
for(var i=1;i<=4;i++){
    for(var j=i;j>0;j--){
        document.write("&nbsp");
    }
    for(var m=0;m<9-2*i;m++){
        document.write("A");
    }
    document.write("</br>");
}

zjhsd2007 · 2014-07-09T00:56:12Z

<!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" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <style>
        * { padding: 0;margin: 0}
        #result{font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; text-align: center;}
    </style>
</head>
<body>
    <div id="result"></div>
    <script>
        (function(n,c){
            var arr = [],html="<ul><li>";
            for(var i=1;i<=n;i+=2){
                arr.push(new Array(i+1).join(c))
            }
            arr = arr.concat(arr.slice(0).reverse().slice(1));
            html += arr.join('</li><li>') + '</li></ul>';
            document.getElementById('result').innerHTML = html;
        })(9,'A');
    </script>
</body>
</html>

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

wzc602003869 commented Jul 9, 2014

zjhsd2007 commented Jul 9, 2014

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，缩进前面的空白。