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()
修改 | 查询数据：通过数组的下标进行操作
数组一旦创建，就是固定的长度~如果要实现真实删除一个数据：创建一个新数据
网友评论