Java复习打卡day34

javascript语言的介绍

JavaScript语言介绍
    当大家在网页中看到网页中有3D/2D动画图像、随时间动态变化的视频图像、交互式地图等等,你基本可以确定
,这里使用了javascript语言。
    javascirpt是嵌入到html语言中的脚本语言,所以在学习它之前我们要对它用一定的知识储备。
        1.对web开发用一定的了解。包括(javascript的简介)
        2.掌握html的常用标签。
        3.掌握css的常用选择器和属性。

    除了第一点,如果大家是一直看着我的blog学到这里的话,那么大家就没太大问题,如果没看过我之前的
blog的话建议大家看看,方便对后面的内容的理解。
    下面就是学习javascript的具体步骤了:
        1.javascript简介
        2.javascript的使用方法
        3.基础语法
        4.数据类型
        5.运算符
        6.流程控制
        7.函数
        8.对象
        9.内置对象
        10.事件
        11.BOM
        12.HTML DOM
        13.XML DOM
        14.Ajax

     1.什么是javascript语言?
    ·是一种客户端脚本语言(脚本语言是一种轻量型编程语言)
    ·通常直接嵌入到html语言中
    ·是一种解释型语言(代码编译不需要经过预编译)
    ·特点:弱类型和面向对象
    ·javascript语言包含三个核心:ECMAScript基础语法、DOM、BOM。
    2.web技术的组成
    ·html:是一种标记语言,结构化网页。
    ·css:是一种样式规则语言,可将样式应用语html语言中。
    ·javascript:是一种脚本语言,创建动态更新的内容、控制多媒体、制作图像动画等等。

javascript语言的使用方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>javascript的使用方法</title>
    <script type="text/javascript">
        console.log('hello world!')
        //内部javascirpt
    </script>
</head>
<body>
    <h1>This is my first javascript web!</h1>
    <button onclick="window.alert('aa')">点我</button>
    <!-- 内联javascript -->
</body>
    <script type="text/javascript" src="./demo.js"></script>
    <!-- 外部javascript -->
</html>

//js 代码
console.log('i\'m the best boy!');

基础语法


javascript基础语法
    JavaScript没有任何直接输出的函数,要想输出数据有以下四种方式:
    1.window.alert()    弹出警告窗
    2.Document.write()  将内容写入html文档内
    3.innerHTML         写入到html元素
    4.console.log()     控制台输出
    只要是使用后两种。

    变量
    1.定义
        存储数据的标识符,使用变量能非常方便的存储和修改内存中的数据。
    2.具体用法
        ·声明变量
        var name;
        ·声明变量并赋值
        var name;
        name="zhangsan"
        ·声明多个变量
        var name, age, sex;
        name="zhangsan";
        age=17;
        sex="nan";
        ·声明多个变量并赋值
        var name="zhangsan",age=17;
    3.语句与注释    
        在javascript中有两种猪似的方法:
            单行注释://注释的内容
            多行注释:/*注释的内容*/
    4.命名规则和规范
        规则:
        1.由字母、数字、下划线、$符号组成,不能以数字开头;
        2.区分大小写;
        3.不能是关键字和保留字,如:while, for, if等。
        规范:(不做强制要求)
        1.变量名必须要有意义;
        2.遵循驼峰命名法。首字母小写,之后的单词首字母都大写,如:getName,setName。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>javascript的基础语法</title>

</head>
<body>
    <div id='dd'>div层</div>
</body>
<script>
    window.alert('我是新弹出的窗口!');
    document.write('我在html文档内!');
    console.log('我在控制台!');
    document.getElementById('dd').innerHTML='div层中的显示';
</script>
<!-- 注意:javascript程序的执行是自上向下的,这里调用了innerHTML,那么在此之前必须要
先加载出html文件,所以javascript的代码放在body体的后面 -->
</html>

数据类型的介绍

数据类型介绍    
    数据类型分为两大类:
        值类型:字符串类型(string)、数字类型(Number)、对空类型(Null)、布尔类型(Boolean)、未定义类型(Undefined)、symbol类型。
            注意:symbol类型是ES6引入的新的数据类型,表示独一无二的数据。
        引用类型:对象(Object)、数组(Array)、函数(Function)。

        值类型和引用类型的理解:
            值类型:变量之间的赋值,指将变量的值复制一份给新的变量,新的变量带着这个值存储到新开辟的内存里。
            引用类型:引用数据在相互赋值的时候,对象没有复制,只是多产生了指向它的指针,因此,引用类型大量使用的话,占内存会小一点。
    type of操作符获取一个变量的类型,返回结果如下:
        ·undefined——当数据是undefined类型
        ·number——当数据是number类型
        ·string——当数据是string类型
        ·boolean——当数据是boolean类型
        ·object——当数据是object类型、array类型或者null类型
        ·function——当数据是函数(function)类型
            注意:undefined和null类型的区别:值相同,数据类型不同。
    数据类型之间的转换:
    1.通过使用javascript函数;
    2.通过JavaScript的自身转换;

    ECMAScript 中提供的三种强制类型转换如下:
    Number(value) 转换为number类型
    String(value) 转换为String类型
    Boolean(value) 转换为布尔类型

    使用Number()、parseInt()、parseFloat()做数字类型转换。
    Number()强转一个数值(可以成整数,也可以成浮点数);
    parseInt()强转一个数值成整数;
    parseFloat()强转一个数值成浮点数;

数据的二八十六进制的转换

数据的二八十六进制的转换
    对语前端人员进制的转换并不是很重要,但是对后端人员进制是必须掌握的知识点。
    逢二进一为二进制;逢八进一为八进制;逢十进一为十进制;逢十六进一为十六进制。
    各进制包含的数字:
        二进制(Binary)0,1
        八进制(O)0,1,2,3,4,5,6,7
        十进制(D)0,1,2,3,4,5,6,7,8,9,
        十六进制(H)0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f
    1.二进制的转换:(以1111(B))
    转换为十进制:1*2^3+1*2^2+1*2^1+1*2^0=15(D)(当大家熟练了之后,直接就是8,4,2,1相加即可)
    转换为八进制:从后往前,每三个数为一个单位,不够补零,计算出十进制数结果按顺序排列即可。001,111即八进制表示为17(O)
    转换为十六进制:从后往前,每四个数为一个单位,不够补零,计算出的十进制数按顺序排列即可。1111即十六进制表示为f。
    2.其他进制转为二进制:
    十进制转为二进制(以255为例):将数除以而的到的余数(0和1),逆序排列即可,详情请见附图。答案为:11111111(B)
    八进制转为二进制(以71为例):将各位上的数分别化为三位二进制数,按顺序排列。答案为:111001(B)
    十六进制转为二进制(以f9为例):将各位上的数分别化为位二进制数,按顺序排列。答案为:11111001(B)
    到此,所有的进制之间都可以用二进制作为枢纽相互转换。

十进制转换为二进制示例:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值