知识点一
网页支持深色和浅色两种浏览模式(加入了checkbox):
注意:应该避免用JS直接操作样式
知识点二
网站的轮播图组件:
结构:HTML(无序列表
- 来实现)
表现:CSS(使用绝对定位将图片重叠,轮播图切换用修饰符modifier,切换动画用CSS transition)
行为:JS
API(功能)
Event(控制流)
缺点:如果要删除插件的话要一个个删除代码
解决方法:
插件化
把HTML模板化
抽象化(组件框架)
知识点三
过程抽象
eg:
操作次数限制: 一些异步交互 一次性HTTP请求
知识点四
高阶函数
知识点五
编程范式
知识点六
JavaScript中的数据类型分为两大类,分别是基本数据类型和复杂数据类型(或称为引用数据类型),如图所示。
本节重点讲解基本数据类型。下面我们用代码演示基本数据类型的使用。
(1)数字型(Number),包含整型值和浮点型值:
var numl = 21; //整型值
var num2 = 0.21; //浮点型值
(2)布尔型(Boolean),包含 true 和false 两个布尔值 :
var booll = true; //表示真、1、成立
var bool2 = false; // 表示假、0、不成立
(3)字符串型(String),用单引号或双引号包裹:
var strl = ''; //空字符串
var str2 = 'abc'; //单引号包裹的字符串 abc
var str3 = "abc"; //双引号包裹的字符串 abc
(4)未定义型(Undefined),只有一个值 undefined :
var a; // 声明变量 a,未赋值,此时 a就是undefined
var b = undefined; //变量b的值为 undefined
(5)定型(Null),只有一个值null:
var a = null; //变量a的值为nu11
需要注意的是,代码中的值 tue、false、undefined和null全部都要写成小写字母。
知识点七
1. document.write()
document.write0的输出内容中如果含有HTML标签,会被浏览器解析。下面利用documenL.write0在页面中输出“我是document.write0语句!”,示例代码如下。
document.write('我是document.write()语句!');
- console.log()
利用console.log0语句在控制台输出“我是console.log0语句!”,示例代码如下。
console.log('我是console.log()语句!');
console:.log0的输出结果需要在浏览器的控制台中查看。在Chrome 浏览器中按“F12”键(或在网页空白区域右击,在弹出的菜单中选择“检查”)启动开发者工具,然后切换到“Console”(控制台)面板,即可看到console.log0的输出结果。
3.prompt()
利用prompt0语句实现在页面中弹出一个带有提示信息的输入框,示例代码如下。
prompt(请输入姓名:');
上述示例代码运行后,将在页面中弹出一个输人框并提示用户“请输人姓名:”提示框。
知识点八
JavaScript是网页中的一种脚本语言,其前身叫做LiveScript,由Netscape(网景)公司开发。后来在Sun公司推出著名的Java语言之后,Netscape公司和Sun公司于1995年一起重新设计了LiveScript,并把它改名为JavaScript。
JavaScript命名最初是受Java启发而来的。因为当时Java非常热门,但LiveScript却籍籍无名,为了让这门新生语言能够更好地传播,Netscape(网景公司)将名字改成了JavaScript。因此JavaScript除了名字和Java比较像之外,其语言风格和Java相去甚远。JavaScript在设计时并未参考Java,而是参考了Self和Scheme这样的语言。
JavaScript内嵌于HTML网页中,通过浏览器内置的JavaScript引擎进行解释执行,把一个原本只用来显示的页面转变成支持用户交互的页面程序。