1. 對(duì)于 HTTP 協(xié)議而言，HTML、CSS、JS、JSON 的本質(zhì)都是什么
對(duì)于HTTP協(xié)議而言，html、css、js、json是符合相應(yīng)語法的字符串
用戶訪問頁面時(shí)，瀏覽器根據(jù)用戶請(qǐng)求的路徑，向服務(wù)器發(fā)起請(qǐng)求，服務(wù)器根據(jù)路判斷徑返回給瀏覽器對(duì)應(yīng)的字符串，同時(shí)也返回給瀏覽器Content-Type值。
HTML:Content-Type=text/html，瀏覽器就把字符串當(dāng)HTML進(jìn)行解析；
CSS:當(dāng) HTML 中有<link rel="stylesheet" href="" />，瀏覽器再向服務(wù)器發(fā)起請(qǐng)求，服務(wù)器返回字符串和Content-Type=text/css，瀏覽器就把返回的字符串當(dāng) CSS 進(jìn)行解析；
JS: 當(dāng)HTML中有<script src="" />,瀏覽器向服務(wù)器發(fā)起請(qǐng)求，服務(wù)器返回字符串和Content-Type=text/javascript，瀏覽器就把字符串當(dāng) JS 進(jìn)行解析，返回給用戶。
2. 使用數(shù)組拼接出如下字符串 ，其中styles數(shù)組里的個(gè)數(shù)不定
var data = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTpl(data){
var str = '<dl class="product">'
str = str + "<dt>女裝</dt>"
for(var key in data.styles){
str = str + '<dd>' + data.styles[key] + '</dd>'
}
str = str + "</dl>"
return str
}
var result = getTpl(data)
console.log(result)
3.寫出兩種以上聲明多行字符串的方法
var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'
-
var str ='abcdeabcdeabc\ deancdeabcdea\ bcdeabcdeancd\ eabcdeabcdeabc\ deancdeabcdeab\ cdeabcdeancde'
console.log(str) var str ='abcdeabcdeabc' +'deancdeabcdea' +'bcdeabcdeancd' +'eabcdeabcdeabc' +'deancdeabcdeab' +'cdeabcdeancde'(function () { /* deancdeabcdea bcdeabcdeancd eabcdeabcdeabc deancdeabcdeab cdeabcdeancde */}).toString().split('\n').slice(1,-1).join('\n')
4. 補(bǔ)全如下代碼,讓輸出結(jié)果為字符串: hello\饑人谷
var str = "hello\\\\饑人谷"
console.log(str)
5. 以下代碼輸出什么?為什么
var str = 'jirengu\nruoyu'
console.log(str.length) // 13 \n占據(jù)一個(gè)字符
6. 寫一個(gè)函數(shù)，判斷一個(gè)字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是
var str = "abcdcba"
str == str.split('').reverse().join('')
7. 寫一個(gè)函數(shù)，統(tǒng)計(jì)字符串里出現(xiàn)出現(xiàn)頻率最多的字符
var str = "sddgfdgksafsadkfjsdkfsjdkfas"
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){
maxValue = key
count = dict[key]
}
}
console.log(maxValue,key)
8. 寫一個(gè)camelize函數(shù)，把my-short-string形式的字符串轉(zhuǎn)化成myShortString形式的字符串
function camelize(str) {
var arr = str.split('-')
for(var i = 1; i < arr.length; i++){
arr[i] = arr[i][0].toUpperCase() + arr[i].substr(1)
}
return arr.join('')
}
console.log(camelize("my-short-string")) // myShortString
9. 寫一個(gè) ucFirst函數(shù)，返回第一個(gè)字母為大寫的字符 （***）
function ucFirst(str){
var str = str[0].toUpperCase() + str.substr(1)
return str
}
console.log(ucFirst("hunger")) // Hunger
10. 寫一個(gè)函數(shù)truncate(str, maxlength), 如果str的長度大于maxlength，會(huì)把str截?cái)嗟絤axlength長，并加上...
function runcate(str, maxlength){
if(str.length > maxlength){
var str = str.substr(0,maxlength) + '...'
}
return str
}
console.log(runcate('hello, this is hunger valley',10)) //hello, thi..
11. 什么是 JSON格式數(shù)據(jù)？JSON格式數(shù)據(jù)如何表示對(duì)象？window.JSON 是什么？如何把JSON 格式的字符串轉(zhuǎn)換為 JS 對(duì)象？如何把 JS對(duì)象轉(zhuǎn)換為 JSON 格式的字符串?
- JSON(JavaScript Object Notation)
JSON(JavaScript Object Notation)是一種輕量級(jí)的數(shù)據(jù)交換格式。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一個(gè)子集。 JSON采用完全獨(dú)立于語言的文本格式，但是也使用了類似于C語言家族的習(xí)慣（包括C, C++, C#, Java, JavaScript, Perl, Python等）。這些特性使 JSON 成為理想的數(shù)據(jù)交換語言。 易于人閱讀和編寫，同時(shí)也易于機(jī)器解析和生成(網(wǎng)絡(luò)傳輸速度)。 - JSON 語法是 JavaScript 對(duì)象表示語法的子集。
- 數(shù)據(jù)在名稱/值對(duì)中
- 數(shù)據(jù)由逗號(hào)分隔
- 花括號(hào)保存對(duì)象
- 方括號(hào)保存數(shù)組
JSON 數(shù)據(jù)的書寫格式是：名稱/值對(duì)，名稱/值對(duì)組合中的名稱寫在前面（在雙引號(hào)中），值對(duì)寫在后面(同樣在雙引號(hào)中)，中間用冒號(hào)隔 開：
var json1 = {"name": "Byron", "age": "24"}
var json2 = [
{"name": "Byron", "age": "24"},
{"name": "Byron2", "age": "25"}
]
- window.JSON 是瀏覽器內(nèi)置對(duì)象，用來檢測(cè)對(duì)JSON的支持情況。
- JSON 格式的字符串轉(zhuǎn)換為 JS 對(duì)象:
var str = '{"name": "jirengu", "age": "24"}'
var json=JSON.parse(str); //{name: "jirengu", age: "24"}
- JS 對(duì)象轉(zhuǎn)換為 JSON 格式的字符串:
var obj={name:"jirengu", age:24, "128":"blahblah"}
var str=JSON.stringify(obj);//"{"128":"blahblah","name":"jirengu","age":24}"
