0、對于 HTTP 協(xié)議而言矾策,HTML宛乃、CSS悠咱、JS、JSON 的本質(zhì)都是什么征炼?
對于HTTP協(xié)議而言析既,html、css谆奥、js眼坏、json是符合相應(yīng)語法的字符串。
用戶訪問頁面時(shí)酸些,瀏覽器根據(jù)用戶的請求的路徑宰译,向服務(wù)器發(fā)起請求,服務(wù)器根據(jù)路徑進(jìn)行判斷魄懂,返回給瀏覽器對應(yīng)的字符串沿侈,同時(shí)也返回給瀏覽器Content-Type值。
探測頭設(shè)置Content-Type=text/html市栗,瀏覽器就把字符串當(dāng)HTML進(jìn)行解析缀拭;
當(dāng)HTML中有咳短,瀏覽器再向服務(wù)器發(fā)起請求,服務(wù)器返回字符串和Content-Type=text/css蛛淋,瀏覽器就把返回的字符串當(dāng)CSS進(jìn)行解析咙好;
當(dāng)HTML中有<script src="" />,瀏覽器向服務(wù)器發(fā)起請求褐荷,返回字符串和Content-Type=text/javascript勾效,瀏覽器就把字符串當(dāng)JS進(jìn)行解析,返回給用戶叛甫。
1葵第、使用數(shù)組拼接出如下字符串 ,其中styles數(shù)組里的個數(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>
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTpl(data) {
var str = '<dl class="product">';
str += '<dt>' + data.name + '</dt>';
for (var i = 0; i < data.styles.length; i++) {
str += '<dd>' + data.styles[i] + '</dd>';
}
str += '</dl>';
return str;
}
var result = getTpl(prod);
console.log(result);
2合溺、寫出兩種以上聲明多行字符串的方法
例如:
var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'
這段字符串很長卒密,如何多行優(yōu)雅的顯示
(1)
var str = 'abcde\
abcde\
abcde\
ancde\
abcde\
abcde\
abcde\
ancde\
abcde\
abcde\
abcde\
ancde\
abcde\
abcde\
abcde\
ancde\
';
輸出:(2)
var str = 'abcde '
+ 'abcde '
+ 'abcde '
+ 'ancde '
+ 'abcde '
+ 'abcde '
+ 'abcde '
+ 'ancde '
+ 'abcde '
+ 'abcde '
+ 'abcde '
+ 'ancde '
+ 'abcde '
+ 'abcde '
+ 'abcde '
+ 'ancde '
;
輸出:(3)
(function() {/*
abcd
abcd
abcd
abcd
abcd
abcd
abcd
abcd
abcd
abcd
abcd
abcd
abcd
abcd
abcd
abcd
*/}).toString().split('\n').slice(1,-1).join('\n')
輸出:3、補(bǔ)全如下代碼,讓輸出結(jié)果為字符串: hello\\饑人谷
var str = //補(bǔ)全代碼
console.log(str)
答:
var str = 'hello\\\\饑人谷'
console.log(str)
4棠赛、以下代碼輸出什么?為什么
var str = 'jirengu\nruoyu'
console.log(str.length) // 13
length表示字符串的長度哮奇,\表示轉(zhuǎn)義符,所以\n算一個字符
5睛约、寫一個函數(shù)鼎俘,判斷一個字符串是回文字符串,如 abcdcba是回文字符串, abcdcbb不是
var str = 'abcdcba';
var str1 = 'abcdcbb';
function strRverse(str){
return str === str.split('').reverse().join('')
}
strRverse(str) //ture
strRverse(str1) //false
6辩涝、寫一個函數(shù)贸伐,統(tǒng)計(jì)字符串里出現(xiàn)出現(xiàn)頻率最多的字符
var str ='hello world , jirengu haha hoho lolh'
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 minValue
for(key in dict){
if(dict[key] > count){
maxValue =key
count =dict[key]
}
}
console.log(maxValue) // h
7、寫一個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++){
arr[i] = arr[i][0].toUpperCase() + arr[i].substr(1);
}
return arr.join('');
}
console.log(camelize('list-style-image'));
8、寫一個 ucFirst函數(shù)商膊,返回第一個字母為大寫的字符 (***)
ucFirst("hunger") == "Hunger"
function ucFirst(str) {
return str.substring(0, 1).toUpperCase() + str.substring(1);
ucFirst("hunger") // "Hunger"
}
9伏伐、寫一個函數(shù)truncate(str, maxlength), 如果str的長度大于maxlength,會把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) {
return str.substring(0, maxlength) + "...";
} else {
return str;
}
}
console.log(truncate("hello, this is hunger valley,", 10))//hello, thi...
console.log(truncate("hello world", 20))// hello world
10、什么是 JSON格式數(shù)據(jù)实幕?JSON格式數(shù)據(jù)如何表示對象吝镣?window.JSON 是什么?
JSON格式數(shù)據(jù):javascript object notation的簡稱昆庇,是一種用于數(shù)據(jù)交換的文本格式末贾,易于人閱讀和編寫,同時(shí)也易于機(jī)器解析和生成凰锡。
表示對象:
(1)名稱/值對未舟,名稱/值對組合中的名稱寫在前面(在雙引號中)圈暗,值對寫在后面(同樣在雙引號中)掂为,中間用冒號隔開裕膀;
(2)花括號保存對象;
(3)方括號保存數(shù)組 勇哗。window.JSON :
window.JSON是瀏覽器的內(nèi)置對象昼扛,用來檢測對JSON的支持情況;
JSON對象內(nèi)置了JSON.parse()欲诺、JSON.stringify()抄谐;
IE8版本以上才內(nèi)置支持JSON.parse()函數(shù)方法。
11扰法、如何把JSON 格式的字符串轉(zhuǎn)換為 JS 對象蛹含?如何把 JS對象轉(zhuǎn)換為 JSON 格式的字符串?
var obj ={
"name": "Byron",
"age": 24
};
var json_str = JSON.stringify(obj); // 對象轉(zhuǎn)字符串
var json_obj = JSON.parse(json_str); // 字符串轉(zhuǎn)對象
console.log(json_str);
console.log(json_obj);
var str='{"name":"hehe","age":30}'
var obj=JSON.parse(str)
console.log(obj)
console.log(JSON.stringify(obj))