发表于: 2019-07-24 21:01:01

1 916


今天完成了什么:

还在看js基础;


遇到了什么问题:

暂无,


今天收获了什么:


Web前端有三层:

  • HTML:从语义的角度,描述页面结构

  • CSS:从审美的角度,描述样式(美化页面)

  • JavaScript:从交互的角度,描述行为(提升用户体验)

JavaScript是世界上用的最多的脚本语言


JavaScript的组成

JavaScript基础分为三个部分:

  • ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符、函数、if语句、for语句等。

  • DOM:文档对象模型,操作网页上的元素的API。比如让盒子移动、变色、轮播图等。

  • BOM:浏览器对象模型,操作浏览器部分功能的API。比如让浏览器自动滚动。

PS:JS机械重复性的劳动几乎为0,基本都是创造性的劳动。而不像HTML、CSS中margin、padding都是机械重复劳动。

   JavaScript的特点

(1)简单易用:可以使用任何文本编辑工具编写,只需要浏览器就可以执行程序。

(2)解释型语言:事先不需要被编译为机器码再执行,逐行执行、无需进行严格的变量声明。

由于少了编译这一步骤,所以解释型语言开发起来尤为轻松,但是解释型语言运行较慢也是它的劣势。不过解释型语言中使用了JIT技术,使得运行速度得以改善。

(3)基于对象:内置大量现成对象,编写少量程序可以完成目标

alert语句

alert(英文翻译为“警报”)的用途:弹出“警告框”

如果写了两个alert()语句的话,网页的效果是:弹出第一个警告框,点击确定后,继续弹出第二个警告框。

<body>
<script type="text/javascript">

alert("今天天气");

</script>

</body>


控制台输出:console.log("")

console.log("")表示在控制台中输出。console表示“控制台”,log表示“输出”。

控制台在Chrome浏览器的F12中。控制台是工程师、程序员调试程序的地方。程序员经常使用这条语句输出一些东西,来测试程序是否正确。

script type="text/javascript">

console.log("我今天很帅")
</script>


用户输入:prompt()语句

prompt()就是专门用来弹出能够让用户输入的对话框。用得少,测试的时候可能会用。

JS代码如下:

var a = prompt("请随便输入点什么东西吧");  console.log(a);

上方代码中,用户输入的内容,将被传递到变量 a 里面。



prompt()语句中,用户不管输入什么内容,都是字符串。

alert和prompt的区别:

alert("从前有座山"); //直接使用,不需要变量

var a = prompt("请输入一个数字");// 必须用一个变量,来接收用户输入的值



变量名有命名规范:只能由英语字母、数字、下划线、美元符号$构成,且不能以数字开头,并且不能是JavaScript保留字。


整理一下变量的命名规则

1.建议用驼峰命名规则:getElementById/matherAndFather/aaaOrBbbAndCcc

2.变量命名必须以字母或是下标符号”_”或者”$”为开头。

3.变量名长度不能超过255个字符。

4.变量名中不允许使用空格,首个字不能为数字。

5.不用使用脚本语言中保留的关键字保留字作为变量名。

6.变量名区分大小写(javascript是区分大小写的语言)。

7.汉语可以作为变量名。但是不建议使用,因为 low。



变量里面能够存储数字、字符串等。变量会自动的根据存储内容的类型不同,来决定自己的类型。

在JS中一共有六种数据类型

  • 基本数据类型(值类型):String 字符串、Number 数值、Boolean 布尔值、Null 空值、Undefined 未定义。

  • 引用数据类型(引用类型):Object 对象。

注意:内置对象function、Array、Date、RegExp、Error等都是属于Object类型。也就是说,除了那五种基本数据类型之外,其他的,都称之为 Object类型。


数据类型之间最大的区别

  • 基本数据类型:参数赋值的时候,传数值。

  • 引用数据类型:参数赋值的时候,传地址(修改的同一片内存空间)。


梳理了下js需要点的技能和小课堂汇总;


明天计划:

继续完成任务


返回列表 返回列表
评论

    分享到