美文网首页
进阶任务5

进阶任务5

作者: RookieD | 来源:发表于2017-07-17 18:23 被阅读0次
  • 对于 HTTP 协议而言,HTML、CSS、JS、JSON 的本质都是什么
  1. 对于HTTP而言,HTML、CSS、JS、JSON都是符合自身语法规律的字符串
  2. 当用户访问页面、HTML中有<link rel="styleshtte" href=""/>、HTML中有<script src="" />时,浏览器会向服务器发起请求
  3. 当服务器返回的数据包中的Content-Type=text/html时,浏览器会将字符串按照HTML语法来解析,当Content-Type=text/css时,浏览器会将字符串按照CSS语法来解析,当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>")
    }
    return arr.join("")
};

var result = getTplStr(prod);
  • 写出两种以上声明多行字符串的方法
var str = "kdjfoiejonvmsd \
jijeiosaoinfa \
jifjeojawiofj";
var str = "fjiejosafoija " +
"jdifpeajfjfije " +
"djifojeoajiofja"
(function() {/*
    jfjseoifjoajeoif
    jdifajeioajfiea
    jiofajiefja
*/}).toString().split("\n").slice(1,-1).join("/n")
  • 补全如下代码,让输出结果为字符串: hello\饥人谷
var str = "hello\\\\饥人谷"
console.log(str)
  • 以下代码输出什么?为什么
    输出为13,因为\n是转义字符,代表换行,只有一个字符长度

  • 写一个函数,判断一个字符串是回文字符串,如 abcdcba是回文字符串, abcdcbb不是

function palindrome(str) {
    var new_str = str.split("").reverse().join("")
    if ( str === new_str ) {
        return true;
    } else {
        return false;
    }
}
  • 写一个函数,统计字符串里出现出现频率最多的字符
function most(str) {
    var a = {};
    for (var i=0; i<str.length; i++) {
        if (a[str[i]]) {
            a[str[i]]++;
        } else {
            a[str[i]] = 1;
        }
    }
    var maxCount=0;
    var maxKey;
    for (var i in a) {
        if (maxCount < a[i]) {
            maxCount = a[i];
            maxKey = i;
        }
    }
    return maxKey
}
  • 写一个camelize函数,把my-short-string形式的字符串转化成myShortString形式的字符串
function camelize(str) {
    var arr = str.split("-");
    if (arr.length<2) {
        return "no can do"
    }
    for (var i=1; i<arr.length; i++) {
            sub1 = arr[i].substring(0,1)
            sub2 = arr[i].substring(1)
            arr[i] = sub1.toUpperCase() + sub2
    }
    return arr.join("")
}
  • 写一个 ucFirst函数,返回第一个字母为大写的字符 (***)
function ucFirst(str) {
    var new_str
    sub1 = str.substring(0,1)
    sub2 = str.substring(1)
    return new_str = sub1.toUpperCase() + sub2
}
  • 写一个函数truncate(str, maxlength), 如果str的长度大于maxlength,会把str截断到maxlength长,并加上...
function truncate(str, maxlength) {
    var new_str = str.substr(0, maxlength)
    return (new_str + "...")
}
  • 什么是 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 格式表示数据方法
    数据在名称/值对中
    数据由逗号分隔
    花括号保存对象
    方括号保存数组
    JSON 数据的书写格式是:名称/值对,名称/值对组合中的名称写在前面(在双引号中),值对写在后面(同样在双引号中),中间用冒号隔开。

  • window.JSON 是window的一个对象,它不能被调用或者作为构造函数,主要有两个方法JSON.parse() 和JSON.stringify() 。

  • 如何把JSON 格式的字符串转换为 JS 对象?如何把 JS对象转换为 JSON 格式的字符串?

  • JSON.parse()
    将一个字符串解析为JSON,可选地转换生成的值及其属性,并返回值。

  • JSON.stringify()
    返回与指定值相对应的一个JSON字符串

相关文章

  • 进阶任务5

    JSON(Java Script Object Notation )是一种轻量级的数据交换格式。JSON对值的类型...

  • 进阶任务5

    对于 HTTP 协议而言,HTML、CSS、JS、JSON 的本质都是什么 对于HTTP而言,HTML、CSS、J...

  • 进阶任务5

    1、使用数组拼接出如下字符串 2、写出两种以上声明多行字符串的方法 方法1 利用行尾转义'/' 方法2 利用加号+...

  • 进阶任务-5

    0. 对于 HTTP 协议而言,HTML、CSS、JS、JSON 的本质都是什么? 对于http 协议而言这些语言...

  • 进阶任务5

    1.使用数组拼接出如下字符串### 2.写出两种以上声明多行字符串的方法### 例如: 3.补全如下代码,让输出结...

  • 进阶-任务5

    1.使用数组拼接出如下字符串 2.写出两种以上声明多行字符串的方法 3.补全如下代码,让输出结果为字符串: hel...

  • 进阶任务5

    1、使用数组拼接出如下字符串 2、写出两种以上声明多行字符串的方法 3、补全如下代码,让输出结果为字符串: hel...

  • 关于时间管理的100条干货(下)

    Part5【进阶时间管理修炼的十个关键词】 关键词一:多任务处理 61.多任务处理让个人效率提升5-10倍 这里的...

  • Swift多线程:GCD进阶,单例、信号量、任务组

    Swift多线程:GCD进阶,单例、信号量、任务组 Swift多线程:GCD进阶,单例、信号量、任务组

  • 进阶任务5(主线任务):字符串与JSON

    0、对于 HTTP 协议而言,HTML、CSS、JS、JSON 的本质都是什么? 对于HTTP协议而言,html、...

网友评论

      本文标题:进阶任务5

      本文链接:https://www.haomeiwen.com/subject/rwfqkxtx.html