#前端: 页面设计/骨架 页面美化/样式 数据交互 数据展现 前端服务器
前端之Javascript JS
# 编程语言
数据类型 数据结构 逻辑 运算 各种 控制流程(分支 循环)
# js构成
#ECMAScript ES决定了js的语法部分
#B O M 浏览器对象模型 window
#D O M 文档对象模型 document
# js的书写位置
#写在标签的事件属性中 eg:onclick 鼠标的单击事件
<a href="css代码" noclick= "js的代码"></a>
一般写在事件属性中的代码只写一句话:调用函数
# 写在页面的script标签中
<script>
//单行注释
/*多行注释 */
</script>
一般会将script标签 写在 页面body的后面
# 写在外部的js文件中,然后通过script标签js文件引入界面
#编程规范
#注释
#关键字
eg:public class static for function ……
#代码的命名规范
总规则:必须由英文的大小写、数字、下划线 …… 构成
绝对不能使用数字命名,不能以数字开头。
变量名:小驼峰,首字母绝对小写,后面如果多个单词构成,后续单词字母大写
eg: helloWord
下划线分割法 hello_word
函数名:同上,小驼峰
#js的测试代码
#直接弹出警告框 window.alert("hello word")
#直接在控制台输出内容 console.log("日志的内容")
#直接在浏览器显示
document.write("hello world")
前提:如果页面上没有任何数据,可以考虑用这种测试方法
#数据类型 (弱类型)
#定义变量 统一使用 var 变量名 = 值
let 变量名 = 值
#分类
-基本类型:整数 小数(浮点数) 字符串 "" '' 布尔类型(true/false)
-引用类型:数组 函数/方法 对象
-特殊类型: null(空/指针) NaN( Not A Number) undefined 未定义
#运算符
#数学运算符
+ - * / %取余 ……
思考:a++ 与 ++a的区别
#关系运算符
> < <= == ===全等 != 不等于
#逻辑运算符(运算结果一定是布尔类型)
并且&& and 或者or 丨丨 取反!
#拼接运算
+ 如果加号左右两边数据都是数字,那就是数学加法运算
如果加号左右两边数据不一致,那就是拼接
#三元运算
A ? B : C
A:条件判断,结果必须是布尔类型
B:如果A判断成立,执行B代码
C:如果A的结果不成立false,就执行C代码
#定义函数
//构造函数
function 函数名(){
}
调用函数后:函数才会执行。