0 . 对于 HTTP 协议而言，HTML、CSS、JS、JSON 的本质都是什么？
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 getTplStr(data){
return '<dl class="product">\n'
+'\t<dt>'+data['name']+'</dt>\n'
+'\t<dd>'+data['styles'][0]+'</dd>\n'
+'\t<dd>'+data['styles'][1]+'</dd>\n'
+'\t<dd>'+data['styles'][2]+'</dd>\n'
+'</dl>'
};
var result = getTplStr(prod); //result为下面的字符串
<dl class="product">
<dt>女装</dt>
<dd>短款</dd>
<dd>冬季</dd>
<dd>春装</dd>
</dl>
- 储存为数组转为字符串法
var prod = {
name: '女装',
styles: ['短款', '冬季', '春装']
};
function getTplStr(data){
var arr = [];
arr.push("<dl class=\"product\">\n");
arr.push("\t<dt>"+data.name+"</dt>\n")
for (var key in data.styles) {
arr.push("\t<dd>"+data.styles[key]+"</dd>\n")
}
arr.push("</dl>")
return arr.join('');
};
var result = getTplStr(prod);
2 . 写出两种以上声明多行字符串的方法
- 第一种："+"连接
var str = 'yangyang'
+'is'
+'very'
+'good'
+'!'
- 第二种：利用注释，但是如果采取一些压缩处理可能会出现问题
(function str(){/*
line 1
line 2
line 3
*/}).toString().split('\n').slice(1,-1).join(\n);
- 第三种：转义符\ 但是转义符后不能有其他字符，错误很不容易发现
var str ='luoqian \
is \
very \
good'
3 . 补全如下代码,让输出结果为字符串: hello\饥人谷
var str = //补全代码
console.log(str)
结果：
var str = "hello\\饥人谷"
console.log(str)
4 . 以下代码输出什么?为什么
var str = 'jirengu\nruoyu'
console.log(str.length) //13 \n是转义字符代表换行只占据一个字符，且空格并不会计算在长度内
5 . 写一个函数，判断一个字符串是回文字符串，如 abcdcba是回文字符串, abcdcbb不是
var a= 'abcdcba';
function obj(str){
newstr=str.split('').reverse().join('');
if(str==newstr){
console.log('该字符串是回文字符串');
}else{
console.log('该字符串不是回文字符串');
}
}
obj(a);
6 . 写一个函数，统计字符串里出现出现频率最多的字符
function demo(str){
strs = str.split("").sort();//将字符串分解成单字符数组，并排序（排序可不用）
//console.log(strs);//这是调试用的
var counters = [];//定义一个数组来保存字符出现的次数
for(var i = 0;i<strs.length;i++){//用两个for循环来遍历strs数组内字符出现的次数，用temp计数。
var temp=0;
for(var j = 0;j<strs.length;j++){
if(strs[i]==strs[j]){
temp++;
}
}
//console.log(strs[i]+":"+temp);//这是调试用的
if(Array.isArray(counters[temp])){//判断是否数组
if(!counters[temp].some(function(elem){//判断数组里面是否有相同元素。
return elem==strs[i];
}))
counters[temp].push(strs[i]);//没有相同元素则push字符到相应的以次数为脚标的二维数组中。
}else {
counters[temp] = [];//不是数组，则定义空数 组。
counters[temp].push(strs[i]);//同时push字符到相应的以次数为脚标的二维数组中。主要是第一次push时。
}
}
console.log(counters[counters.length-1]);//那么最后一个二维数组内容就是次数最多的字符，出现的次数就是counters.length-1。
return counters;
}
7 . 写一个camelize函数，把my-short-string形式的字符串转化成myShortString形式的字符串，如
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
结果：
function camelize(str){
var str1=[];
var stra =str.split("-");
for(var i=0;i< stra.length;i++){
if(i==0){
str1[i]=stra[i]
}else {
str1[i]=stra[i].replace(stra[i][0],stra[i][0].toUpperCase());
}
}
return str1.join("");
}
camelize("background-color") == 'backgroundColor'
camelize("list-style-image") == 'listStyleImage'
8 . 写一个 ucFirst函数，返回第一个字母为大写的字符 （***）
ucFirst("hunger") == "Hunger"
结果：
function ucFirst(str){
return str.replace(str[0],str[0].toUpperCase());
}
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){
var str2=str.slice(0,maxlength);
newstr=str2+'...';
console.log(newstr)
}else{
console.log(str)
}
}
truncate("hello, this is hunger valley,", 10);//输出hello, thi...
truncate("hello world", 20)//输出hello world
10 . 什么是 json？什么是 json 对象？什么是 json 对象字面量？什么是 JSON内置对象？
-
JSON是JavaScript Object Notation的缩写，它是一种轻量级的数据交换格式。JSON语法是JS对象表示语法的子集。
（1）数据在名称／值对中；
（2）数据由逗号分隔；
（3）花括号保存对象；
（4）方括号保存数组。 -
JSON对象是符合JSON语法规则的值。基本要符合以下规则:
( 1 ) 复合类型的值只能是数组或对象，不能是函数、正则表达式对象、日期对象。
( 2 ) 简单类型的值只有四种：字符串、数值(必须以十进制表示)、布尔值和null
( 3 ) 字符串必须使用双引号表示，不能使用单引号
( 4 ) 对象的键名必须放在双引号里面
( 5 ) 数组或对象最后一个成员的后面，不能加逗号 -
JSON对象字面量就是一种简单的描述及声明方式。如：
var a = {name : 'Mike', age : 3}; - JSON是JS中的内置对象，提供了JSON.parse( )（将字符串转化为JSON对象）和JSON.stringify( )（将JSON对象转化为字符串）等方法。
11 . 如何把JSON 格式的字符串转换为对象？如何把对象转换为 JSON 格式的字符串?
- parse：把字符串转化为JSON对象
- stringify：把JSON对象转化为字符串
//JSON字符串转为对象
var str = ' {"name":"aaa","age":21}'
JSON.parse(str)
//对象转为JSON字符串
var obj = {
"name":"aaa",
"age":20
}
JSON.stringify(obj);
- 学习总结
上面这些知识点看起来琐碎，实际上是从工作实践中抽离出来的，这些就是经常被谈论的「基本功」
