1. 程式人生 > 實用技巧 >資料結構定義和演算法--快速排序VS歸併排序

資料結構定義和演算法--快速排序VS歸併排序

JavaScript是什麼

HTML CSS

JavaScript 程式語言 流程控制

Netscape在最初將其指令碼語言命名為LiveScript,後來Netscape在與Sun合作之後將其改名為JavaScript。JavaScript最初受Java啟發而開始設計的,目的之一就是“看上去像Java”,因此語法上有類似之處,一些名稱和命名規範也借自Java。JavaScript與Java名稱上的近似,是當時Netscape為了營銷考慮與Sun微系統達成協議的結果。Java和JavaScript的關係就像張雨和張雨生的關係,只是名字很像。

​ Java 伺服器端的程式語言

​ JavaScript 執行在客戶端(瀏覽器)的程式語言

JavaScript是一種執行在客戶端指令碼語言 JavaScript的直譯器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用於客戶端的指令碼語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。

JavaScript最初的目的

演示:http://baixiu.uieee.com/admin/login.php最初的目的是為了處理表單的驗證操作。

JavaScript現在的意義(應用場景)

JavaScript 發展到現在幾乎無所不能。

  1. 網頁特效

  2. 服務端開發(Node.js) vue

  3. 命令列工具(Node.js)

  4. 桌面程式(Electron)

  5. App(Cordova)

  6. 控制硬體-物聯網(Ruff)

  7. 遊戲開發(cocos2d-js)

JavaScript和HTML、CSS的區別

  1. HTML:提供網頁的結構,提供網頁中的內容

  2. CSS: 用來美化網頁

  3. JavaScript: 可以用來控制網頁內容,給網頁增加動態的效果

JavaScript的組成

ECMAScript - JavaScript的核心

ECMA 歐洲計算機制造聯合會

網景:JavaScript

微軟:JScript

定義了JavaScript的語法規範

JavaScript的核心,描述了語言的基本語法和資料型別,ECMAScript是一套標準,定義了一種語言的標準與具體實現無關

變數的命名規則和規範

  • 規則 - 必須遵守的,不遵守會報錯

  • 規範 - 建議遵守的,不遵守不會報錯

    • 變數名必須有意義

    • 遵守駝峰命名法。首字母小寫,後面單詞的首字母需要大寫。例如:userName、userPassword

資料型別

簡單資料型別

Number、String、Boolean、Undefined、Null

複雜資料型別:Object function

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>javaScript基礎02</title>
    </head>
    <body>
        <input type="button" value="01-賦值運算子" onclick="fz()" /><br />
        <input type="button" value="02-分支結構" onclick="maxs()" /><br />
        <input type="button" value="03-3元運算子" onclick="age()" /><br />
        <input type="button" value="04-switch" onclick="xq()" /><br />
        <input type="button" value="05-switch-轉換成績" onclick="cj()" /><br />
        <input type="button" value="06-布林型別的隱式轉換" onclick="zhhuan()" /><br />
        <input type="button" value="07-while" onclick="wh()" /><br />
        
        <input type="button" value="08-while案例" onclick="anl()" /><br />
        <input type="button" value="07-while" onclick="wh()" /><br />
        <input type="button" value="07-while" onclick="wh()" /><br />
        <input type="button" value="07-while" onclick="wh()" /><br />
        <input type="button" value="07-while" onclick="wh()" /><br />
        
        
        
        <script>
            
            
            
            /*列印100以內 7的倍數 
             * 列印100以內所有偶數的和 
             * 列印100以內所有偶數*/
            function anl(){
                console.log("列印100以內所有偶數");
                var ii=1;
                while(ii<=100){
                    if(ii%2==0){
                        console.log(ii);
                        ii++;
                    }
                }
                console.log(" ");
                
                console.log("列印100以內 7的倍數");
                var ii=1;
                while(ii<=100){
                    if(ii%7==0){
                        console.log(ii);
                        ii++;
                    }
                }
                console.log(" ");
                
                console.log("列印100以內所有偶數的和 ");
                var i1=1;
                var sum2=0;
                while(i1<=100){
                    if(i1%2==0){
                        sum+=i1;
                        i1++;
                    }
                }
                console.log(i1);
                console.log(" ");
                
            }
            
            /*列印1-100之間所有的數字 
             * 計算1-100之間所有數的和*/
            function wh(){
            
                console.log("計算1-100之間所有數的和 ")
                var i=1
                var sum=0;
                while(i<=100){
                    sum+=i;
                    i++;
                }
                console.log(sum);
                console.log("  ");
            
                console.log("列印1-100之間所有的數字 ")
                var i=1
                while(i<=100){
                    console.log(i)
                    i++;
                }
                console.log("  ")
            }
            
            /*轉換成false的情況   0   ''空字串  NaN  null undefined */
            function zhhuan(){
                
                console.log("0:"+Boolean(0))
                console.log("空字串  NaN:"+Boolean(NaN))
                console.log("null:"+Boolean(null))
                console.log("undefined:"+Boolean(undefined))
                
            }
            
            /*把成績轉換成ABCDE*/
            function cj(){
                var ca=1;
                switch (ca){
                    case 1:
                    alert("A");
                    
                        break;
                    
                    case 2:
                    alert("B");
                    
                        break;
                    
                    case 3:
                    alert("C");
                    
                        break;
                    
                    case 4:
                    alert("D");
                    
                        break;
                        
                    default:
                    alert("E");
                        break;
                        
                }
            }
            
            /*輸入一個數字,列印對應的星期*/
            function xq(){
                var ca=1;
                switch (ca){
                    case 1:
                    alert("星期一");
                    
                        break;
                    
                    case 2:
                    alert("星期二");
                    
                        break;
                    
                    case 3:
                    alert("星期三");
                    
                        break;
                    
                    case 4:
                    alert("星期四");
                    
                        break;
                        
                    case 5:
                    alert("星期五");
                    
                        break;
                    
                    case 6:
                    alert("星期六");
                    
                        break;
                        
                    case 7:
                    alert("星期日");
                    
                        break;
                    default:
                    alert("輸入有誤");
                        break;
                        
                }
            }
            
            
            /*判斷一個年齡是否成年, 當年齡超過18 返回  成年  否則返回未成年*/
            function age(){
                console.log("判斷一個年齡是否成年")
                var age =20;
                console.log(age>=18?'成年了':'沒成年')
            }
            
            
            /*02-分支結構*/
            /* 求兩個數的最大數  
             * 判斷一個數是偶數還是奇數  
             * 分數轉換,把百分制轉換成ABCDE   <60  E  60-70 D  70-80 C  80-90 B  90 - 100 A*/
            function maxs(){
                console.log("分數轉換,把百分制轉換成ABCDE ")
            
                var fs=69;
                if(fs<60){
                    console.log("E");
                } else if(fs>60&&fs<70){
                    console.log("D");
                } else if(fs>70&&fs<80){
                    console.log("C");
                } else if(fs>80&&fs<90){
                    console.log("B");
                } else{
                    console.log("A");
                }
                console.log("  ")
                
                var c=20;
                console.log("判斷一個數是偶數還是奇數  ")
                if(c%2==0){
                    console.log(c+"是偶數")
                }else{
                    console.log(c+"是奇數")
                }
                console.log("  ")
                
                
                var a=20;
                var b=32;
                
                console.log("求兩個數的最大數  ")
                
                if(a>b){
                    console.log("a:"+a);
                }else{
                    console.log("b:"+b);
                }
            }
            
            
            /*01-賦值運算子*/
            function fz(){
                var a=1;
                var b=a+3;
                console.log(b);
                
                b+=5;
                console.log(b);
                
                b%=2;
                console.log(b);
                
            }
        
        </script>
        
    </body>
</html>