推广网站的广告怎样做,沈阳网页设计课程,门户网站建设如何入账,怎样建设一个公司网站文章目录 JavaScript基础第01天1.编程语言概述1.1 编程1.2 计算机语言1.2.1 机器语言1.2.2 汇编语言1.2.3 高级语言 1.4 翻译器 2.计算机基础2.1 计算机组成2.2 数据存储2.3 数据存储单位2.4 程序运行 3.初始JavaScript3.1 JavaScript 是什么3.2 JavaScript的作用3.3 HTML/CSS/… 文章目录 JavaScript基础第01天1.编程语言概述1.1 编程1.2 计算机语言1.2.1 机器语言1.2.2 汇编语言1.2.3 高级语言 1.4 翻译器 2.计算机基础2.1 计算机组成2.2 数据存储2.3 数据存储单位2.4 程序运行 3.初始JavaScript3.1 JavaScript 是什么3.2 JavaScript的作用3.3 HTML/CSS/JS 的关系3.4 浏览器执行 JS 简介3.5 JS 的组成**ECMAScript**DOMBOM 3.6 JS 初体验 4.JavaScript注释4.1 单行注释4.2 多行注释 5.JavaScript输入输出语句6.变量的概念6.1 什么是变量6.2 变量在内存中的存储 7.变量的使用7.2 赋值7.3 变量的初始化7.4 变量语法扩展7.5 变量命名规范7.6 关键字和保留字关键字保留字 8.数据类型8.1 数据类型简介8.2 简单数据类型数字型 Number字符串型 String布尔型BooleanUndefined和 Null 8.3 获取变量数据类型8.4 数据类型转换转换为字符串转换为数字型转换为布尔型 JavaScript基础第01天
1.编程语言概述
1.1 编程
编程 就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码并最终得到结果的过程。
1.2 计算机语言
计算机语言的种类非常的多总的来说可以分成机器语言汇编语言和高级语言三大类。
1.2.1 机器语言
实际上计算机最终所执行的都是 机器语言它是由“0”和“1”组成的二进制数二进制是计算机语言的基础。
1.2.2 汇编语言
汇编语言和机器语言实质是相同的都是直接对硬件操作只不过指令采用了英文缩写的标识符容易识别和记忆。 1.2.3 高级语言
高级语言包括了很多编程语言常用的有C语言、C、Java、C#、Python、PHP、JavaScript、Go语言等。 1.4 翻译器
高级语言所编制的程序不能直接被计算机识别必须经过转换才能被执行为此我们需要一个翻译器。翻译器可以将我们所编写的源代码转换为机器语言。 2.计算机基础
2.1 计算机组成 硬件 CPU硬盘内存 软件 QQ谷歌浏览器
2.2 数据存储
计算机内部使用二进制 0 和 1来表示数据。所有数据包括文件、图片等最终都是以二进制数据0 和 1的形式存放在硬盘中的。硬盘、内存都是保存的二进制数据。
2.3 数据存储单位
bit byte kb GB TBPBEBZBYBBBNBDBCBXB位(bit) 1bit 可以保存一个 0 或者 1 最小的存储单位 字节(Byte)1Byte 8b 1Byte可以保存一个英文字母或者是1个数字汉字是2个字节 千字节(KB)1KB 1024B 兆字节(MB)1MB 1024KB 吉字节(GB): 1GB 1024MB 太字节(TB): 1TB 1024GB
2.4 程序运行
计算机运行软件的过程
打开某个程序时先从硬盘中把程序的代码加载到内存中CPU执行内存中的代码
3.初始JavaScript
3.1 JavaScript 是什么 https://baike.baidu.com/item/%E5%B8%83%E5%85%B0%E7%99%BB%C2%B7%E8%89%BE%E5%A5%87/58101949?fraladdinfromtitleBrendan%20Eichfromid561441
JavaScript 是世界上最流行的语言之一是一种运行在客户端的脚本语言 Script 是脚本的意思脚本语言不需要编译运行过程中由 js 解释器( js 引擎逐行来进行解释并执行
3.2 JavaScript的作用
表单动态校验密码强度检测 JS 产生最初的目的 网页特效服务端开发(Node.js)桌面程序(Electron)游戏开发(cocos2d-js)
3.3 HTML/CSS/JS 的关系 html网页的基本结构 css网页样式美化 js网页的行为
3.4 浏览器执行 JS 简介
浏览器分成两部分渲染引擎和 JS 引擎
浏览器本身并不会执行JS代码而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。
JS 引擎执行代码时逐行解释每一句源码转换为机器语言然后由计算机去执行。
3.5 JS 的组成 ECMAScriptJavascript基础语法 DOM文档对象模型 BOM浏览器对象模型 ECMAScript ECMAScript 是由ECMA 国际 原欧洲计算机制造商协会进行标准化的一门编程语言这种语言在万维网上应用广泛JavaScript是 ECMAScript 语言的实现和扩展。 ECMAScript规定了JS的编程语法和基础核心知识是所有浏览器厂商共同遵守的一套JS语法工业标准。 DOM **文档对象模型**DocumentObject Model简称DOM是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过 DOM 提供的接口可以对页面上的各种元素进行操作大小、位置、颜色等BOM **浏览器对象模型**(Browser Object Model简称BOM) 是指浏览器对象模型它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口比如弹出框、控制浏览器跳转、获取分辨率等。3.6 JS 初体验
JS 有3种书写位置分别为行内、内嵌和外部。 行内式 input typebutton value点我试试 onclickalert(Hello World) /可读性差 在html中编写JS大量代码时不方便阅读引号易错引号多层嵌套匹配时非常容易弄混 内嵌式 scriptalert(Hello World~!);
/script可以将多行JS代码写到 script 标签中内嵌 JS 是学习时常用的方式 外部JS文件 script srcmy.js/script利于HTML页面代码结构化把大段 JS代码独立到 HTML 页面之外既美观也方便文件级别的复用 引用外部 JS文件的 script 标签中间不可以写代码 适合于JS 代码量比较大的情况
4.JavaScript注释
4.1 单行注释
单行注释的注释方式如下
// 用来注释单行文字 快捷键 ctrl / 4.2 多行注释
多行注释的注释方式如下
/* */ 用来注释多行文字 默认快捷键 alt shift a 5.JavaScript输入输出语句
为了方便信息的输入输出JS中提供了一些输入输出语句其常用的语句如下
方法说明归属alert(msg)浏览器弹出警示框浏览器console.log(msg)浏览器控制台打印输出信息浏览器prompt(info)浏览器弹出输入框用户可以输入浏览器
注意alert() 主要用来显示消息给用户console.log() 用来给程序员自己看运行时的消息。
6.变量的概念
6.1 什么是变量 要知道的 程序处理的是数据数据存储在内存中 什么是变量 变量是计算机内存中存储数据的标识符根据变量名称可以获取到内存中存储的数据 为什么要使用变量 使用变量可以方便的获取或者修改内存中的数据 白话变量就是一个装东西的盒子。
6.2 变量在内存中的存储
7.变量的使用
7.1 声明变量 var age;var 是一个 JS关键字用来声明变量( variable 变量的意思 )。 age 是程序员定义的变量名我们要通过变量名来访问内存中分配的空间
7.2 赋值
age 10; 用来把右边的值赋给左边的变量空间中 此处代表赋值的意思
7.3 变量的初始化
var age 18; 7.4 变量语法扩展 更新变量
var age 18; age 81; - 同时声明多个变量同时声明多个变量时只需要写一个 var 多个变量名之间使用英文逗号隔开。js
var age 10, name zs, sex 2; 声明变量特殊情况 情况说明结果var age ; console.log (age);只声明 不赋值undefinedconsole.log(age)不声明 不赋值 直接使用报错age 10; console.log (age);不声明 只赋值,不建议使用10
7.5 变量命名规范
规则 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成如usrAge, num01, _name 严格区分大小写。var app; 和 var App; 是两个变量 不能 以数字开头。 18age 是错误的 不能 是关键字、保留字。例如var、for、while 变量名必须有意义。 遵守驼峰命名法。首字母小写后面单词的首字母需要大写。myFirstName
7.6 关键字和保留字
关键字
关键字是指 JS本身已经使用了的字不能再用它们充当变量名、方法名。包括break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with 等。保留字
现阶段版本未使用但以后版本可能会作为关键字使用所以也要避免使用这些保留字goto当标识符
8.数据类型
8.1 数据类型简介 为什么需要数据类型 在计算机中不同的数据所需占用的存储空间是不同的为了便于把数据分成所需内存大小不同的数据充分利用存储空间 于是定义了不同的数据类型。 变量的数据类型 JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型在程序运行过程中类型会被自动确定var age 10; // 这是一个数字型
var userName 码上未来; // 这是一个字符串 数据类型的分类 JS 把数据类型分为两类 简单数据类型 Number,String,Boolean,Undefined,Null 复杂数据类型 Object, Array, function)
8.2 简单数据类型 简单数据类型基本数据类型 JavaScript 中的简单数据类型及其说明如下 简单数据类型说明默认值Number数字型整型和浮点型24、24.1、24.00Boolean布尔型true、false、等价于1和0falseString字符串“张三”表示文本“”Undefinedvar a; 声明了但是没赋值此时结果就是undefinedundefinedNullvar a null把null值赋予给了a后面课程会详细讲到什么是nullnull
数字型 Number
JavaScript 数字类型既可以保存整数也可以保存小数(浮点数。
var age 21;
var Age 21.3747;
var PI 3.141592653 数字型范围
JavaScript中数值的最大和最小值 最大值Number.MAX_VALUE这个值为 1.7976931348623157e308 最小值Number.MIN_VALUE这个值为5e-324 console.log(Number.MIN_VALUE);
console.log(Number.MAX_VALUE);数字型三个特殊值 Infinity 代表无穷大大于任何数值 -Infinity 代表无穷小小于任何数值 NaN Not a number代表一个非数值 isNaN 用来判断一个变量是否为非数字的类型返回 true 或者 false
var userName andy;
var isOk isNaN(userName);
console.log(isOk); // true andy是一个非数字字符串型 String
字符串型可以是引号中的任意文本其语法为 双引号 “” 和 单引号’’
var strMsg 我爱北京天安门~; // 使用双引号表示字符串
var strMsg2 我爱吃猪蹄~; // 使用单引号表示字符串
// 常见错误
var strMsg3 我爱大肘子; // 报错没使用引号会被认为是js代码但js没有这些语法 因为 HTML 标签里面的属性使用的是双引号JS 这里我们更推荐使用单引号。 字符串引号嵌套 JS 可以用单引号嵌套双引号 或者用双引号嵌套单引号 (外双内单外单内双) var strMsg 我是高帅富程序猿; // 可以用包含
var strMsg2 我是高帅富程序猿; // 也可以用 包含
// 常见错误
var badQuotes What on earth?; // 报错不能 单双引号搭配字符串转义符 类似HTML里面的特殊字符字符串中也有特殊字符我们称之为转义符。 | 转义符 | 解释说明 | | ------ | --------------------------------- | | \n | 换行符n 是 newline 的意思 | | \ \ | 斜杠 \ | | ’ | ’ 单引号 | | | ”双引号 | | \t | tab 缩进 | 字符串长度 字符串是由若干字符组成的这些字符的数量就是字符串的长度。通过字符串的 length 属性可以获取整个字符串的长度。 var strMsg 我是帅气多金的程序猿;
alert(strMsg.length); 字符串拼接 多个字符串之间可以使用 进行拼接其拼接方式为 字符串 任何类型 拼接之后的新字符串 拼接前会把与字符串相加的任何类型转成字符串再拼接成一个新的字符串 //1.1 字符串 相加
alert(hello world); // hello world
//1.2 数值字符串 相加
alert(100 100); // 100100
//1.3 数值字符串 数值
alert(11 12); // 1112 号总结口诀数值相加 字符相连 字符串拼接加强 console.log(小明 18); // 只要有字符就会相连
var age 18;
console.log(小明age岁啦); // 这样不行哦
console.log(小明 age); 布尔型Boolean
布尔类型有两个值true 和 false 其中 true 表示真对而 false 表示假错。
布尔型和数字型相加的时候 true 的值为 1 false 的值为 0。
console.log(true 1); // 2
console.log(false 1); // 1Undefined和 Null
一个声明后没有被赋值的变量会有一个默认值undefined ( 如果进行相连或者相加时注意结果
var variable;
console.log(variable); // undefined
console.log(你好 variable); // 你好undefined
console.log(11 variable); // NaN
console.log(true variable); // NaN 一个声明变量给 null 值里面存的值为空学习对象时我们继续研究null)
var vari null;
console.log(你好 vari); // 你好null
console.log(11 vari); // 11
console.log(true vari); // 18.3 获取变量数据类型 获取检测变量的数据类型 typeof 可用来获取检测变量的数据类型 var num 18;
console.log(typeof num) // 结果 number 不同类型的返回值
8.4 数据类型转换
什么是数据类型转换
使用表单、prompt 获取过来的数据默认是字符串类型的此时就不能直接简单的进行加法运算而需要转换变量的数据类型。通俗来说就是把一种数据类型的变量转换成另一种数据类型通常会实现3种方式的转换
转换为字符串类型转换为数字型转换为布尔型
转换为字符串
三种转换方式更多第三种加号拼接字符串转换方式 这一种方式也称之为隐式转换。 var a 123;console.log(typeof String(a))//stringconsole.log(typeof (a.toString()))//stringvar c a 123console.log(typeof c)//string转换为数字型 **parseInt()**转换注意点:
1.如果带有小数转换时去掉小数但不是四舍五入
2.特性如果第一个为数字则继续解析直到遇到字符停止解析 var str 123;str parseInt(str)console.log(typeof str)//numberconsole.log(str)//123console.log(parseInt(码上未来))//NaN var num parseInt(123.456)console.log(num)//123 会舍弃小数点var num1 parseInt(123abc456)console.log(num1)//123 遇到abc这种字符就停止解析,后面有数字也不解析了**parseFloat()**转换注意点:
与parseInt一样但是可以保留小数 var str1 123.456;str1 parseFloat(str1)console.log(typeof str1)//numberconsole.log(str1)//123.456**Number()**转换注意点
1.如果转换的内容可以转换成数字那么就直接返回这个内容的数字
2.如果不可以转换比如是string类型文本返回NaN
3.如果在内容中出现小数那么小数会保留
4.如果内容为空那么转换为0 var str2 ;str2 Number(str2)console.log(typeof str2)//number console.log(str2)//123console.log(Number())//0 隐式转换是我们在进行算数运算的时候JS 自动转换了数据类型 console.log(6 2)//62 字符串拼接console.log(6 - 2)//4 隐式转换console.log(6 * 2)//12 隐式转换console.log(6 / 2)//3 隐式转换console.log(6 % 2)//0 隐式转换转换为布尔型 代表空、否定的值会被转换为 false 如 ‘’、0、NaN、null、undefined 其余值都会被转换为 true console.log(Boolean()); // false
console.log(Boolean(0)); // false
console.log(Boolean(NaN)); // false
console.log(Boolean(null)); // false
console.log(Boolean(undefined)); // false
console.log(Boolean(小白)); // true
console.log(Boolean(12)); // true
