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

對(duì)于http 協(xié)議而言這些語(yǔ)言都相當(dāng)于遵從各自語(yǔ)法的字符串

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

var prod = {
    name: '女裝',
    styles: ['短款', '冬季', '春裝']
    }
function getTplStr(data) {
    var arr = []
    //在轉(zhuǎn)義之前寫(xiě)轉(zhuǎn)義符
    arr.push('<dl class=\"product\">'+'<dt>'+data.name+'</dt>')
    for (key in data.styles) {
        arr.push('<dd>'+data.styles[key]+'</dd>')
    }
    arr.push('</dl>')
   
    // return arr.join('')
}
console.log(getTplStr(prod))

2.寫(xiě)出兩種以上聲明多行字符串的方法

var str='abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeab'
console.log(str)
// 第一種寫(xiě)法
var str1='abcd\
eabcd\
eabcd\
eancd\
eabcd\
eabc'
console.log(str1)
// 第二種寫(xiě)法
var str2= 'abcd'
         +'eabcd'
         +'eancd'
         +'eancd'
console.log(str2)

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

// 要打印出兩個(gè)斜杠就要對(duì)兩個(gè)斜杠分別進(jìn)行轉(zhuǎn)義
var str = "hello\\\\饑人谷"
console.log(str)

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

var str = 'jirengu\nruoyu'
console.log(str) //jirengu和ruoyu各占一行
console.log(str.length)//13 單純說(shuō)內(nèi)容的話(huà)是12個(gè)但是因?yàn)橛衆(zhòng)n \n也算一個(gè)字符 最后就是13個(gè)了

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

function isPalindrome(str) {
        var reStr = str.split("").reverse().join("")
        if (reStr === str) {
            console.log('傳入的參數(shù)是回文')
        }
        else{
           console.log('傳入的參數(shù)不是回文')
        }
    }
    console.log(isPalindrome('abcddcba'))
    console.log(isPalindrome('abcddcbaaaaaa'))

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

var ss = '小青蛙呱呱呱白白肚皮大嘴巴捉害蟲(chóng)本領(lǐng)大小朋友們愛(ài)護(hù)它'
function strMost(str) {
    var count = 0
    var mostNum
    var obj = {}
    for (var i =0; i<str.length;  i++) {
        if (obj[str[i]]) {
          obj[str[i]]++
        } else {
          obj[str[i]] = 1
        }
    }
for (key in obj) {
    if (obj[key]>count) {
        count = obj[key]
        mostNum = key
    }
}
return '出現(xiàn)最多的字是：' + mostNum + '\n' + '共出現(xiàn)了' + count+'次'

}
// 啟動(dòng)方法把結(jié)果輸出出來(lái)
console.log(strMost(ss))

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

 var str = "list-style-image";
 function cameLize(str) {
    var newArr = str.split('-')
    // 若不聲明newArr2是空數(shù)組，那么下面的相關(guān)數(shù)組方法沒(méi)法用
    var newArr2 = []
    // 因?yàn)榈谝粋€(gè)單詞是不用變化的，先把它推進(jìn)新的數(shù)組里呆著。。等著和變化后的單詞拼在一起
    newArr2.push(newArr[0])
    var uppStr 
    // 要給每一項(xiàng)都變動(dòng)就必須遍歷每一項(xiàng)（根據(jù)實(shí)際情況第一項(xiàng)不用變動(dòng)），所以下標(biāo)不是從0開(kāi)始而是從1開(kāi)始的
    for(var i =1; i<newArr.length; i++){
    // 必須用數(shù)組的push()方法才能把新改好的數(shù)據(jù)全都推進(jìn)新的數(shù)組里面
    newArr2.push(newArr[i].replace(newArr[i][0],newArr[i][0].toUpperCase()))
    // 通過(guò)join()方法把數(shù)組變成字符串，并且拼裝完成后的每一項(xiàng)中間沒(méi)有任何符號(hào)
    uppStr  = newArr2.join('')
 }
 return uppStr 
}
 console.log(cameLize(str))

8. 寫(xiě)一個(gè) ucFirst函數(shù)，返回第一個(gè)字母為大寫(xiě)的字符

function ucFirst(str) {
    var firstChar = str.substring(0,1)
    var upFirChar = firstChar.toUpperCase()
    var res = str.replace(firstChar,upFirChar)
    return res
}
console.log(ucFirst('jason'))

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

function truncate(str, maxlength) {
    if (str.length>maxlength) {
    // 字符串的slice()方法很常用，里面的兩個(gè)參數(shù)一個(gè)是開(kāi)始的下標(biāo)一個(gè)是結(jié)束的下標(biāo)，該方法很常用
      return str.slice(0, maxlength)+'...'
    } 
    else {
        return str
    }
}
var str = '小青蛙呱呱呱白白肚皮大嘴巴捉害蟲(chóng)本領(lǐng)大小朋友們愛(ài)護(hù)它'

console.log(truncate(str, 10))

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

什么是 JSON格式數(shù)據(jù)
JSON（JavaScript Object Notation）是一種用于數(shù)據(jù)交換的文本格式，目的是取代繁瑣笨重的XML格式。
簡(jiǎn)單說(shuō)，每個(gè)JSON對(duì)象，就是一個(gè)值。要么是簡(jiǎn)單類(lèi)型的值，要么是復(fù)合類(lèi)型的值，但是只能是一個(gè)值，不能是兩個(gè)或更多的值。這就是說(shuō)，每個(gè)JSON文檔只能包含一個(gè)值。
JSON對(duì)值的類(lèi)型和格式有嚴(yán)格的規(guī)定。
相比XML格式，JSON格式有兩個(gè)顯著的優(yōu)點(diǎn)：

• 書(shū)寫(xiě)簡(jiǎn)單，一目了然；
• 符合JavaScript原生語(yǔ)法，可以由解釋引擎直接處理，不用另外添
  加解析代碼。

JSON格式數(shù)據(jù)如何表示對(duì)象
JSON的值就是JSON的對(duì)象，JSON的值要符合以下要求才行

1. 復(fù)合類(lèi)型的值只能是數(shù)組或?qū)ο?，不能是函?shù)、正則表達(dá)式對(duì)象、日期對(duì)象。
2. 簡(jiǎn)單類(lèi)型的值只有四種：字符串、數(shù)值（必須以十進(jìn)制表示）、布爾值和null（不能使用NaN, Infinity, -Infinity和undefined）。
3. 字符串必須使用雙引號(hào)表示，不能使用單引號(hào)。
4. 對(duì)象的鍵名必須放在雙引號(hào)里面。
5. 數(shù)組或?qū)ο笞詈笠粋€(gè)成員的后面，不能加逗號(hào)。
   舉例來(lái)說(shuō),以下就是合格的JSON對(duì)象:

{ "one": 1, "two": 2, "three": 3 }
[ { "name": "張三"}, {"name": "李四"} ]

window.JSON 是什么
判斷瀏覽器是否兼容JSON的用法，用于對(duì)JSON進(jìn)行解析和序列化。

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

通過(guò)JSON.parse()
用于將JSON 格式的字符串轉(zhuǎn)換為對(duì)象；
JSON.stringify()
用于把對(duì)象轉(zhuǎn)換為 JSON 格式的字符串。
舉個(gè)例子

var obj = {
    "name":"yezhu",
    "age":100
}
// 轉(zhuǎn)成字符串
var newStr = JSON.stringify(obj);
// 轉(zhuǎn)成JSON對(duì)象
var newObj = JSON.parse(newStr);