0215:
一、初识javascript
1.1什么是js
1.javascript 是运行在客户端(不需要配置环境)的脚本语言。
2.脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行。(翻译一行,执行一行)
3.现在可以基于Node.js技术进行服务器端编程。(可以做前台,可以做后台)
1.2js作用
1.3 HTML/CSS/JS的关系
1.HTML/CSS标记语言——描述类语言
- HTML决定网页结构和内容(决定看到什么)
- css决定网页呈现的样式。
2.JS脚本语言——编程类语言。
实现业务逻辑和页面控制(决定功能)
1.4 浏览器执行js简介
浏览器分为两部分:渲染引擎和js引擎
(1)渲染引擎:用来解析html和css,俗称内核。
(2)js引擎:也称为js解释器,用来读取网页中的js代码,对其处理后运行。
浏览器本身不会执行js代码,而是通过内置js引擎(解释器)来执行js代码,js引擎执行代码时逐行解释每一句源码(转化为机器语言),然后由计算机去执行,所以js语言归为脚本语言,会逐行解释执行。
1.5js组成
1.ECMAScript:js基本语法
2.DOM(document object module):页面文档对象模型:对对象中个各种元素进行操作。
3.BOM(Browser):浏览器对象模型。对浏览器窗口互动进行操作。
1.6 js书写位置
(1)行内式:直接写到元素内部(html使用双引号,js使用单引号)
(2)内嵌式:<script>代码</script>
(3) 外部js写法: 创建js文件。然后在html页面中引入。<script src = "my.js"></script>
1.7 js输入与输出
输入:prompt(‘’)
弹框:alert(‘’)
控制台输出:console.log(‘’)
1.8 变量
(1)声明多个变量用逗号隔开
(2)只声明,不赋值:输出undefined
(3)不声明不赋值,直接使用,会报错
(4)不声明,直接赋值使用,可以使用的。
2.数据类型
2.1.(1)js的数据类型是在程序运行过程中,根据右边变量值的数据类型来判断的。
(2)js是动态语言,变量的数据类型是可以变化的。
(3)不同类型的数据占用空间不同,所以要区分数据类型。
2.2.js数据类型
(1)简单数据类型:Number、Boolean、String、Undefined、Null
(2)复杂数据类型:Object
2.2.1 Number
(1)前面带0,表示8进制。0x表示16进制。
(2)最大值 Number:Number.MAX_VALUE;最小值:Number。MIN_VALUE
(3)无穷大,无穷小:Infinity,-Infinity
(4)NaN: not a number
(5)isNaN() //这个方法用来判断非数字,不是数字,返回true,是数字返回false。
2.2.2 String 字符串型
(1)转义字符,用\开头。
(2)str.length 属性,可以计算字符串长度。 var str = “jkjkjk” console.log(str.length)
js:500
DOM BOM 167(暂不用)
jquery:77
ajax:101
Vue开发:
Node.js:96
Vue2+Vue3全套556
React 178
微信小程序 192