• L4-JavaScript基础知识


    JavaScript组成

      ECMAScript:解释器,翻译。它是JavaScript的核心

      DOM:Document Object Model   操作HTML的能力

      BOM:Browser Object Model 操作window的能力

    变量类型

      类型:typeof运算符

        用法:返回值

        常见类型:number、string、boolean、undefined、object、function

    数据类型转换

      parseInt:字符串 ==(转正整数)》数字

      parseFloat:处理小数

      isNaN:判断是否是非数字

    运用:例子求和(计算两文本框的和)

    <input type = "text" id = "txt1"/>

    <input type = "text" id = "txt2"/>

    <input type = "button" id = "btn1" value = "求和"/>

    js

    window.onload = function(){

    var oTxt1 = document.getElementById("txt1");

    var oTxt2 = document.getElementById("txt2");

    var oBtn = document.getElementById("btn1");

    oBtn.onclick = function(){

      var num1 = parseInt(oTxt1.value);

      var num2 = parseInt(oTxt2.value);

      if(isNaN(num1){

        alert("the first value is not a number");

      }

      else if(isNaN(num2)){  

          alert("the second value is not a number");

        }

        else{

          return num1 + num2;

        }

    }

      显示类型转换(强制类型转换)

        parseInt()、parseFloat()

      隐式类型转换

        == 、===、减法

    变量的作用域和闭包

      变量作用域(作用范围)

        局部变量、全局变量

      什么是闭包

        子函数可以使用父函数中的局部变量(初步理解)

    function father(){  //  父函数

      var a = 12;

      function children(){  // 子函数

        alert('a');

      }

      children();

    }

    father();  //  12

    运算符

      算术:加、减、乘、除、求模(%)

      赋值:=、+=、-=、/=、%=

      关系:>、<、!=

      逻辑:&&与、||或、!否

    运算符优先级:括号

    例子:

      求模的应用:隔行变色(循环、判断)、秒转时钟(秒/60:分 秒%60:秒)

      逻辑的应用:全选与反选

    程序流程控制

      判断:if 、 switch、 ? : (三元运算符)

      循环:for、 while 、 

      跳出:break、continue

    switch(变量){

      case 值1:

        语句

        break

    case 值2:

        语句

        break

    ........

    default:

        语句

        break

    }

    例子:根据性别的问候

     

    Json

      什么是json?

        是一种轻量级的数据交换格式,基于ECMAScript的一个子集。

        JSON 数据的书写格式是:名称/值对。

      JSON[1]  结构有两种结构[2] 
     
    json简单说就是javascript中的对象和数组,所以这两种结构就是对象和数组两种结构,通过这两种结构可以表示各种复杂的结构。
     
    1、对象:对象在js中表示为“{}”括起来的内容,数据结构为 {key:value,key:value,...}的键值对的结构,在面向对象的语言中,key为对象的属性,value为对应的属性值,所以很容易理解,取值方法为 对象.key 获取属
     
    性值,这个属性值的类型可以是 数字、字符串、数组、对象几种。
     
    2、数组:数组在js中是中括号“[]”括起来的内容,数据结构为 ["java","javascript","vb",...],取值方式和所有语言中一样,使用索引获取,字段值的类型可以是 数字、字符串、数组、对象几种。
     
    经过对象、数组2种结构就可以组合成复杂的数据结构了。
     

     

  • 相关阅读:
    基于springBoot使用templates技术
    springBoot将配置文件读取进对象
    Django学习笔记二十二——Django的简易项目之账户注册的实现
    Django学习笔记二十一——Django的auth模块
    Django学习笔记二十——Django请求流程梳理总结
    Django学习笔记一十八——Django中间件的使用
    Django学习笔记一十五——cookies和session
    Django学习笔记一十九——补充内容:视图中的CBV和FBV (2020-05-15 15:05)
    Django学习笔记一十八——Django的数据库可视化操作
    Django学习笔记一十七——Django的FORM表单
  • 原文地址:https://www.cnblogs.com/linyongli/p/5300989.html
Copyright © 2020-2023  润新知