W3C标准:
? ? ? 1.结构标准(HTML,XHTML)
? ? ? 2.表现标准(CSS)
? ? ? 3.动态标准(JavaScript,JQuery,Vue...)
*JavaScript ?
? ? 是一种运行在客户端(浏览器)的编程语言,实现人机交互效果.
? ? 作用:
? ? ?网页特效 (监听用户的一些行为让网页作出对应的反馈)
? ? ?表单验证 (针对表单数据的合法性进行判断)
? ? ?数据交互 (获取后台的数据, 渲染到前端)
? ? ?服务端编程 (node.js)?
? ? [JavaScript组织构成]
? ? 1.ECMAScript: 基本语法 例如: 数据类型,循环结构,数组,对象,选择结构.....
? ? =>ES6?
? ? 2.DOM(核心): 文档对象模型
? ? 宗旨: 一切标签,属性,注释等内容都可以当作对象看待,可以通过这些对象去操作页面。
? ? 3.BOM: 浏览器对象模型
? ? 宗旨:一切与浏览器想换的信息都当作对象看待,例如:历史记录,浏览器分辨率,URL信息....
*基本语法
? ?1.JavaScript脚本引入
? ?内部:
? ?<script type="text/javascript">
? ? ?/*javascript代码*/
? ?</script>
? ?外部:
? ?<script type="text/javascript" src="js/Hello.js"></script>
? ?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: 跳过本次循环,整个循环继续
?