• Bash Shell (十一)


    【教程主题】:Bash Shell 

    【课程录制】: 创E

    【主要内容】

    【1】 Hello World!

    几乎所有的讲解编程的书给读者的第一个例子都是 Hello World 程序,那么我们今天也就从这个例子出发,来逐步了解 BASH

    用 vim 编辑器编辑一个 hello 文件如下:

    #!/bin/bash 
    # This is a very simple example
    echo “Hello World”

    一,第一行的 #! 是什么意思

    #! 是说明 hello 这个文件的类型的,有点类似于 Windows 系统下用不同文件后缀来表示不同文件类型的意思(但不相同)。Linux 系统根据 "#!" 及该字串后面的信息确定该文件的类型,关于这一问题同学们回去以后可以通过 "man magic"命令 及 /usr/share/magic 文件来了解这方面的更多内容。


    二,第一行的 /bin/bash 又是什么意思

     

    在 BASH 中 第一行的 "#!" 及后面的 "/bin/bash" 就表明该文件是一个 BASH 程序,需要由 /bin 目录下的 bash 程序来解释执行。BASH 这个程序一般是存放在 /bin 目录下,如果你的 Linux 系统比较特别,bash 也有可能被存放在 /sbin /usr/local/bin /usr/bin /usr/sbin 或 /usr/local/sbin 这样的目录下;如果还找不到,你可以用 "locate bash" "find / -name bash 2> /dev/null" 或 "whereis bash" 这三个命令找出 bash 所在的位置;如果仍然找不到,那你可能需要自己动手安装一个 BASH 软件包了。

     

     

    三,第二行是注释吗 

    第二行的 "# This is a ..." 就是 BASH 程序的注释,在 BASH 程序中从“#”号(注意:后面紧接着是“!”号的除外)开始到行尾的多有部分均被看作是程序的注释。


    四,echo 语句

    三行的 echo 语句的功能是把 echo 后面的字符串输出到标准输出中去。由于 echo 后跟的是 "Hello World" 这个字符串,因此 "Hello World"这个字串就被显示在控制台终端的屏幕上了。需要注意的是 BASH 中的绝大多数语句结尾处都没有分号。


    五,如何执行该程序

     

    如何执行该程序呢?有两种方法:一种是显式制定 BASH 去执行:

    $ bash hello.sh 或
    $ sh hello.sh 

    (这里 sh 是指向 bash 的一个链接,

    “lrwxrwxrwx 1 root root 4 Aug 20 05:41 /bin/sh -> bash”

    或者可以先将 hello 文件改为可以执行的文件,然后直接运行它,此时由于 hello 文件第一行的 "#! /bin/bash" 的作用,系统会自动用/bin/bash 程序去解释执行 hello 文件的:

    $ chmod a+x hello.sh
    $ ./hello.sh

    此处没有直接 “$ hello.sh是因为当前目录不是当前用户可执行文件的默认目录,而将当前目录“.”设为默认目录是一个不安全的设置。

    需要注意的是,BASH 程序被执行后,实际上 Linux 系统是另外开设了一个进程来运行的。

     

     关于输入、输出和错误输出

    在字符终端环境中,标准输入/标准输出的概念很好理解。输入即指对一个应用程序 或命令的输入,无论是从键盘输入还是从别的文件输入;输出即指应用程序或命令产生的一些信息;与 Windows 系统下不同的是,Linux 系统下还有一个标准错误输出的概念,这个概念主要是为程序调试和系统维护目的而设置的,错误输出于标准输出分开可以让一些高级的错误信息不干扰正常的输出 信息,从而方便一般用户的使用。

    在 Linux 系统中:标准输入(stdin)默认为键盘输入;标准输出(stdout)默认为屏幕输出;标准错误输出(stderr)默认也是输出到屏幕(上面的 std 表示 standard)。在 BASH 中使用这些概念时一般将标准输出表示为 1,将标准错误输出表示为 2。下面我们举例来说明如何使用他们,特别是标准输出和标准错误输出。

    输入、输出及标准错误输出主要用于 I/O 的重定向,就是说需要改变他们的默认设置。先看这个例子:

    $ ls > ls_result
    $ ls -l >> ls_result

    上面这两个命令分别将 ls 命令的结果输出重定向到 ls_result 文件中和追加到 ls_result 文件中,而不是输出到屏幕上。">"就是输出(标准输出和标准错误输出)重定向的代表符号,连续两个 ">" 符号,即 ">>" 则表示不清除原来的而追加输出。下面再来看一个稍微复杂的例子:

    $ find /home -name lost* 2> err_result

    这个命令在 ">" 符号之前多了一个 "2""2>" 表示将标准错误输出重定向。由于 /home 目录下有些目录由于权限限制不能访问,因此会产生一些标准错误输出被存放在 err_result 文件中。大家可以设想一下 find /home -name lost* 2>>err_result 命令会产生什么结果?

    如果直接执行 find /home -name lost* > all_result ,其结果是只有标准输出被存入 all_result 文件中,要想让标准错误输出和标准输入一样都被存入到文件中,那该怎么办呢?看下面这个例子:

    $ find /home -name lost* > all_result 2>& 1

    上面这个例子中将首先将标准错误输出也重定向到标准输出中,再将标准输出重定向到 all_result 这个文件中。这样我们就可以将所有的输出都存储到文件中了。为实现上述功能,还有一种简便的写法如下:

    $ find /home -name lost* >& all_result

     

    如果那些出错信息并不重要,下面这个命令可以让你避开众多无用出错信息的干扰:

    $ find /home -name lost* 2> /dev/null

    同学们回去后还可以再试验一下如下几种重定向方式,看看会出什么结果,为什么?

    $ find /home -name lost* > all_result 1>& 2 
    $ find /home -name lost* 2> all_result 1>& 2
    $ find /home -name lost* 2>& 1 > all_result

    另外一个非常有用的重定向操作符是 "-",请看下面这个例子:

    $ (cd /source/directory && tar cf - . ) | (cd /dest/directory && tar xvfp -)

    该命令表示把 /source/directory 目录下的所有文件通过压缩和解压,快速的全部移动到 /dest/directory 目录下去,这个命令在 /source/directory 和 /dest/directory 不处在同一个文件系统下时将显示出特别的优势。

    下面还几种不常见的用法:

    n<&- 表示将 号输入关闭 
    <&- 表示关闭标准输入(键盘)
    n>&- 表示将 号输出关闭
    >&- 表示将标准输出关闭

     

    六 shell特殊参数【命令行参数】

    script 针对参数已经有设定好一些变量名称,对应如下: 

    /path/to/scriptname  opt1  opt2  opt3  opt4  

             $0                   $1    $2    $3    $4 

    执行的脚本档名为 $0 这个变量,第一个接的参数就是 $1  后面类推,

    除了这些数字的变量外, 我们还有一些较为特殊的变量可以在 script 内使用来调用这些参数: 

    ·  $# :代表后接的参数『个数』,以上面为例这里显示为『 4 』; 

    ·  $@ :代表『 "$1" "$2" "$3" "$4" 』之意,每个变量是独立的(用双引号括起来) 

    ·  $* :代表『 "$1c$2c$3c$4" 』,其中 c 为分隔字符,默认为空格键, 所以本例中代表『 "$1 $2 $3 $4" 』之意。

    七 随日期发化:利用 date 文档的建立

    想象一个状况,假如我的服务器内有数据库,数据库每天的数据都不太一样,因此当我备份时, 希望将每天的资料都备份成不同的档名,这样才能够让旧的数据也能够保存下来不被覆盖。 哇!不同文件名呢!这真困扰啊?难道要我每天去修改 script ? 不需要啊!考虑每天的『日期』并不相同,所以我可以将文件名改成类似: backup.2013-12-15.data , 不就可以每天一个不同文件名了吗?呵呵!确实如此。那个 2013-12-15 怎举来的?那就是

    重点啦!接下来出个相关的例子: 假如我想要建立三个空的文件 (透过 touch) ,文件名最开头由使用者输入决定,假如使用者输入 filename 好了,那今天的日期是 2013/12/15 , 我想要以前天、昨天、今天的日期来建立这些文件,亦即 filename_20131213, filename_20131214, filename_20131215 

    该如何是好?

    [root@www scripts]# vi sh03.sh 

    #!/bin/bash 

    # Program: 

    #  Program creates three files, which named by user's input  

    #  and date command. 

    # History: 

    # 2005/08/23  VBird  First release 

    PATH=/bin:/sbin:/usr/bin:/usr/sbin:/usr/local/bin:/usr/local/sbin:~/bin 

    export PATH 

     

    # 1. 让使用者输入文件名,并取得 fileuser 这个变量; 

    echo -e "I will use 'touch' command to create 3 files." # 纯粹显示信息 

    read -p "Please input your filename: " fileuser         # 提示使用者输入 

     

    # 2. 为了避免使用者随意按 Enter ,利用变量功能分析文件名是否有设定? 

    filename=${fileuser:-"filename"}           # 开始判断有否配置文件名 

     

    # 3. 开始利用 date 指令来取得所需要的文件名了; 

    date1=$(date --date='2 days ago' +%Y%m%d)  # 前两天的日期 

    date2=$(date --date='1 days ago' +%Y%m%d)  # 前一天的日期 

    date3=$(date +%Y%m%d)                      # 今天的日期 

    file1=${filename}${date1}                  # 底下三行在配置文件名 

    file2=${filename}${date2} 

    file3=${filename}${date3} 

     

    # 4. 将档名建立吧! 

    touch "$file1"                             # 底下三行在建立档案 

    touch "$file2" 

    touch "$file3" 

    关于filename=${fileuser:-"filename"}的用法,用来判断fileuser是否已经赋值。:-是一起的;fileuser 如果有值的话,就用所拥有的值赋予给filename变量;无值的话,就把filenname赋予给fileuser,再赋予给filename变量

     

     

    【2】 变量赋值和引用

    Shell编程中,使用变量无需事先声明,同时变量名的命名须遵循如下规则:

    1. 首个字符必须为字母(a-z,A-Z) 或者_

    2. 中间不能有空格,可以使用下划线(_)

    3. 不能使用其他标点符号

    需要给变量赋值时,可以这么写:

    变量名=值 

    要取用一个变量的值,只需在变量名前面加一个$ ( 注意给变量赋值的时候,不能在"="两边留空格 )

    #!/bin/bash

    对变量赋值:

    a="hello world"  #等号两边均不能有空格存在

    打印变量a的值:

    echo "A is:" $a

    有时候变量名可能会和其它文字混淆,比如:

    num=2

    echo "this is the $numnd"

    上述脚本并不会输出"this is the 2nd"而是"this is the ";这是由于shell会去搜索变量numnd的值,而实际上这个变量此时并没有值。这时,我们可以用花括号来告诉shell要打印的是num变量:

    num=2

    echo "this is the ${num}nd"

    其输出结果为:this is the 2nd

    注意花括号的位置:

    num=2

    echo "this is the {$num}nd"

    其输出结果为:this is the {2}nd

    需要注意shell的默认赋值是字符串赋值。比如:

    var=1

    var=$var+1

    echo $var

    打印出来的不是2而是11。为了达到我们想要的效果有以下几种表达方式:

    let "var+=1"

    var="$[$var+1]"

    ((var++))

    var=$(($var+1))

    var="$(expr "$var" + 1)" #不建议使用

    var="`expr "$var" + 1`" #强烈不建议使用,注意加号两边的空格,否则还是按照字符串的方式赋值,`Esc下方的`,而不是单引号'

    注意:前2种方式在bash下有效,在sh下会出错。

    let表示数学运算,expr用于整数值运算,每一项用空格隔开,$[]将中括号内的表达式作为数学运算先计算结果再输出。

    Shell脚本中有许多变量是系统自动设定的,我们将在用到这些变量时再作说明。除了只在脚本内有效的普通shell变量外,还有环境变量,即那些由export关键字处理过的变量。本文不讨论环境变量,因为它们一般只在登录脚本中用到。

    【3】 Shell里的流程控制

    If语句

    "if"表达式如果条件为真,则执行then后的部分:

    if ....; then

      ....

    elif ....; then

      ....

    else

      ....

    fi

    大多数情况下,可以使用测试命令来对条件进行测试,比如可以比较字符串、判断文件是否存在及是否可读等等……通常用" [ ] "来表示条件测试,注意这里的空格很重要,要确保方括号前后的空格。

    [ -f "somefile" ] :判断是否是一个文件

    [-d “Directory”: 判断目录是否存在

    [ -x "/bin/ls" ] :判断/bin/ls是否存在并有可执行权限

    [ -n "$var" ] :判断$var变量是否有值

    [ "$a" = "$b" ] :判断$a$b是否相等

    执行man test可以查看所有测试表达式可以比较和判断的类型。下面是一个简单的if语句:

    #!/bin/bash

     

    if [ ${SHELL} = "/bin/bash" ]; then

       echo "your login shell is the bash (bourne again shell)"

    else

       echo "your login shell is not bash but ${SHELL}"

    fi

    变量$SHELL包含有登录shell的名称,我们拿它和/bin/bash进行比较以判断当前使用的shell是否为bash

    【4】 && 和 || 操作符

    熟悉C语言的朋友可能会喜欢下面的表达式:

    [ -f "/etc/shadow" ] && echo "This computer uses shadow passwords"

    这里的 && 就是一个快捷操作符,如果左边的表达式为真则执行右边的语句,你也可以把它看作逻辑运算里的与操作。上述脚本表示如果/etc/shadow文件存在,则打印“This computer uses shadow passwords”。同样shell编程中还可以用或操作(||),例如:

    #!/bin/bash

     

    mailfolder=/var/spool/mail/james

    [ -r "$mailfolder" ] || { echo "Can not read $mailfolder" ; exit 1; }

    echo "$mailfolder has mail from:"

    grep "^From " $mailfolder

    该脚本首先判断mailfolder是否可读,如果可读则打印该文件中的"From" 一行。如果不可读则或操作生效,打印错误信息后脚本退出。需要注意的是,这里我们必须使用如下两个命令:

    -打印错误信息

    -退出程序

    我们使用花括号以匿名函数的形式将两个命令放到一起作为一个命令使用;普通函数稍后再作说明。即使不用与和或操作符,我们也可以用if表达式完成任何事情,但是使用与或操作符会更便利很多 。

    【5】 case 语句

    case表达式可以用来匹配一个给定的字符串,而不是数字(可别和C语言里的switch...case混淆)。

    case ... in

       ...) do something here 

       ;;

    esac

     

    解读:

    case  $变量名称 in   <==关键词为 case ,还有变两前有

      "第一个变量内容")   <==每个变量内容建议用双引号括起来,关键词则为小括

    号 

      程序段 

      ;;            <==每个类别结尾使用两个连续的分号来处理! 

      "第二个变量内容") 

      程序段 

      ;; 

      *)                  <==最后一个变量内容都会用 来代表所有其他值 

     不包含第一个变量内容与第二个发量内容的其他程序执行段 

      exit 1 

      ;; 

    esac                  <==最终的 case 结尾! 

     

    file命令可以辨别出一个给定文件的文件类型,如:file lf.gz,其输出结果为:

    lf.gz: gzip compressed data, deflated, original filename,

    last modified: Mon Aug 27 23:09:18 2001, os: Unix

    我们利用这点写了一个名为smartzip的脚本,该脚本可以自动解压bzip2, gzipzip 类型的压缩文件:

     #!/bin/bash

     

     ftype="$(file "$1")"

     case "$ftype" in

     "$1: Zip archive"*)

        unzip "$1" ;;

     "$1: gzip compressed"*)

        gunzip "$1" ;;

     "$1: bzip2 compressed"*)

        bunzip2 "$1" ;;

     *) echo "File $1 can not be uncompressed with smartzip";;

     esac

    你可能注意到上面使用了一个特殊变量$1,该变量包含有传递给该脚本的第一个参数值。也就是说,当我们运行:

    smartzip articles.zip

    $1 就是字符串 articles.zip

    【6】 select 语句

    select表达式是bash的一种扩展应用,擅长于交互式场合。用户可以从一组不同的值中进行选择:

    select var in ... ; do

     break;

    done

    .... now $var can be used ....

     

    下面是一个简单的示例:

    #!/bin/bash

     

    echo "What is your favourite OS?"

    select var in "Linux" "Gnu Hurd" "Free BSD" "Other"; do

      break;

    done

    echo "You have selected $var"

    该脚本的运行结果如下:

    What is your favourite OS?

    1) Linux

    2) Gnu Hurd

    3) Free BSD

    4) Other

    #? 1

    You have selected Linux

    【7】 while/for 循环

    shell中,可以使用如下循环:

    while [ condition ]  <==中括号内的状态就是判断表达式 

    do            <==do 是循环的开始! 

      程序段落 

    done          <==done 是循环的结束

    只要测试表达式条件为真,则while循环将一直运行。关键字"break"用来跳出循环,而关键字”continue”则可以跳过一个循环的余下部分,直接跳到下一次循环中。

    for循环会查看一个字符串列表(字符串用空格分隔),并将其赋给一个变量:

    for var in ....; do

       ....

    done

    下面的示例会把A B C分别打印到屏幕上:

    #!/bin/bash

     

    for var in A B C ; do

       echo "var is $var"

    done

    下面是一个实用的脚本showrpm,其功能是打印一些RPM包的统计信息:

    #!/bin/bash

     

    # list a content summary of a number of RPM packages

    # USAGE: showrpm rpmfile1 rpmfile2 ...

    # EXAMPLE: showrpm /cdrom/RedHat/RPMS/*.rpm

    for rpmpackage in "$@"; do

       if [ -r "$rpmpackage" ];then

          echo "=============== $rpmpackage =============="

          rpm -qi -p $rpmpackage

       else

          echo "ERROR: cannot read file $rpmpackage"

       fi

    done

    这里出现了第二个特殊变量$@,该变量包含有输入的所有命令行参数值。如果你运行showrpm openssh.rpm w3m.rpm webgrep.rpm,那么 "$@"(有引号就包含有 个字符串,即openssh.rpm, w3m.rpm和 webgrep.rpm$*的意思是差不多的。但是只有一个字串。如果不加引号,带空格的参数会被截断。

    【8】 Shell里的一些特殊符号

    在向程序传递任何参数之前,程序会扩展通配符和变量。这里所谓的扩展是指程序会把通配符(比如*)替换成适当的文件名,把变量替换成变量值。我们可以使用引号来防止这种扩展,先来看一个例子,假设在当前目录下有两个jpg文件:mail.jpgtux.jpg

    #!/bin/bash

     

    echo *.jpg

    运行结果为:

    mail.jpg tux.jpg

    引号(单引号和双引号)可以防止通配符*的扩展:

    #!/bin/bash

     

    echo "*.jpg"

    echo '*.jpg'

    其运行结果为:

    *.jpg

    *.jpg

    其中单引号更严格一些,它可以防止任何变量扩展;而双引号可以防止通配符扩展但允许变量扩展:

    #!/bin/bash

     

    echo $SHELL

    echo "$SHELL"

    echo '$SHELL'

    运行结果为:

    /bin/bash

    /bin/bash

    $SHELL

    此外还有一种防止这种扩展的方法,即使用转义字符——反斜杆:

    echo *.jpg

    echo $SHELL

    输出结果为:

    *.jpg

    $SHELL

    【9】 Shell里的函数

    如果你写过比较复杂的脚本,就会发现可能在几个地方使用了相同的代码,这时如果用上函数,会方便很多。函数的大致样子如下:

    function fname() { 

      程序段 

    }

     

    函数没有必要声明。只要在执行之前出现定义就行

     

    那个 fname 就是我们的自定义的执行指令名称~而程序段就是我们要他执行的内容了。 要注意的是,因为 shell script 的执行方式是由上而下,由左而史, 因此在 shell script 当中的 function 的设定一定要在程序的最前面, 这样才能够在执行时被找找到可用的程序段喔!好~我们将 sh12.sh 改写一下,

    自定义一个名为 printit 的函数来使用喔:

     [root@www scripts]# vi sh12-2.sh 

    #!/bin/bash 

    # Program: 

    #  Use function to repeat information. 

    # History: 

    # 2005/08/29  VBird  First release 

    PATH=/bin:/sbin:/usr/bin:/usr/sbin:/usr/local/bin:/usr/local/sbin:~/bin 

    export PATH 

     

    function printit(){ 

      echo -n "Your choice is "     # 加上 -n 可以不断行继续在同一行显示 

     

    echo "This program will print your selection !"

     

    case $1 in 

      "one") 

      printit; echo $1 | tr 'a-z' 'A-Z'  # 将参数做大小写转换! 

      ;; 

      "two") 

      printit; echo $1 | tr 'a-z' 'A-Z' 

      ;; 

      "three") 

      printit; echo $1 | tr 'a-z' 'A-Z' 

      ;; 

      *) 

      echo "Usage $0 {one|two|three}" 

      ;; 

    esac

     

    以上面的例子来说,做了一个函数名称为 printit ,所以,当我在后续的程序段里面, 叧要执行 printit 的话,就表示我的 shell script 要去执行『 function printit .... 』 里面的那几个程序段落

     

    在脚本中提供帮助是一种很好的编程习惯,可以方便其他用户(和自己)使用和理解脚本。

     

    另外, function 也是拥有内建变量~他的内建变量与 shell script 很类似, 函数名称代表示 $0 ,而后续接变量也是以 $1, $2... 来取代的~ 这里很容易搞错喔~因为『 function fname() { 程序段 』内的 $0, $1... 等等与 shell script 的 $0 是不同的。以上面 sh12-2.sh 来说,假如我执行:『 sh sh12-2.sh one 』 这表示在 shell script 内的 $1 为 "one" 这个字符串。但是在 printit() 内的 $1 则不这个 one 无关。 我们将上面的例子再次的改写一下,让你更清楚!

     

    [root@www scripts]# vi sh12-3.sh 

    #!/bin/bash 

    # Program: 

    #  Use function to repeat information. 

    # History: 

    # 2005/08/29  VBird  First release 

    PATH=/bin:/sbin:/usr/bin:/usr/sbin:/usr/local/bin:/usr/local/sbin:~/bin 

    export PATH 

     

    function printit(){ 

      echo "Your choice is $1"   # 这个 $1 必须要参考底下指令的下达 

     

    echo "This program will print your selection !" 

    case $1 in 

      "one") 

      printit 1  # 请注意, printit 指令后面还有接参数! 

      ;; 

      "two") 

      printit 2

      ;; 

      "three") 

      printit 3 

      ;; 

      *) 

      echo "Usage $0 {one|two|three}" 

      ;; 

    esac

    在上面的例子当中,如果你输入『 sh sh12-3.sh one 』就会出现『 Your choice is 1 』的字样~ 为什么是 呢?因为在程序段落当中,我们是写了『 printit 1 』那个 就会成为 function 当中的 $1

     

    12Shell脚本示例

    脚本调试

    最简单的调试方法当然是使用echo命令。你可以在任何怀疑出错的地方用echo打印变量值,这也是大部分shell程序员花费80%的时间用于调试的原因。Shell脚本的好处在于无需重新编译,而插入一个echo命令也不需要多少时间。

    [root@www ~]# sh [-nvx] scripts.sh 

    选项不参数: 

    -n  :不要执行 script,仅查询语法的问题; 

    -v  :再执行 sccript 前,先将 scripts 的内容输出屏幕上; 

    -x  :将使用到的 script 内容显示到屏幕上,这是很有用的参数! 

     

    范例一:测试 sh16.sh 有无语法的问题? 

    [root@www ~]# sh -n sh16.sh  

    若语法没有问题,则不会显示任何信息! 

     

    范例二:将 sh15.sh 的执行过程全部列出来~ 

    [root@www ~]# sh -x sh15.sh  

    PATH=/bin:/sbin:/usr/bin:/usr/sbin:/usr/local/bin:/usr/local/sbin:/root/bin 

    + export PATH 

    + for animal in dog cat elephant 

    + echo 'There are dogs.... ' 

    There are dogs.... 

    + for animal in dog cat elephant 

    + echo 'There are cats.... ' 

    There are cats.... 

    + for animal in dog cat elephant 

    + echo 'There are elephants.... ' 

    There are elephants....

     

     

    nginx日志按日期自动切割脚本如下

     #nginx日志切割脚本

    #author:ce

     

    #!/bin/bash

    #设置日志文件存放目录

    logs_path="/usr/local/nginx/logs/"

    #设置pid文件

    pid_path="/usr/local/nginx/nginx.pid"

     

    #重命名日志文件

    mv ${logs_path}access.log ${logs_path}access_$(date -d "yesterday" +"%Y%m%d").log

     

    #nginx主进程发信号重新打开日志

    kill -USR1 `cat ${pid_path}`

     

    crontab 设置作业

    0 0 * * * bash /usr/local/nginx/nginx_log.sh
    这样就每天的00分把nginx日志重命名为日期格式,并重新生成今天的新日志文件。

     


  • 相关阅读:
    ubuntu 14.04安装 ruby on rails
    antVue--a-cascader级联组件使用触发loadData方法注意事项
    Canvas标签width属性和css的width属性
    " != "和" !== "
    进度条实现简易demo
    从HTML看代码组织与优化
    听着好像很牛的特效——幽灵按钮DOM
    JavaScript的面向对象编程(OOP)(三)——聚合
    JavaScript的面向对象编程(OOP)(二)——原型
    JavaScript的面向对象编程(OOP)(一)——类
  • 原文地址:https://www.cnblogs.com/suihui/p/3799659.html
Copyright © 2020-2023  润新知