Java复习打卡day34

最新推荐文章于 2021-05-07 14:42:44 发布

weixin_51630304

最新推荐文章于 2021-05-07 14:42:44 发布

阅读量93

点赞数

文章标签：脚本语言

本文链接：https://blog.csdn.net/weixin_51630304/article/details/115869083

版权

Java复习打卡day34

javascript语言的介绍
javascript语言的使用方法
基础语法
数据类型的介绍
数据的二八十六进制的转换

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）
    到此，所有的进制之间都可以用二进制作为枢纽相互转换。

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