對于 HTTP 協議而言,HTML、CSS、JS、JSON 的本質都是什么?
1.對于HTTP協議而言,html、css、js、json是符合相應語法的字符串
2.用戶訪問頁面時,瀏覽器根據用戶請求的路徑,向服務器發起請求,服務器根據路判斷徑返回給瀏覽器對應的字符串,同時也返回給瀏覽器Content-Type值。
3.Content-Type=text/html,瀏覽器就把字符串當HTML進行解析;
當HTML中有<link rel="stylesheet" href="" />,瀏覽器再向服務器發起請求,服務器返回字符串和Content-Type=text/css,瀏覽器就把返回的字符串當CSS進行解析;
當HTML中有<script src="" />,瀏覽器向服務器發起請求,服務器返回字符串和Content-Type=text/javascript,瀏覽器就把字符串當JS進行解析,返回給用戶;
使用數組拼接出如下字符串 ,其中styles數組里的個數不定
var prod = {
name: '女裝',
styles: ['短款', '冬季', '春裝']
};
function getTplStr(data){
var arr = [];
arr.push('<dl class="product"> ');
arr.push('<dt>'+data.name+'</dt>');
for(var i = 0;i<data['styles'].length;i++){
arr.push('<dd>'+data['styles'][i]+'</dd>')
}
arr.push('</dl>');
return arr.join("");
};
var result = getTplStr(prod);
寫出兩種以上聲明多行字符串的方法
例如:
var str = 'abcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancdeabcdeabcdeabcdeancde'
這段字符串很長,如何多行優雅的顯示
//方法一:連接運算符(+)可以連接多個單行字符串。
var str='abcdeabcdeabcdeancdeabcdeab' +
'cdeabcdeancdeabcdeabcdeabcde' +
'ancdeabcdeabcdeabcdeancde'
//方法二:如果長字符串必須分成多行,可以在每一行的尾部使用反斜杠。注意,反斜杠的后面必須是換行符,而不能有其他字符(比如空格),否則會報錯。
var str ='abcdeabcdeabcdeancdeabcdeab\
cdeabcdeancdeabcdeabcdeabcde\
ancdeabcdeabcdeabcdeancde'
//方法三:有一種利用多行注釋,生成多行字符串的變通方法
var str = (function(){/*
abcdeabcdeabcdeancdeabcdeab
cdeabcdeancdeabcdeabcdeabcde
ancdeabcdeabcdeabcdeancde
*/}).toString().split('\n').slice(1,-1).join("\n")
補全如下代碼,讓輸出結果為字符串: hello\饑人谷
var str = "hello\\饑人谷";
console.log(str)
以下代碼輸出什么?為什么
var str = 'jirengu\nruoyu'
console.log(str.length) //輸出13,"\"為轉義字符,不占長度,`\n`為一個字符。
寫一個函數,判斷一個字符串是回文字符串,如 abcdcba是回文字符串, abcdcbb不是
function judge(str){
var strReverse = str.split("").reverse().join("");
if(strReverse==str){
return "回文";
}else{
return "不是回文";
}
}
console.log(judge("abcba"))
console.log(judge("abc"))
寫一個函數,統計字符串里出現出現頻率最多的字符
function mostAvailable(text){
var i;
var obj = {};
var textSplit = text.split('')
for(i = 0; i<text.length; i++){
if(textSplit[i] in obj){
obj[textSplit[i]]+=1;
} else{
obj[textSplit[i]]=1;
}
}
var count = 0;
var max;
for(key in obj){
if(obj[key] > count){
max = key
count = obj[key]
}
}
console.log(max+':'+obj[max])
}
寫一個camelize函數,把my-short-string形式的字符串轉化成myShortString形式的字符串,如
function camelize(str){
var arr = str.split("-");
for(var i =1;i<arr.length;i++){
arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substr(1,arr[i].length);
}
return arr.join("");
}
console.log(camelize("list-style-image"));
寫一個 ucFirst函數,返回第一個字母為大寫的字符 (*)
function ucFirst(str){
return str = str.charAt(0).toUpperCase()+str.substr(1,str.length)
}
寫一個函數truncate(str, maxlength), 如果str的長度大于maxlength,會把str截斷到maxlength長,并加上...,如
function truncate(str,lo){
var newStr=str.substr(0,lo)+"...";
}
什么是 JSON格式數據?JSON格式數據如何表示對象?window.JSON 是什么?
JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式。它基于JavaScript(Standard ECMA-262 3rd Edition - December 1999)的一個子集。 JSON采用完全獨立于語言的文本格式,但是也使用了類似于C語言家族的習慣(包括C, C++, C#, Java, JavaScript, Perl, Python等)。這些特性使JSON成為理想的數據交換語言。 易于人閱讀和編寫,同時也易于機器解析和生成(網絡傳輸速度)。
JSON 格式表示數據方法
1.數據在名稱/值對中
2.數據由逗號分隔
3.花括號保存對象
4.方括號保存數組
JSON 數據的書寫格式是:名稱/值對,名稱/值對組合中的名稱寫在前面(在雙引號中),值對寫在后面(同樣在雙引號中),中間用冒號隔開:
var json1 = {"name": "Byron", "age": "24"}
var json2 = [
{"name": "Byron", "age": "24"},
{"name": "Byron2", "age": "25"}
]
window.JSON 是window的一個對象,它不能被調用或者作為構造函數,主要有兩個方法JSON.parse() 和JSON.stringify() 。
如何把JSON 格式的字符串轉換為 JS 對象?如何把 JS對象轉換為 JSON 格式的字符串?
JSON.parse()
將一個字符串解析為JSON,可選地轉換生成的值及其屬性,并返回值。
JSON.stringify()
返回與指定值相對應的一個JSON字符串