菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 裴虎伟-前端(12)_20221128 [打印本页]

作者: faith 时间: 2022-11-28 19:12
标题: 裴虎伟-前端(12)_20221128
一、今日所学内容
1、JS基础概念
（1）JavaScript是什么：JS是世界上最流行的语言之一，是一种运行在客户端的脚本语言
（2）脚本语言：不需要编译的，运行过程中由JS解释器（JS引擎）逐行来进行解释并执行的
2、JS的作用
（1）表单动态的校验（密码强度进行检测）——>JS最初产生的目的

（2）网页特效——>服务端进行开发（Node.js）

（3）游戏开发（cocos2.js）

3、HTMLcssjs的关系

（1）html决定网页的结构和内容

（2）css决定网页呈现给用户的样式（决定网页好不好看）

（3）JS实现业务逻辑和页面控制（决定功能），让页面和用户之间产生交互

4、浏览器执行JS的简介

（1）渲染引擎：用来解析HTML和CSS，俗称为内核，比如Chrom浏览器的Blink，老版本的WebKit

（2）JS引擎：也叫做JS解释器，用来读取网页中的JS代码，对齐处理后运行，比如Chrom浏览器的V8

5、JS的组成——>分为三部分：ECMAScript(JS语法)、BOM（浏览器对象模型）、DOM（页面文档模型）

6、JS的三种书写方式

（1）行内式

（2）内嵌式

（3）外部引入JS文件

7、JS注释的使用

（1）单行注释

目的：为了提高代码可读性，不会影响JS代码的执行

双斜杠开头，后面跟的内容可以被注释掉（单行）

（2）用/*注释内容*/来表示的，注释内容可以写多行文字，快速注释多行文字的快捷键是（alt+shift+a）

8、JS的输入输出语句

（1）alert(msg)浏览器的弹出警示框

console.log(msg)浏览器的控制台打印输出的信息

prompt(info)浏览器弹出输入框，用户可以进行相关输入

（2）注意点：

alert()主要是来显示消息给用户的

console.log()主要是给程序员自己看程序运行时的代码的

9、JS的变量——>变量的本质：是程序在内存中申请一块空间用来存储数据

10、变量的使用

（1）变量的声明——>varage；声明一个变量名称为age的变量

（2）变量的赋值——>age=10；给age变量赋值为10;用“=”将右边的内容赋值给左边的变量空间中

（3）变量的初始化——>就是声明变量的同时进行赋值操作

（4）更新变量——>一个变量被重新赋值之后，它原有的值就会被覆盖掉，变量值将以最后一次赋值为准

（5）同时声明多个变量——>同时声明多个变量时，只需要写一个var，多个变量名之间用英文的逗号隔开即可

11、变量声明的特殊情况

只声明，不赋值；打印后，会打印undefined，即未被定义

不声明，不赋值；代码会直接报错，也会影响下面代码的执行

不声明，直接赋值；可以直接使用，但是会自动转化为全局变量

12、变量的命名规范

由字母、数字、下划线、美元符号等组成，比如：userAge01、love_name

严格区分大小写，varapp和varApp是两个变量

不要以数字开头，比如：11age这个变量名是错误的

不要用关键字：var、for、while、name等

变量必须要有意义：MMD、BBD这些变量名不要用；使用推荐的命名方法，如：age

变量名书写时，可以使用驼峰式命名法：变量名的首个单词的首字母小写，后面单词的首字母大写，比如：myFirstName

13、JS的数据类型

（1）为什么需要数据类型

在计算机中，不同的数据类型所需占用的存储空间是不同的，为了便于把数据分成相应内存大小来进行存储，充分利用存储空间，所有定义了不同的数据类型

（2）变量的数据类型变量是用来存储值的内存所在地址的，变量的名称可以自定义

二、今日问题

无

三、解决方案

无

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)