【前端筆記】☞ JavaScript 基礎

来源:http://www.cnblogs.com/bossren/archive/2017/09/04/7473577.html
-Advertisement-
Play Games

1. 什麼是JavaScript JavaScript是一門廣泛用於瀏覽器客戶端的腳本語言 由Netspace公司設計,當時跟Sun公司合作,所以名字起得像Java 業內一般簡稱JS 2. JS的常見用途 1》能進行HTML的DOM操作,也稱節點(標簽元素)操作。 比如添加、修改、刪除節點,JS可以 ...


1. 什麼是JavaScript

  JavaScript是一門廣泛用於瀏覽器客戶端的腳本語言

  由Netspace公司設計,當時跟Sun公司合作,所以名字起得像Java

  業內一般簡稱JS 

2. JS的常見用途

  1》能進行HTMLDOM操作也稱節點(標簽元素)操作

    比如添加、修改、刪除節點,JS可以動態的去拿到我們網頁中寫的東西,然後進行增、刪、改、查)

  2HTML網頁增加動態功能,比如動畫

  3事件處理:比如監聽滑鼠點擊、滑鼠滑動、鍵盤輸入

 

3. JS常見的書寫方式有2

  1頁內JS:在當前網頁的script標簽中編寫

    <script type="text/javascript">

    </script>

  2外部JS

    <script src="index.js"></script>

  JS的調試輸出:

    alert('hello word'); //界面彈框輸出某值,阻塞式操作

    console.log('hello word'); //控制台輸出某值

  註意:JS中用單引號和雙引號都可以,通常我們統一都用單引號,目的是防止多個雙引號時容易出錯。

  <button onclick="alert('點擊了')">百度一下</button>

4. Node.js

  什麼是Node.js?

    Node是一個JaveScript運行環境,是對Google V8引擎進行了封裝。

  為什麼用V8引擎?

    因為V8引擎執行JaveScript的速度非常快,性能非常好。(很多游戲都是用引擎來封裝的)

  Node.js的優勢:

    1》可以作為後臺語言(java、php、.net),Node.js能夠解析服務端的語言。

    2》單線程。不新增額外線程的情況下,依然可以對任務進行並行處理(採用事件輪詢)

    3》非阻塞I/O、V8虛擬機、事件驅動。

5. 變數

  • JavaScirpt是一種動態類型語言,也就是說,變數的類型沒有限制,可以賦予各種類型的值。

      var a = 1;  a = 'hello';

 

  • 標識符:由Unicode字母(包括英文字母和其他語言的字母)、美元符號($)、下劃線(_)、數字(0-9)組成。

註意1:數字不能做第一個字元。

註意2:中文是合法的標識符,可以用作變數名。( 如,var 姓名 = '張三';

註意3:保留字(關鍵字)和特殊詞(InfinityNaNundefined)不能做標識符。

  • 變數名、函數名區分大小寫,駝峰式寫法

      var num, NUM, userName;

      typeof運算符:typeof運算符可以返回一個值的數據類型

      typeof 變數名  // 獲取變數類型

6. 數據類型

  • 數據類型:number(數值)、string(字元串)、boolean(布爾值)、undefined(未定義)、null(空)object(對象)

  • 特別註意:空數組([])和空對象({})對應的布爾值,都是true

    

 

 


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

-Advertisement-
Play Games
更多相關文章
  • 1. 講講你認為的高性能網站架構,或者說現在流行的網站架構。 2. 什麼是一主多從? 3. 什麼是負載均衡? ...
  • 定義(百度百科): 當一個對象的內在狀態改變時允許改變其行為,這個對象看起來像是改變了其類。 UML類圖: 具體代碼: 模塊說明: Context:它定義了客戶需要的介面並維護一個具體狀態角色(State)的實例,將與狀態相關的操作交給當前的ConcreteState對象來處理 State:定義一個 ...
  • 在單體應用程式中,組件可通過語言級方法或者函數相互調用。相比之下,基於微服務的應用程式是一個運行在多台機器上的分散式系統。通常,每個服務實例是一個進程。因此,服務必須使用進程間通信(IPC)機制進行交互。稍後我們將瞭解到多種 IPC 技術,但在此之前,我們先來探討一下涉及到的各種設計問題。 ...
  • 用戶註冊 用戶姓名 : ... ...
  • 學習JavaScirpt30的筆記! 有意思! 2 > CSS clock 效果是這樣的.... 這是改良過後的 版本.... 話不多說,直接來看代碼。 首先是html部分 最外層的 clock 來作為底部的圓環。 變化都是在 clock-face 裡面的。 之後就是三個 div指針啦。 下麵是CS ...
  • ES6為Array增加了of函數用已一中明確的含義將一個或多個值轉換成數組。 因為,用new Array()構造數組的時候,是有二意性的。 構造時,傳一個參數,表示生成多大的數組。 構造時,傳多個參數,每個參數都是數組的一個元素。 結果: ES6增加的Array.of()方法,只有一個含義,of的參 ...
  • 概念 執行環境 執行環境定義了變數或函數有權訪問的其他函數,決定了他們各自的行為。每個執行環境都有一個與之關聯的變數對象。 變數對象 環境中定義的所有變數和函數都保存在這個對象中。 全局執行環境 全局執行環境是最外圍的一個執行環境。在web瀏覽器中,全局執行環境被認為是Window對象,因此所有全局 ...
  • webkit內核瀏覽器DIV滾動條樣式修改和設置 引言: 最近在做自己的小項目,為了設計出好看的頁面費勁了心思,大到頁面的整體佈局,小到DIV的滾動條都不放過,以下是我通過查閱資料總結的webkit內核瀏覽器滾動條樣式的修改方法。 原理: webkit瀏覽器css設置滾動條主要有下麵7個屬性 1. ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...