第一天js笔记

第二阶段第一周第一天笔记
知识点总结
1.网页前端开发:分别有html、css、javascript
                            html负责网页的结构、css负责网页的样式、js负责网页的交互动作

 
 

2.javaScript的发展:网景公司布兰登艾奇创造的JavaScript,初期叫做LiveScript。后期因为与Java合作才又改名为JavaScript。
 
    js被提交给ECMA欧洲计算机协会后更名为ECMAScript。
    ECMA为js设置了一套规则,也就是说js的核心语法是由ECMA制定的,也就有了版本一说。
    目前发展到了ECMA9
    面试题:请说明ECMAScript与JavaScript的关系?
    互为表里,ECMAScript是JavaScript的核心语法,而js是ECMAscript的表现形式
    在H5的年代里,js获得了网页几乎所有的操作权限(API)。
    API(接口)

 

3.js输出:console.log(“”)将内容输出到控制台鼠标右键,选择检查->选择Console。
 


4.js代码的位置:js代码应该写在Script标签当中。而这个标签可以写在网页的任何位置,但是因为网页的解析顺序是从上而下。而js又是用来操作html,所以应该放在html解析后,推荐放在body和html的闭合之间。


5.弹窗: alert()。
6.输出document:document.write();
                                document 代指html文档
                                write书写,写入。
7.输出方式总结:给用户看的输出方式:alert();
                        给程序员看的:console.log();
8.引入文件:script    标签    src    属性可以用来引入外部文件,但是可能存在解析问题。
9.宿主环境:js运行环境在哪里,宿主环境就是谁。
10.语句和表达式:alert(1+3);
11.注释:单行注释 多行注释;
12.直接量:在js中可以直接使用的量
                    alert(10);
                    alert(“hello,world!”)
13.弹窗:alert(“我是alert弹窗”);
                confirm(“我是confirm弹窗”);
                prompt(“我是prompt弹窗”);
14.变量:声明一个变量,需要通过“var”来声明。
                eg.var+变量名
            一次性声明多个变量:var  变量1=值1,
                                                    变量2=值2,
                                                    变量3=值3,
                                                    ....................;
                Tip:不适用var也可以声明变量,但是在严格模式下会出现报错。所以不推荐使用这种写法。
                当一个变量重复声明时会导致值的覆盖。同时,在使用变量的时候千万别忘了区分大小写。
                当项目开发的时候,可能需要把变量提前声明好,但是并不需要赋值,那么我们把这种变量的状态称为变量未初始化。
                var a;
                当然,也可以给暂时用不到的变量赋值为null。
                var x=null;
                通过console. log()去打印(输出)一个变量或者说打印(输出)一段数据,根据不同的数据类型,在控制台会有不同的颜色提示。
15.基本运算:+        -        *        /        %(取余,又称为叫求模);
16.变量命名规范:不要使用中文
                            词能答意
                            推荐使用小驼峰、匈牙利命名法
                            变量名当中可以包括数字字母下划线,但是不能以数字开头。
17.变量提升:在浏览器正式运行代码之前,会提前解析一遍代码(预解析),在解析过程中会找到所有的变量将变量声明语句提升到script标签的最顶部,那么当后面在正式赋值语句之前使用,都会输出underfined。
18.赋值运算符:=     +=     /=     %=      **=
                            =赋值   var   a  =  10;
                            +=加等;
19.关系运算符:==值相等;
                        ===值和类型相等;
                        !=值不相等;
                        !==值和类型不相等;
                        >;
                        <;
                        <=;
                        >=;
20.数学运算符:++    --     。。。。;
21.逻辑运行符: &&      ||;
22. 三元运算符:条件?条件为真时执行的语句;条件为假时执行的语句;
23.原始数据类型:Boolean  布尔值   rtue flase
                            Null 空  null
                            Undefined  未定义  undefined
                            Number 数字   NaN  整数  小数
                            String 字符串  “”
数据类型
在js中数据类型分为两类,一类是原始类型,一类是引入数据类型。原始类型又称之为基础数据类型,引入类型也称之为对象类型。
原始类型:Boolean
                Null
                Undefined
                Number
                String
                Symbo(ES6中新增加的内容)
引入类型:Object
                Array
                Function
在计算机科学中, 布尔值是一种逻辑数据类型,其值只能为真或者假
=======================
面试题:html的核心是什么?语义
css的核心是什?层叠
第二天的复习:
1.js
    javascropt一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。
    它的解释器被称为javascript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML 网页增加动态功能。
    包含:
        ECMAScript    核心语法
        DOM     文档对象模型
        BOM    浏览器对象模型
    三剑客:
                html     css    js
    代码位置:
                js代码可以放在网页的任何位置,但是我们推荐代码放在网页的最后(body闭合和html闭合之间)
                文档入口函数:
                            window.onload=function(){
                                //js代码
                            }
    注释:单行注释:        //alert
                多行注释:        /**/
    变量:临时储存数据的容器。
            (永久储存使用数据库)
            var      变量名;//变量声明
            var        变量名=“hello,world”;//变量声明并且初始化
            var        变量=null;//提前定义变量,但是暂时用不上
            标识符的规则:
                    驼峰命名法/匈牙利命名法
    变量提升:
                预解析:在正式运行程序之前,js的解析引擎会提前把程序读取一遍,找到所有的变量“声明”操作,把声明操作提升到当前script代码块最顶端

数据类型
        基础数据类型:
                布尔值:Boolean
                            true    |    false
        a=4;
        b=4;
        console.log(a!==b);
        Null:空
                null
        Undefined:未定义
                undefined
                变量声明但是没有初始化。
        Number:数字
                number当中可以表示(包含)整数(整数Int)、浮点数(小数float)、NAN(属于Number,但是不等于任何人,包括自己)、+Infinity(正无穷大),-Infinity(负无穷大),
    js运算并不够精准。
    tip:+0===-0//true
                                0 === -0  //  true
                            (1/+0)=== (1/-0)//false
                            全局方法:
                                    parseInt方法用于将字符串转为整数。
string:字符串
        "或者"
        ‘1+2’
            ‘a*3’
转义:\
        
                

猜你喜欢

转载自www.cnblogs.com/xuangewudishuaiqi/p/11390623.html