javascript
网页三剑客
- 一阶段 html5 + css3(静态页面) 网页合成工程师 3-5k
- 二阶段 javascript 前端工程师 7-14k
javascript能做啥
- 网页交互
- 网页的行为交互 用户点击 双击 拖拽效果
- 网页动画
- 数据交互,网页上面的数据都是活的 不是写死的
javascript历史背景
-
最早的浏览器 navigator(导航者)由网景(netscape)公司生产的
-
最早的网页只能看 不能进行交互行为
-
网景请了javascript之父 布兰登.艾奇 花了10天创建了LiveScript,希望推广这门语言,将这门语言改名为javascript
-
IE也想要有navigator功能 自己创建了一个类似于LiveScript的语言 叫做Jscript
-
这样开发者开发一个网站需要写两套代码
-
网景将javascript移交给ECMA(欧洲计算机制造商协会)由ECMA统一一个标准,推出了一个ECMAScript标准
-
我们学习的ECMAScript是5.0版本 --> es5
-
javascript和ECMAscript有什么区别?
-
javascript组成部分
-
ECMAscript标准语法(前四周)
- DOM
- BOM
-
js的三种写法
- 行内
- 在标签上面直接写οnclick=“javascript: js代码”
- 行内的js一般不推荐
- 内部(推荐)
- 在html页面里面写上script,在script里面写js代码
- 外部(推荐)
- 一般推荐script标签的位置是在body的最后,因为js会报错
- 一个script标签是无法支持内部和外部同时使用,一旦使用了会出现内部的js不会执行
-
注释
- 单行注释
- 多行注释
- /* 注释内容 */
- 多行注释快捷键 ctrl+shift+/
-
变量 variable
- 变量就是在计算机中以命名的方式存储一个数据,在我们使用这个数据的时候可以根据这个名称找到这个数据,拿过来使用
- 存的过程(定义变量)
- 取的过程
- 思考题
- 定义变量名的时候没有给他数据 用变量的时候得到的是undefined
- 直接使用一个未曾定义过的变量 会报错 报这个变量not defined
-
变量命名规则和规范
- 规则: ECMAscript定义 必须要遵循的,如果不遵循就会报错
- 变量名是由 英文、数字、下划线、$组成,不能以数字开头
- 名称的中间不能有空格
- 严格区分大小写
- 不能是关键字和保留字
- 关键字: js正在使用的单词 var if else for
- 保留字: js未来版本可能会用到的单词 class long
- 规范:行内的前辈们定义 不遵循不会报错
- 命名要语义化(见名知义)
- 小驼峰命名法
- 多个单词组成一个变量名,从第二个单词开始首字母大写
数据类型
-
基础的数据类型
- 字符串 string
- 数值 number
- 十进制 0 1 2 3 4 5 6 7 8 9
- 二进制 0 1
- 八进制 0 1 2 3 4 5 6 7
- 十六进制 0 1 2 3 4 5 6 7 8 9 a b c d e f
- 布尔 boolean
- undefined
- null
-
区分类型
- 通过控制台打印 看颜色区分 console.log(数据)
- 布尔值、数值在控制台是蓝色
- 字符串在控制台是黑色
- undefined和null在控制台打印是浅灰色
- 检测数据类型的方法
- typeof(数据)
- typeof 数据 推荐使用
- 得到一个该数据的类型单词
- 数值的会返回 ‘number’
- 字符串的会返回 ‘string’
- 布尔的会返回 ‘boolean’
- undefined会返回’undefined’
- null会返回’object’
-
数据类型转换
- 把一个数据类型转换成另一个数据类型
- 把其他类型转换成数值
- 三种方法
- Number(数据)
- parseInt(数据)
- parseFloat(数据)
- 布尔类型、undefined、null转数值采用Number方法进行转换
- true --> 1
- false --> 0
- undefined --> NaN
- null --> 0
- 字符串
- 纯数字的字符串采用Number方法进行转换
- 非纯数字如果需要有小数点用parseFloat如果不需要有小数点用parseInt
- 把其他类型转换成字符串
- 把其他类型转换成布尔值
- 一种方法
- 0 NaN 空字符 undefined null会转换成false 其他都是true
- 把其他类型转换成undefined
- var num = 10
- num = undefined
- 把其他类型转换成null
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。