小恐龙游戏
无敌金身: Runner.instance_.gameOver = function(){}
凌波微步: Runner.config.SPEED = 13
js代码是运行在浏览器
控制台 console.log()
前端三大件:
html 超文本标记语言 结构
css 层叠样式表 样式美化
js 行为 让我们页面动起来
js学习方式
1.上课认真听讲 听完再敲 一环扣一环
2.千万不要直接写作业
3.把当天的上课案例敲两到三遍 再开始写作业
4.千万不要钻牛角尖 没有那么多为什么
今日目标:
- JavaScript简介
- JavaScript入门
- JavaScript基础语法
- 数据类型
- 运算符
- JavaScript简介
1.JavaScript是一门强大的编程语言,它既是一门非常简单的语言,又是一门非常复杂的语言。
2.js出现就是为了解决表单验证 提升用户的体验感 现在页面上的很多交互都是用js写的。
3.为什么要学习javaScript
1.html 结构
2.css 样式
3.js 行为
一个完整的网页离不开JavaScript
4.Js用在哪?
1.表单验证
2.动态HTML
3.用户的交互行为
4.数据的绑定
5.AJAX核心技术
6.很牛叉
ES5 经典版本
ES6 ES2015里程碑式版本
5.JavaScript与Java没有任何关系 这两种语言是不同的两种语言,
只是名字上有一个Java而已。
二.JavaScript入门
1.css写在哪?(三种引入方式)
1.内嵌式 通过标签的style属性 写在标签里面
2.内联式 通过style双标签 进行css代码的书写
3.外链式 通过link上面的herf属性进行跳转
2.js代码写在哪?
1.内嵌式 写在开始标签上 通过onclick属性进行js代码书写
注意:内单外双 外双内单
缺点:不便于维护 很混乱 不推荐使用
2.内联式 通过script双标签进行js代码书写
优点 方便 用在学习阶段
3.外链式 步骤:
1.先创建一个.js文件
2.通过script双标签上的src属性 引入js文件
3.完成
优点:便于维护 主要用在项目中
4.协议版本(了解)
a标签上的herf属性 "JavaScript:alert('内容')" ---几乎不用(了解)
3.js代码书写注意点:
1.外链式和内联式 不要混合使用 混合使用只会显示外链式的js
2.js代码写在body结束标签上面 先有结构才有交互
3.遵循内单外双 内双外单
4.js的三种输出方式
1.弹框输出 alert(内容)
2.控制台 console.log(内容) console控制台,log日志 在控制台打印日志信息
3.页面输出 document.write(内容) //document文档,指的就是当前网页,write写入
三.js的基础语法
//html css 首行缩进text-indent 背景定位background
1.变量
变:变化 量:数据 变化的数据
变量是用来存储值的一个'容器'
#变量的语法:关键字 变量名=数据
#变量的三种定义方式的区别
1.能不能重新声明(关键字+相同的变量名)
let 不能
var 能
const 不能
2.能不能重新赋值(将新的数据放到变量中)
let 能
var 能
const 不能
#变量的命名规则
1.只能由数字/字母/下划线(_)/美元符($)组成
2.不能以数字开头
3.不能有保留字和关键字
#变量命名规范
1.见名知意
2.多个单词 用下划线间隔 或者小驼峰
2.数据类型
概念 就是把日常的数据 在代码中 换成专业的说法
文字===>字符串 String
数字===>数字 Number
布尔 boolean 表示对错
未定义 undefined
空 null
1.undefined是什么类型
2.NaN是什么类型
3.null是什么类型
1.数字类型===>number 包括小数
2.字符串 ===>string 常规的文本 需要加引号
3.布尔值 ===>boolean 对错 只有两个值 true false