美文网首页
散记(二)

散记(二)

作者: Atlas_lili | 来源:发表于2018-10-20 16:28 被阅读0次

    hasOwnProperty()方法

    语法

    object.hasOwnProperty(proName)
    其中,object 必需,对象的实例。proName 必需,一个属性名称的字符串值。

    功能

    如果 object 具有带指定名称的属性,则 hasOwnProperty 方法返回 true,否则返回 false。此方法不会检查对象原型链中的属性;该属性必须是对象本身的一个成员。

    isNaN()函数

    该函数接受一个参数,可以是任何类型,函数尝试将该参数转换成数值,不能转化为数值返回true(对于对象会先调用其valueOf(),转化不成功则继续调用toString()),可以转化返回false。

    数值转化篇

    • Number()
      1. 如果是Boolean值,true和false值将分别被转换为1和0。
      2. 如果是数字值,只是简单的传入和返回。
      3. 如果是null值,返回0。
      4. 如果是undefined,返回NaN。
      5. 如果是字符串:
        • 如果字符串中只包含数字时,将其转换为十进制数值,忽略前导0
        • 如果字符串中包含有效浮点格式,如“1.1”,将其转换为对应的浮点数字,忽略前导0
        • 如果字符串中包含有效的十六进制格式,如“0xf”,将其转换为相同大小的十进制数值
        • 如果字符串为空,将其转换为0
        • 如果字符串中包含除上述格式之外的字符,则将其转换为NaN
      6. 如果是对象,则调用对象的valueOf()方法,然后依照前面的规则转换返回的值。如果转换的结果是NaN,则调用对象的toString()方法,然后再依照前面的规则转换返回的字符串值。
    • parseInt()
      第一个参数为字符串时,会忽略字符串前面的空格,知道找到第一个非空格字符。如果第一个字符不是数字或者负号,parseInt() 就会返回NaN,空字符串也会返回NaN。如果第一个字符是数字字符,parseInt() 会继续解析第二个字符,直到解析完所有后续字符串或者遇到了一个非数字字符。
      第二个参数为数字,可选,表示字符串解析的进制。
    • parseFloat()
      1. 从第一个字符(位置0)开始解析每一个字符。也是一直解析到字符串末尾,或者解析到遇见一个无效的浮点数字字符为止。
      2. 字符串中第一个小数点是有效的,而第二个小数点就是无效的了,它后面的字符串将被忽略。只解析十进制,因此它没有第二个参数指定基数的用法
      3. 如果字符串中包含的是一个可解析为正数的数,会返回整数。
    • parseInt() 和parseFloat() 的区别在于:
      • parseFloat() 所解析的字符串中第一个小数点是有效的,而parseInt() 遇到小数点会停止解析,因为小数点并不是有效的数字字符。
      • parseFloat() 始终会忽略前导的零,十六进制格式的字符串始终会被转换成0,而parseInt() 第二个参数可以设置基数,按照这个基数的进制来转换。

    H5语义化篇

    语义化优点:

    • 易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。
    • 有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重。
    • 方便其他设备解析,如盲人阅读器根据语义渲染网页
    • 有利于开发和维护,语义化更具可读性,代码更好维护,与CSS3关系更和谐。

    标签呢?header、article、address、aside等等
    参见HTML5语义化详解1
    参见HTML5语义化详解2

    盒模型篇

    两种盒模型的差异

    因此,为了保持一致性CSS3的box-sizing是非常有用的。

    box-sizing

    该属性现存的比较支持的有两个值content-box和border-box(padding-box在Firefox 50中被删除。)

    \*,*:before,\*:after{
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    

    可以如上设置

    网络外延篇(HTTP)

    • HTTP协议是无状态的请求、响应协议
    • http链接的request的请求头:GET/xxx/xxx/js/lib/test.js HTTP/1.0 Host: 127.0.0.1 Connection: keep-alive Pragma: no-cache Cache-Control: no-cache Accept: */*
    • RESTful接口中,利用HTTP协议中的method字段来描述要对资源操作的方式,比如:GET表示获取资源、POST表示新增一个资源、PUT表示更新资源、DELETE表示删除资源等
    • 304状态码:如果客户端发送了一个带条件的GET请求且该请求已被允许,而文档内容(自上次访问以来或根据请求条件)并没有改变,则服务器返回这个状态码。

    相关文章

      网友评论

          本文标题:散记(二)

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