JavaScript发展历程——标准化的重要性
web发展 -> 网站的概念 -> 网站实体 ->展示数据
HTML标记数据
CSS修饰数据
运行在浏览器端的程序(脚本语言)->控制数据展示的动态效果
NS -> C-- -> ScriptEase
百家争鸣 -> 各种脚本语言诞生
LiveScript -> [Java/SUN] -> JavaScript
Microsoft介入 -> JScript
JavaScript + Sun + ISO -> 标准化语法: ECMAScript
要求:任何工作在浏览器端的脚本语言,必须满足ECMAScript 语法规范,否则浏览器可 以不予支持!
JS开始了快速的发展
2012~2017年间:
之前:脚本语言只是脚本语言,运行在浏览器客户端
之间/未来:可以实现服务端编程
同时:出现了真是的面对对象!
出现了突飞猛进的发展
浏览器产品 -> 好多家浏览器厂商研发 -> 承载数据
标准化:参照标准,任何事情的发展都会经历一个创建、发展、规范、快速发展、稳定, 这样的阶段,在这样的阶段中~任何一个事物的稳定性的前提,都是标准的规范。
只有有了大家公认的标准规范,才能直接推动一个事物的发展。
之后的项目的开发,任何公司都会有自己的开发规范:这样的开发规划,就是开发标准
为了不同公司之间的协同开发,所以发展到现在,大部分公司的开发规范基本一致;所以不同公司之间的开发人员的协同开发,才有了可操作性和可实施性;所以开发人员的跳槽变得更加的简单!
开发人员:工作经验
技术经验:掌握的开发技术、解决问题的能力、开发项目的规范
行业经验:针对某个行业中事情的处理流程、问题的解决方案、工作操作步骤等经验
跳槽
行业接近
语言接近
标准化操作
JavaScript基本语法
JS使用场景(web网络开发):
客户端编程:编写HTML中/js脚本文件中,运行在浏览器中[脚本]
主要实现:网页特效、数据验证、数据交互
服务端编程:编写在服务器上js脚本文件中,运行在Node平台上
主要实现:服务端软件的功能流程处理[编程]
安装、配置、开发环境
安装:客户端编程 不需要安装【服务端开发:需要安装NodeJS环境】
配置:客户端编程 不需要配置【服务端开发:需要配置开发环境】
开发环境:客户端编程~浏览器环境【浏览器引擎对象中包含了JS解释器】
服务端编程~NodeJS运行
基本语法
在HTML网页中,编写的脚本程序
代码位置:三个位置
参考样式:标签内嵌style属性、网页内嵌<style>标签中,外部css文件
JS代码的位置:三个位置
参考样式:标签内嵌style属性、网页内嵌<style>标签中,外部css文件
标签内嵌~事件属性:onclick 鼠标点击
<div onclick='javascript:alert("信息")'></div>
<div onclick='alert("信息")'></div>
网页内嵌~ JS代码写在一对<script></script>标签中
外部脚本~ JS代码写在一个js文件中,通过script标签引入HTML网页
基本语法2:各种对话框
警告信息对话框 alert() [熟练]
信息确认对话框 confirm() [精通]
交互对话框 prompt() [了解]
基本语法3:数据类型、变量、运算符
作为一门编程语言
目的:解决问题
核心:处理数据
操作:增删改查
目标:得到解决方案:结果
处理数据:处理不同类型的数据:对于数据类型的支持:必要
支持:数据类型
python:基本数据类型|组合数据类型|引用数据类型
字符串|数字|布尔|复数 - list|set|tuple|dict - class类型
检测数据类型:type(数据)
数据类型转换:int()/ str() / float()..
JS:基本数据类型
布尔类型Boolean|null(空值)|undefined(未定义)
字符串String|null(空值)|undefined(未定义)
检测数据类型:typeof(数据)
数据类型转换:
Number()讲一个数据转换成数字 - NaN:not a number
parseInt()将一个数据转换成整数
parseFloat()将一个数据转换成浮点数
String()将一个数据转换成字符串,和直接调用.taoString()一个效果
JS中的运算符
赋值运算符 = += -= ..
算数运算符 + - * / % ..
比较运算符 > >= < <= ==(值相等) ===(值、类型、全等)
逻辑运算符 &&(并且 and) | | (或者 or) !(取反 not)
其他更多运算符...
JS中的变量
JS是弱类型的语言,变量的操作使用和python一样
声明变量即可赋值使用
name = "jerry"; 不推荐这样直接操作
JS推荐,任意变量,先通过var关键字声明,然后赋值使用
var name = "tom";
基础语法4:
网页中的JS是用来作什么的?
实现网页特效、数据验证、数据交互等操作
核心:JS操作HTML标签【标签/属性/样式/内容】
JS中获取标签对象
根据标签的id属性获取一个标签对象
docment.getElemengById("id的值")
基础语法5:选择结构
JS中,提供了两种选择结构
判断结构:if-else结构【可以进行范围判断,使用比较运算符】
选择结构:switch-case结构【直接进行全等判断】
基本语法6:循环结构
9×9乘法表
1.for循环
for(var i = 1; i < 10;i++){
for(var j = 1;j < i;j++){
docment.write("<span>"+"i"+"j"+"="+(i*j)+"</span>")
}
docment.write("<br>")
}
2.while循环
var i = 1;
while(i < 10){
var j = 1;
while(j < i);{
docment.write("<span>"+"i"+"j"+"="+(i*j)+"</span>");
j++;
}
docment.write("<br>")
}
3.do while循环
var i = 1;
do{
var j = 1;
do{
docment.write("<span>"+"i"+"j"+"="+(i*j)+"</span>");
j++;
}while(j < i);
docment.write("<span>"+"i"+"j"+"="+(i*j)+"</span>");
i++;
}while(i < 10);
基本语法7:数组操作
声明数组
var _name = Array();通过Array类型创建一个空数组[很少使用]
var _users = []; 通过快捷形式声明了一个空数组[推荐使用]
数组中数据的操作
开头增加数据:unshift(args)
开头删除数据:shift()
末尾增加数据:push(args)
末尾删除数据:pop()
修改 | 查询数据:通过数组的下标进行操作
数组一旦创建,就是固定的长度~如果要实现真实删除一个数据:创建一个新数据