0、對(duì)于 HTTP 協(xié)議而言，HTML、CSS、JS、JSON 的本質(zhì)都是什么？

字符串

1、使用數(shù)組拼接出如下字符串 ，其中styles數(shù)組里的個(gè)數(shù)不定

var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTpl(data){
//todo...
};
var result = getTplStr(prod); //result為下面的字符串
<dl class="product"><dt>女裝</dt><dd>短款</dd<dd>冬季</dd><dd>春裝</dd></dl>
function getTpl(data) {
var str;
var length = data.styles.length;
var arr = [];
for(var i = 0; i < length; i++) {
arr[i] = '<dd>' + data.styles[i] + '</dd>';
}
var str1 = arr.join('');
// console.log(str1);
str = '<dl class="product"><dt>' + data.name + '</dt>' + str1 + '</dl>';
return str;
}
var result = getTpl(prod);
console.log(result);

2、寫出兩種以上聲明多行字符串的方法

例如：
var str ='abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'
這段字符串很長，如何多行優(yōu)雅的顯示

var str = 'abcdeabcdeabcdeancde\
abcdeabcdeabcdeancd\
eabcdeabcdeabcdeancd\
eabcdeabcdeabcdeancde'

var str = 'abcdeabcdeabcdeancde'
    + 'abcdeabcdeabcdeancd'
    + 'eabcdeabcdeabcdeancd'
    + 'eabcdeabcdeabcdeancde';

3、補(bǔ)全如下代碼,讓輸出結(jié)果為字符串: hello\饑人谷

var str = //補(bǔ)全代碼
console.log(str)
var str = "hello\\\\饑人谷";

4、以下代碼輸出什么?為什么

var str = 'jirengu\nruoyu'
console.log(str.length)

輸出的結(jié)果是13，因?yàn)椤甛n’表示的換行符，表示的一個(gè)字符。

5、寫一個(gè)函數(shù)，判斷一個(gè)字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是

function isPalindrome(str) {
    var str1 = str.split('').reverse().join('');
    if(str1 === str) {
        console.log(str + '是回文');
    } else {
        console.log(str + '不是回文')
    }
}

6、寫一個(gè)函數(shù)，統(tǒng)計(jì)字符串里出現(xiàn)出現(xiàn)頻率最多的字符

function Most(str) {
    var dict = {};
    for(var i = 0; i < str.length; i++) {
        if(dict[str[i]]) {
            ++dict[str[i]];
        } else {
            dict[str[i]] = 1;
        }
    }
    var count = 0;
    var maxValue;
    for(key in dict) {
        if(dict[key] > count) {
            count = dict[key];
            maxValue = key;
        }
    }
    console.log(maxValue);
}

7、寫一個(gè)camelize函數(shù)，把my-short-string形式的字符串轉(zhuǎn)化成myShortString形式的字符串，如

camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'

function camelize(str) {
    var arr = str.split('-');
    for(var i = 1; i < arr.length; i++) {
        var b = arr[i].substring(0,1).toUpperCase(); 
        var c = arr[i].substring(1).toLowerCase();
        arr[i] = b + c;
    }
    console.log(arr.join(''));
}

8、寫一個(gè) ucFirst函數(shù)，返回第一個(gè)字母為大寫的字符 （***）

ucFirst("hunger") == "Hunger"

function ucFirst(str) {
    var str1 = str.toLowerCase();
    var  a = str1.substring(0,1).toUpperCase();
    var b = str1.substring(1).toLowerCase();
    var str1 = a + b;
    console.log(str1);
}

9、寫一個(gè)函數(shù)truncate(str, maxlength), 如果str的長度大于maxlength，會(huì)把str截?cái)嗟絤axlength長，并加上...，如

truncate("hello, this is hunger valley,", 10) == "hello, thi...";
truncate("hello world", 20) == "hello world"

function truncate(str, maxlength) {
    if(str.length > maxlength) {
        console.log(str.substring(0, maxlength) + '...');
    } else {
            console.log(str);
    }
}

10、什么是 JSON格式數(shù)據(jù)？JSON格式數(shù)據(jù)如何表示對(duì)象？window.JSON 是什么？

JSON 格式是一種用于數(shù)據(jù)交換的文本格式。
JSON對(duì)值的類型和格式有嚴(yán)格的規(guī)定
1、復(fù)合類型的值只能是數(shù)組或?qū)ο?，不能是函?shù)、正則表達(dá)式對(duì)象，日期對(duì)象。
2、簡單類型的值只有四種: 字符串，數(shù)值，布爾值和null(不能使用NaN，Infinity，-Infinity 和undefined)。
3、字符串必須使用雙引號(hào)表示，不能使用單引號(hào)。
4、對(duì)象的鍵名必須放在雙引號(hào)里面
5、數(shù)組或?qū)ο笞詈笠粋€(gè)成員的后面，不能加逗號(hào)。
舉列說明

var json = {
    "name": "Byron",
    "age": 24
};

里面是符合json格式的。
window.JSON。是瀏覽器內(nèi)置的對(duì)象。

11、如何把JSON 格式的字符串轉(zhuǎn)換為 JS 對(duì)象？如何把 JS對(duì)象轉(zhuǎn)換為 JSON 格式的字符串?

JSON.parse(str)
JSON.stringify(obj)