0
点赞
收藏
分享

微信扫一扫

前端学习——js基本语法

sullay 2022-02-16 阅读 93

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

举报

相关推荐

0 条评论