0、對于 HTTP 協議而言，HTML、CSS、JS、JSON 的本質都是什么？
對于HTTP協議而言，html、css、js、json是符合相應語法的字符串。
用戶訪問頁面時，瀏覽器根據用戶的請求的路徑，向服務器發起請求，服務器根據路徑進行判斷，返回給瀏覽器對應的字符串，同時也返回給瀏覽器Content-Type值。
探測頭設置Content-Type=text/html，瀏覽器就把字符串當HTML進行解析；
當HTML中有，瀏覽器再向服務器發起請求，服務器返回字符串和Content-Type=text/css，瀏覽器就把返回的字符串當CSS進行解析；
當HTML中有<script src="" />，瀏覽器向服務器發起請求，返回字符串和Content-Type=text/javascript，瀏覽器就把字符串當JS進行解析，返回給用戶。
1、使用數組拼接出如下字符串 ，其中styles數組里的個數不定
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'
這段字符串很長，如何多行優雅的顯示
(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、補全如下代碼,讓輸出結果為字符串: hello\\饑人谷
var str = //補全代碼
console.log(str)
答：
var str = 'hello\\\\饑人谷'
console.log(str)
4、以下代碼輸出什么?為什么
var str = 'jirengu\nruoyu'
console.log(str.length) // 13
length表示字符串的長度，\表示轉義符，所以\n算一個字符
5、寫一個函數，判斷一個字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是
var str = 'abcdcba';
var str1 = 'abcdcbb';
function strRverse(str){
return str === str.split('').reverse().join('')
}
strRverse(str) //ture
strRverse(str1) //false
6、寫一個函數，統計字符串里出現出現頻率最多的字符
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函數，把my-short-string形式的字符串轉化成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函數，返回第一個字母為大寫的字符 （***）
ucFirst("hunger") == "Hunger"
function ucFirst(str) {
return str.substring(0, 1).toUpperCase() + str.substring(1);
ucFirst("hunger") // "Hunger"
}
9、寫一個函數truncate(str, maxlength), 如果str的長度大于maxlength，會把str截斷到maxlength長，并加上...，如
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格式數據？JSON格式數據如何表示對象？window.JSON 是什么？
JSON格式數據：javascript object notation的簡稱，是一種用于數據交換的文本格式，易于人閱讀和編寫，同時也易于機器解析和生成。
表示對象：
(1)名稱/值對，名稱/值對組合中的名稱寫在前面（在雙引號中），值對寫在后面(同樣在雙引號中)，中間用冒號隔開；
(2)花括號保存對象；
(3)方括號保存數組 。window.JSON :
window.JSON是瀏覽器的內置對象，用來檢測對JSON的支持情況；
JSON對象內置了JSON.parse()、JSON.stringify()；
IE8版本以上才內置支持JSON.parse()函數方法。
11、如何把JSON 格式的字符串轉換為 JS 對象？如何把 JS對象轉換為 JSON 格式的字符串?
var obj ={
"name": "Byron",
"age": 24
};
var json_str = JSON.stringify(obj); // 對象轉字符串
var json_obj = JSON.parse(json_str); // 字符串轉對象
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))
