Skip to content

Instantly share code, notes, and snippets.

@jikeytang

jikeytang/[ Javascript ] - 20140709-题目1

Created July 9, 2014 00:02
Show Gist options
  • Save jikeytang/6ffd12f97d438e4da539 to your computer and use it in GitHub Desktop.
Save jikeytang/6ffd12f97d438e4da539 to your computer and use it in GitHub Desktop.
Download ZIP
[ Javascript ] - 20140709-题目1
Raw
[ Javascript ] - 20140709-题目1
用速度最优的代码输出一个用"A"拼凑而成的平行四边形。
A
AAA
AAAAA
AAAAAAA
AAAAAAAAA
AAAAAAA
AAAAA
AAA
A
PS:
1. 回复时注意加上下面这句话，才会有语法高亮或格式缩进。
```javascript
// you code
```
2. 粘贴代码时请使用shift+tab，缩进前面的空白。
@wzc602003869
Copy link 

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
Copy link 

<!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
Copy link 

<!--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
Copy link

replace5 commented Jul 9, 2014 

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
Copy link

hjzheng commented Jul 9, 2014 

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
Copy link 

<!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
Copy link 

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment