W3C标准:
1.结构标准(HTML,XHTML)
2.表现标准(CSS)
3.动态标准(JavaScript,JQuery,Vue...)
*JavaScript
是一种运行在客户端(浏览器)的编程语言,实现人机交互效果.
作用:
Ø网页特效 (监听用户的一些行为让网页作出对应的反馈)
Ø表单验证 (针对表单数据的合法性进行判断)
Ø数据交互 (获取后台的数据, 渲染到前端)
Ø服务端编程 (node.js)
[JavaScript组织构成]
1.ECMAScript: 基本语法 例如: 数据类型,循环结构,数组,对象,选择结构.....
=>ES6
2.DOM(核心): 文档对象模型
宗旨: 一切标签,属性,注释等内容都可以当作对象看待,可以通过这些对象去操作页面。
3.BOM: 浏览器对象模型
宗旨:一切与浏览器想换的信息都当作对象看待,例如:历史记录,浏览器分辨率,URL信息....
*基本语法
1.JavaScript脚本引入
内部:
外部:
2.注释
有两种类型的注释:
•单行注释以双斜杠开头(//)
•多行注释以单斜杠和星号开头(/*),以星号和单斜杠结尾(*/)
3.格式(;)
;号表示行代码结束,但是JavaScript可以省略,前提换行。
4.javaScript大小学严格区分
5.JavaScript时一门弱类型的语言
6.输出方式
-文档输出(HTML): document.write("")
-控制台输出(Console): console.log("")
-弹窗输出(window): window.alter("")
*数据类型和变量
基本数据类型
number(数字型),string(字符串),booolean(布尔类型),null(空),undefined(未定义), Symbol(独一无二的数据类型[ES6])
引用类型
Object(对象类型),array(数组类型),function(函数)
变量定义:
1.[var|let|const] 变量名 = 值 ;
var 修饰的变量实质上是全局变量
let 修饰的变量实质上是局部变量
const 修饰变量表示常量
2.变量名 = 值 ; (默认var)
3.[var|let|const] 变量名 ; 变量名 = 值 ;
4.先赋值再定义 [ES6 变量提升]
函数:
-typeof: 查看数据类型
-parseInt(String value): 转换为number
-parseFloat(String value): 转换为number
变量定义规范:参照Java
*运算符
1.算数运算符
+,-,*,/,%,++,--
注意: 字符串与number类型作"+"运算,则相当于拼接
数字类型字符串与number类型作其他算数运算,解析成为数字后再运算。
非数字类型字符串与number类型作算数运算,则结果为NaN(非数字)
2.条件运算符
&& || !
3.逻辑运算符
> < >= <= == != === !==
==: 只比较值 ===:除了比较值还比较数据类型
4.位运算符
位运算 NOT(~)
位运算 AND(&)
位运算 OR(|)
位运算 XOR(^)
左移运算(<<)
右移运算(>>)
*选择结构和循环结构
选择结构:
if...else
switch:
循环结构:
while
do...while
for
forEach
-for..in :遍历下标
-for..of :遍历值
break: 结束整个循环
continue: 跳过本次循环,整个循环继续