1. 對(duì)于 HTTP 協(xié)議而言椅亚,HTML限番、CSS、JS呀舔、JSON 的本質(zhì)都是什么
對(duì)于HTTP協(xié)議而言弥虐,html、css媚赖、js霜瘪、json是符合相應(yīng)語(yǔ)法的字符串
用戶訪問(wèn)頁(yè)面時(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.寫(xiě)出兩種以上聲明多行字符串的方法
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. 寫(xiě)一個(gè)函數(shù)耕魄,判斷一個(gè)字符串是回文字符串画恰,如 abcdcba是回文字符串, abcdcbb不是
var str = "abcdcba"
str == str.split('').reverse().join('')
7. 寫(xiě)一個(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. 寫(xiě)一個(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. 寫(xiě)一個(gè) ucFirst函數(shù)允扇,返回第一個(gè)字母為大寫(xiě)的字符 (***)
function ucFirst(str){
var str = str[0].toUpperCase() + str.substr(1)
return str
}
console.log(ucFirst("hunger")) // Hunger
10. 寫(xiě)一個(gè)函數(shù)truncate(str, maxlength), 如果str的長(zhǎng)度大于maxlength,會(huì)把str截?cái)嗟絤axlength長(zhǎng)则奥,并加上...
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ú)立于語(yǔ)言的文本格式井辜,但是也使用了類似于C語(yǔ)言家族的習(xí)慣(包括C, C++, C#, Java, JavaScript, Perl, Python等)。這些特性使 JSON 成為理想的數(shù)據(jù)交換語(yǔ)言管闷。 易于人閱讀和編寫(xiě)抑胎,同時(shí)也易于機(jī)器解析和生成(網(wǎng)絡(luò)傳輸速度)。 - JSON 語(yǔ)法是 JavaScript 對(duì)象表示語(yǔ)法的子集渐北。
- 數(shù)據(jù)在名稱/值對(duì)中
- 數(shù)據(jù)由逗號(hào)分隔
- 花括號(hào)保存對(duì)象
- 方括號(hào)保存數(shù)組
JSON 數(shù)據(jù)的書(shū)寫(xiě)格式是:名稱/值對(duì)阿逃,名稱/值對(duì)組合中的名稱寫(xiě)在前面(在雙引號(hào)中),值對(duì)寫(xiě)在后面(同樣在雙引號(hào)中)赃蛛,中間用冒號(hào)隔 開(kāi):
var json1 = {"name": "Byron", "age": "24"}
var json2 = [
{"name": "Byron", "age": "24"},
{"name": "Byron2", "age": "25"}
]
- window.JSON 是瀏覽器內(nèi)置對(duì)象恃锉,用來(lái)檢測(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}"