JavaScript 编码原则*4(JavaScript的基本数据类型使用/常用的输入输出语句介绍/JavaScript和Java有什么关系) | 青训营

86 阅读3分钟

知识点一

网页支持深色和浅色两种浏览模式(加入了checkbox):

image.png

注意:应该避免用JS直接操作样式

知识点二

网站的轮播图组件:

结构:HTML(无序列表

    来实现)

    image.png

    表现:CSS(使用绝对定位将图片重叠,轮播图切换用修饰符modifier,切换动画用CSS transition)

    image.png

    行为:JS
    API(功能) Event(控制流)

    image.png image.png

    缺点:如果要删除插件的话要一个个删除代码

    解决方法:

    插件化

    image.png

    把HTML模板化

    image.png

    抽象化(组件框架)

    image.png

    知识点三

    过程抽象

    eg:

    image.png

    操作次数限制: 一些异步交互 一次性HTTP请求

    image.png

    知识点四

    高阶函数

    知识点五

    编程范式

    知识点六

    JavaScript中的数据类型分为两大类,分别是基本数据类型和复杂数据类型(或称为引用数据类型),如图所示。

    image.png

    本节重点讲解基本数据类型。下面我们用代码演示基本数据类型的使用。

    (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()语句!');
    
    1. 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引擎进行解释执行,把一个原本只用来显示的页面转变成支持用户交互的页面程序。