JavasSript 基礎第一天

来源:http://www.cnblogs.com/wjwcn/archive/2016/07/27/5713179.html
-Advertisement-
Play Games

一、前言 如果將前端比喻成一人,那麼Html就是這個人的骨骼脈絡,CSS則是這個人的身上的裝飾,JavaScript則是這個人的行為。作為一種腳本語言JavasSript具有著弱類型等特點。(在這裡我們要有一個明顯的認識JavasSript和Java是完全不同的兩種語言,他們之前一毛錢關係都沒有。之 ...


一、前言

  如果將前端比喻成一人,那麼Html就是這個人的骨骼脈絡,CSS則是這個人的身上的裝飾,JavaScript則是這個人的行為。作為一種腳本語言JavasSript具有著弱類型等特點。(在這裡我們要有一個明顯的認識JavasSript和Java是完全不同的兩種語言,他們之前一毛錢關係都沒有。之所以名字類似只是因為推廣起來更加的容易)。

二、引入

  如果說想要在短時間被精通一門語言這是不可能的一個事情,所以在此只是羅列了一些學習當中的比較重要的一些點。如果你想要10天精通JavasSript,建議你還是去問問世界上有沒有機械貓的記憶麵包。

三、重點內容

  ㈠  Js的書寫位置以及你以後用到的輸出五句話

    Js的書寫位置一共有兩種一種是內聯式,另一種是外聯式

    ① 內聯式

    ② 外聯式   在項目文件中創建一個JS文件然後再頁面中導入就可以了(類比於css的導入)

    當然不可少的就是下麵的五句話,也許這五句話可能充斥著你的整個Js代碼中

         

  ㈡ 變數的含義以及命名規則

    這裡我想做一個比喻,變數就是是一張房卡它可以打開特定的房間從而存或取到我們想要的數據,而房間號就是內從中的地址。

    那麼由於變數的名字是由我們自己及命名的所以他需要有一定的規範:

      ① 變數的命名必須是要以字幕或下劃線“_”或者$開始的。

      ② 變數可以包括字幕、數字、下劃線或者是$。

      ③ JavaScript嚴格區分字幕的大小寫age和Age是兩個不同的變數。

      ④ 建議在命名的時候要有意義,推薦使用的是駝峰命名法(即開始的第一個字母小寫,第二個單詞的首字母大寫)。

      ⑤ 禁止使用JavaScript中的保留字,保留字如下圖所示

                                  

  ㈢ +運算符的理解

    + 加號運算:

      ① 數字+數字的時候  得到兩個數字的和。

      ② 字元串 + 字元串  得到的結果是字元串相互拼接

      ③ 數字 + 字元串 得到的結果是字元串

  ㈣ 算術運算符

    + 加號運算:

      ① 數字+數字的時候  得到兩個數字的和。

      ② 字元串 + 字元串  得到的結果是字元串相互拼接。

      ③ 數字 + 字元串 得到的結果是字元串。

    

    - 減號運算:

      ① 數字 - 數字   得到兩個數字的差。

      ② 字元串 - 字元串(數字):

          ⅰ 以數字為內容的字元串相減 得到數字。

          ⅱ不以數字為內容的字元串相減    得到NaN。

    * 乘號運算:

      ① 數字 * 數字    得到兩個數字的乘積。

      ② 字元串 * 字元串 :

          ⅰ 以數字為內容的字元串相乘 得到乘積。

          ⅱ不以數字為內容的字元串相乘    得到NaN。

     

    / 乘號運算:

      ① 數字 / 數字    得到兩個數字的乘積。

      ② 字元串 / 字元串 :

          ⅰ 以數字為內容的字元串相除 得到商。

          ⅱ不以數字為內容的字元串相除    得到NaN。 

 

      %(取餘  求模)

     就是得到餘數

 

     () 提升計算的優先順序

  

  ㈤  轉義符   

    ① 格式:

      用雙引號或者單引號包起來的都是字元串

    ② 轉義字元

      \

      \'    單引號

      \"    雙引號

      \\    反斜杠  

      \n     換行

      \r     回車

  ㈥ 符合賦值、關係運算符、邏輯運算符

    ① 賦值運算符

         // 複合賦值運算符
          var a = 100;
        //    a = a+5;
          a+=5;  //  a = a+5;
          console.log(a);

 

      ② 關係運算符

      關係運算算符用來描述事物兩者之間的關係

      >  <  >=  <=  ==   !=   ===   !==

    ③ 邏輯運算符

        &    兩真才真,一假就假

         ||

         !=

 ㈦ 數據的類型轉換 

    ①轉化為數字類型

      ⅰNumber()函數

           var a = "123";
	      var b = true;
	      console.log(Number(a)); // 123   
	      console.log(Number(true)); // 1
	      console.log(Number(null)); // 0
	      console.log(Number(undefined)); // NaN
	      console.log(Number("123.456")); // 123.456
	      console.log(Number(" ")); //0

     

          a.如果轉換的內容可以轉成數字,那麼就直接返回這個內容對應的數字。

          b.將整體進行轉換,如果有一個不可以轉換那麼返回NaN.

          c.如果在內容中出現小數,那麼小數會保留,也會輸出小數。

          d.如果內容為空(null),那麼轉換成0;

       ⅱ 隱式轉換  +    -   *    /   %   

       ⅲ 強制轉換  使用外部的方法或是函數進行的數據轉換

 

          Number()    parseInt()     parseFloat()

    ② 轉化為字元串類型

       萬物皆對象,JS中的對象幾乎都有toString();  null,undefined是沒有toString()方法,如果要強制轉換的話,只能使用String();  能用toString()轉換的對象,對String()都可以

       ⅰ 隱式類型轉換   +“”  

       ⅱ 強制類型  toString()    String();

    ③  轉化boolean類型

       ⅰ 隱式類型 !!

       ⅱ 強制類型       Boolean()

 

        數據類型轉boolean的時候,為false的情況:0, “”,null,undefined,NaN, 這些轉成boolean類型的時候都為false,其它的都為true;

    ④ NaN number類型

        NaN 是數字類型的一種,代表數字的一種不正常的狀態,也就是說,本來可以轉換成數字或是參與運算的變數,並沒有轉換過來,這個時候就報一個NaN,這樣就避免了程式報錯。NaN是非常特殊 的,特殊到凡是與NaN進行的運算,最終結果都是NaN,更特殊的是,NaN與誰都不相等,包括自己。isNaN() 用於判斷非數字。

  ㈧ JS中的語言結構 

    ① 順序結構  

    ② 分支結構     if      if-else  

    ③ 選擇結構     if  else-if  else-if ...else    swicth-case

    ④ 迴圈結構     while  do-while   for    for-in

 

四、總結

  今天的內容看起來十分的瑣碎以及複雜,所以在有限的時間里應該儘可能的去練習以提高自己的能力。沒辦法入門都是這樣的。

 

 

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • error1: 進程"C:\Qt\Qt5.4.0\Tools\QtCreator\bin\jom.exe"退出,退出代碼 2 solution:去工具->選項->構建和運行,不要使用jom代替nmake。OK,成功運行。 reason:用到:C:\Users\***\AppData\Local\Te ...
  • 大三下學期,我們學習的軟體工程這門課的課程設計,主要是針對一個管理系統,從需求分析到概要設計再到詳細設計,還好,不要求寫代碼。 下麵是我做的辦公室日常信息管理系統的設計。 軟體架構文檔 1. 介紹 1.1 目的 這篇文檔提供了對辦公室日常信息管理系統架構的總攬,從不同的視角描述了該系統。包含架構分析 ...
  • 要玩轉css3的3d,就必須瞭解幾個辭彙,便是透視(perspective)、旋轉(rotate)和移動(translate)。透視即是以現實的視角來看屏幕上的2D事物,從而展現3D的效果。旋轉則不再是2D平面上的旋轉,而是三維坐標系的旋轉,就包括X軸,Y軸,Z軸旋轉。平移同理。 當然用理論來說明, ...
  • 近期查看前輩的代碼,發現在使用animate()的時候前面需要加上stop(),來防止移進移出的閃動問題,但卻不知道stop()裡面參數的真正意思,今天查了下stop()中參數的意義和具體使用方法,分享給大家。 stop(true)等價於stop(true,false): 停止被選元素的所有加入隊列 ...
  • 第61條解釋了非同步API怎樣幫助我們防止一段程式阻塞應用程式的事件隊列。使用下麵代碼,可以很容易使一個應用程式陷入泥潭。while(true){} 而且它並不需要一個無限迴圈來寫一個緩慢的程式。代碼需要時間來運行,而低效的演算法或數據結構可能導致運行長時間的計算。效率不是js唯一關註的。基於事件的編程... ...
  • 最近在看阮一峰的《ES6標準入門》,在字元串擴展一節中有提到幾個新的擴展,覺得挺有意思,想在ES3裡面使用,於是就有下麵的相容性寫法。 repeat 將一個字元串重覆n次 startsWith 判斷字元串是否以某個字元串開頭,返回bool值 endsWith 判斷字元串是否以某個字元串結尾,返回bo ...
  • 說到詭異事件發生的原因,自然是想到兩者之間的差異性。 首先是效果: jquery中有fadeIn和fadeOut兩個效果,用來實現漸隱漸顯的效果,這個在PC端自然是常用的效果。然後我們前端組的組員Mr Huang自然是想到手機頁面也可以更加炫麗,於是加上了登錄框的漸隱效果。給用戶緩衝的效果不錯。 但 ...
  • 1、jQuery的基本概念 1.1、什麼是jQuery js的方法庫,封裝了很多js的方法,需要的時候可以直接調用 1.2、使用jQuery的三個步驟 js:當頁面所有元素包括圖片,樣式文件,等所有資源都載入完才開始執行; jQuery:當頁面的文檔樹載入完成後就會執行,並不會等所有的文件都載入完成 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...