• 4月8日学习笔记(js基础)


    • <script>标签放在<body>和<head>

    放在 <head></head> 里的会比放在 <body></body> 先执行。head 标签里的代码会在页面还未开始绘制之前被解析,而在 body 里的代码则会在页面渲染的同时在读取到这段代码的时候才被执行。


    • js变量命名

    1.由字母、数字、下划线组成,区分大小写

    2.以字母开头

    3.变量名不能有空格

    4.不能使用 JavaScript 中的关键字做变量名 


    • js加法

    number+string和string+string结果都是字符串的排列。


    • js函数声明

    无论同一名字的函数声明几次,无论什么时候执行,结果都是最后一次声明的函数的返回值。 


    • 创建对象

    但是以上方法在创建多个对象时,会产生大量重复代码,所以我们也可以采用函数的方式新建对象:

     1 function student(name,age) {
     2 
     3     this.name = name;
     4     this.age = age;
     5 
     6     this.study = function() {
     7         alert("studying");
     8     };
     9 
    10     this.eat = function() {
    11         alert("eating");
    12     }
    13 }

    然后通过 new 创建 student 对象的实例:

    1 var student1 = new student('Tom','19');
    2 var student2 = new student('Jack','20');

    • String 对象

    (1)String 对象只有一个属性,即 length,表示字符串中的字符个数,包括所有的空格和符号。

    (2)String 对象共有 19 个内置方法,主要包括字符串在页面中的显示、字体大小、字体颜色、字符的搜索以及字符的大小写转换等功能,下面是一些常用的:

       1. charAt(n) :返回该字符串第 n 位的单个字符。(从 0 开始计数)

       2. charCodeAt(n) :返回该字符串第 n 位的单个字符的 ASCII 码。

       3. indexOf() :用法:string_1.indexOf(string_2,n); 从字符串 string_1 的第 n 位开始搜索,查找 string_2,返回查找到的位置,如果未找到,则返回 -1,其中 n 可以不填,默认从第 0 位开始查找。

       4. lastIndexOf() :跟 indexOf() 相似,不过是从后边开始找。

       5. split('分隔符') :将字符串按照指定的分隔符分离开,返回一个数组,例如:'1&2&345&678'.split('&');返回数组:1,2,345,678。

       6. substring(n,m) :返回原字符串从 n 位置到 m 位置的子串。

       7. substr(n,x) :返回原字符串从 n 位置开始,长度为 x 的子串。

       8. toLowerCase() :返回把原字符串所有大写字母都变成小写的字符串。

       9. toUpperCase() :返回把原字符串所有小写字母都变成大写的字符串。


    • Math对象

    (1)Math 的属性

    E :返回常数 e (2.718281828...)。

    LN2 :返回 2 的自然对数 (ln 2)。  

    LN10 :返回 10 的自然对数 (ln 10)。

    LOG2E :返回以 2 为低的 e 的对数 (log2e)。

    LOG10E :返回以 10 为低的 e 的对数 (log10e)。 

    PI :返回π(3.1415926535...)。 

    SQRT1_2 :返回 1/2 的平方根。 

    SQRT2 :返回 2 的平方根。 

    (2)Math 的方法

    abs(x) :返回 x 的绝对值。

    round(x) :返回 x 四舍五入后的值。

    sqrt(x) :返回 x 的平方根。

    ceil(x) :返回大于等于 x 的最小整数。

    floor(x) :返回小于等于 x 的最大整数。

    sin(x) :返回 x 的正弦。

    cos(x) :返回 x 的余弦。

    tan(x) :返回 x 的正切。

    acos(x) :返回 x 的反余弦值(余弦值等于 x 的角度),用弧度表示。

    asin(x) :返回 x 的反正弦值。

    atan(x) :返回 x 的反正切值。

    exp(x) :返回 e 的 x 次幂 (e^x)。

    pow(n, m) :返回 n 的 m 次幂 (nm)。

    log(x) :返回 x 的自然对数 (ln x)。

    max(a, b) :返回 a, b 中较大的数。

    min(a, b) :返回 a, b 中较小的数。

    random() :返回大于 0 小于 1 的一个随机数。


    • Array对象

    (1)Array 的属性

    length :返回数组的长度,即数组里有多少个元素。它等于数组里最后一个元素的下标加一。

    因此,想添加一个元素,只需要:

    `` myArray[myArray.length] = ...; ```

    (2)Array 的方法

    join("指定分隔符") :返回一个字符串,把数组元素串起来,元素间用指定分隔符隔开。

    toString() :把数组转为字符串,并返回结果。

    reverse() :使数组元素倒序。

    slice(n,m) :返回子数组,从数组第 n 个元素到第 m 个元素。

    sort(SortFunction) :按照指定的 SortFunction 将数组的元素排序。

    concat(Array_1,Array_2) :用于连接两个或多个数组


    •  DOM节点

    对于 HTML 文档,节点主要有以下六种类型:

  • 相关阅读:
    Linux和Windows下获得当前时间并格式化
    CMAKE修改VS总结
    【分享】今日头条测试开发工程师面试题
    httprunner测试框架
    [免费]淘宝性能测试白皮书/淘宝测试架构白皮书/淘宝接口测试白皮书/淘宝探索测试白皮书下载
    雪花算法实验
    使用C#实现SSLSocket加密通讯
    Taurus.MVC 2.3.4 :WebAPI 文档集成测试功能升级:WebAPI批量自动化测试功能。
    SpringBoot的配置详解application
    IDEA找回Run Dashboard
  • 原文地址:https://www.cnblogs.com/little-jelly/p/5367334.html
Copyright © 2020-2023  润新知