主頁 > 企業開發 > 初識Js-Day1

初識Js-Day1

2022-07-26 10:46:01 企業開發

初識Js

1.前言

學習js的第一天,簡單了解了一下JS的誕生歷史,JS相關變數,關鍵字,命名規范,JS資料型別以及各種資料型別之間的轉換,JS運算子的使用,二進制,八進制,十進制,十六進制之間的換算,

2.JS的誕生歷史

1.JavaScript誕生于1995年,由Netscape(網景公司)研發,取名為Mocha,后與sun公司(Java研發公司)合作,1995年9月改名為Javascript,

2. JavaScript 的版本 JavaScript這種語言的基本語法結構是由ECMAScript來標準化的, 所以我們說的JavaScript版本一般指的是ECMAScript版本. 1997年7月,ECMAScript 1.0發布, 1998年6月,ECMAScript 2.0版發布, 1999年12月,ECMAScript 3.0版發布,(陣列的一些方法) 2007年10月,ECMAScript 4.0版草案想要提交ECMA組織, 但由于4.0版的目標過于激進, 改動太大, 并且微軟,谷歌等大公司極力反對;一直到2008年7月ECMA開會決定,中止ECMAScript 4.0的開發(即廢除了這個版本) 2009年12月,ECMAScript 5.0版正式發布 2011年6月,ECMAscript 5.1版發布

3.是一種基于物件的腳本語言,單執行緒語言,弱語言,

4.幾乎所有瀏覽器都支持JavaScript,IE瀏覽器,chrome,Firefox等,

 

3.JavaScript的組成

JavaScript由三部分組成:

1. 核心(ECMAScript):

是一種由ECMA國際(前身為歐洲計算機制造商協會,英文名稱是European Computer Manufacturers Association)通過ECMA-262標準化的腳本程式設計語言,ECMAScript 定義的只是這門語言的基礎,他的組成部分有:語法、型別、陳述句、關鍵字、保留字、運算子、物件等,

2. 瀏覽器物件模型(BOM):

Browse Object Model, 瀏覽器物件模型,提供與瀏覽器互動的方法和介面(API), 開發人員使用BOM可以控制瀏覽器顯示頁面以外的部分,

3. 檔案物件模型(DOM):

Document Object Model,檔案物件模型,提供訪問和操作網頁HTML內容的方法和介面,

 

 4.JS的書寫規則以及運行

1.JS的書寫

1. Html標簽內部撰寫JavaScript代碼--不推薦使用,  2. Html檔案內部撰寫JavaScript代碼,  3. 通過<script>標簽引入外部的 . js檔案,    

 2.JS的命名規則

1.數字、字母、下劃線、$符號組成,其中數字不能做開頭,并且變數名應做到見名知意,常用的方式有駝峰命名法,匈牙利命名法,同時變數名不能是保留字或者關鍵字  , 2.關鍵字:一組具有特定用途的關鍵字,這些關鍵字可用于表示控制陳述句的開始或結束,或者用于執行特定操作等, 值得注意的一系列關鍵字: break do instanceof typeof case else new var catch finally return void  continue for switch while debugger function this with default if throw delete in try

 值得注意的一系列的保留字(將來有可能用作關鍵字):

abstract enum int short boolean export interface static byte extends long super char final native synchronized class float package throws const goto private transient debugger implements protected volatile double import public 3.駝峰命名法 大駝峰:第一個單詞的首字母大寫  UserName  小駝峰:第二個單詞開始首字母大寫 userName / getElementById() / myStudentScore() 4.變數命名盡量見名知意,可參考下圖

 

 

 5.變數的資料型別

1.特殊型別:Undefined,Null,

2.5種簡單資料型別:number數字,string字串,boolean布林值,undefined未定義,null空物件,

3.一種復雜的資料型別(參考型別):object,

4.檢測變數的方法:typeof(變數名)或者typeof 變數名**,

5.NaN和isNaN介紹,NaN的概念及應用

當數學計算無法得到數字結果,該變數的值為NaN(not a number)  

注意:因為NaN代表非數字,它不等于任何值,也不能做運算, 即使alert(NaN == NaN); 結果也是false     typeof NaN ===‘number’ isNaN(num)方法,該方法判斷num變數的值是否是NaN(不是一個數字),結果是布林值,如果num不是一個數字輸出true

 查看型別:

 

 

 

型別轉換:

 

 

 

字串string轉boolean:

 

 

 

 number轉boolean:

  將undefined和對應的null轉為Boolean:

 

Boolean 轉為 number (false 0 true 1):

 

將對應的undefined和null 轉為number:

 

 

 6.運算子及運算式

其中較為值得注意的是++,--

i++ 與 ++i 的主要區別有兩個:

  1、 i++ 回傳原來的值,++i 回傳加1后的值,

  2、 i++ 不能作為左值,而++i 可以,

1.算數運算子

 

 2.邏輯運算子

 

 

3.賦值運算

 

 

4.位運算

 

 

5.三目運算子

 

 

6.保留小數的方法

 

    總結:

     1.Number方法 轉為number型別的值      2.Boolean方法轉為boolean型別的值      3.String方法轉為string的值(toString方法)      4.toFixed方法轉為字串 保留多少位小數      5.Infinity 表示無窮大      6.isNaN 判斷是否為NaN      7.typeof 檢索對應的型別(所有的參考型別都是object 其他顯示對應的值型別)

 

 7.進制轉換

N進制就是“逢N進1,借1當N,”
N進制轉換為10進制,直接寫成多項式計算就可以了,
就像 253(10進制)=2*10^2+5*10+2
253(8進制)=2*8^2+5*8+3=171(10進制)
253(16進制)=2*16^2+5*16+3=595(10進制)
110111(2進制)=1*2^5+1*2^4+0*2^3+1*2^2+1*2^1+1=55

10進制轉換為N進制,那就要“除N取余”了,
如 485轉換為8進制:
485/8=60........5
60/8=7........4
7/8=0........7
所以485(10進制)=745(8進制) (注意:最后的數要倒序寫)
又如 4593轉換為16進制:
4593/16=287..........1
287/16=17............15
17/16=1................1
1/16=0..................1
所以,4593(10進制)=11F1(16進制)(注:16進制的數需要16個數碼,用0-9和A-F表示)
再如 123轉換為2進制:
123/2=61..........1
61/2=30...........1
30/2=15............0
15/2=7.............1
7/2=3................1
3/2=1...............1
1/2=0...............1
所以 123(10進制)=1111011(2進制)

 

 

 8.課后練習

1, 入職薪水10K,每年漲幅入職薪水的5%,50年后工資多少?

 

 

2, 為抵抗洪水,戰士連續作戰89小時,編程計算共多少天零多少小時?

 

 

 

3, 小明要到美國旅游,可是那里的溫度是以華氏度為單位記錄的,它需要一個程式將華氏溫度(80度)轉換為攝氏度,并以華氏度和攝氏度為單位分別顯示該溫度, 提示:攝氏度與華氏度的轉換公式為:攝氏度 = 5/9.0*(華氏度-32)

 

 

4, 給定一個三位數,分別把這個數字的百位、十位、個位算出來并顯示,

 

 

 

歡迎點贊評論^^

 

轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/500320.html

標籤:其他

上一篇:初識JavaScript

下一篇:el-form 每行顯示兩列,底部按鈕居中

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • IEEE1588PTP在數字化變電站時鐘同步方面的應用

    IEEE1588ptp在數字化變電站時鐘同步方面的應用 京準電子科技官微——ahjzsz 一、電力系統時間同步基本概況 隨著對IEC 61850標準研究的不斷深入,國內外學者提出基于IEC61850通信標準體系建設數字化變電站的發展思路。數字化變電站與常規變電站的顯著區別在于程序層傳統的電流/電壓互 ......

    uj5u.com 2020-09-10 03:51:52 more
  • HTTP request smuggling CL.TE

    CL.TE 簡介 前端通過Content-Length處理請求,通過反向代理或者負載均衡將請求轉發到后端,后端Transfer-Encoding優先級較高,以TE處理請求造成安全問題。 檢測 發送如下資料包 POST / HTTP/1.1 Host: ac391f7e1e9af821806e890 ......

    uj5u.com 2020-09-10 03:52:11 more
  • 網路滲透資料大全單——漏洞庫篇

    網路滲透資料大全單——漏洞庫篇漏洞庫 NVD ——美國國家漏洞庫 →http://nvd.nist.gov/。 CERT ——美國國家應急回應中心 →https://www.us-cert.gov/ OSVDB ——開源漏洞庫 →http://osvdb.org Bugtraq ——賽門鐵克 →ht ......

    uj5u.com 2020-09-10 03:52:15 more
  • 京準講述NTP時鐘服務器應用及原理

    京準講述NTP時鐘服務器應用及原理京準講述NTP時鐘服務器應用及原理 安徽京準電子科技官微——ahjzsz 北斗授時原理 授時是指接識訓通過某種方式獲得本地時間與北斗標準時間的鐘差,然后調整本地時鐘使時差控制在一定的精度范圍內。 衛星導航系統通常由三部分組成:導航授時衛星、地面檢測校正維護系統和用戶 ......

    uj5u.com 2020-09-10 03:52:25 more
  • 利用北斗衛星系統設計NTP網路時間服務器

    利用北斗衛星系統設計NTP網路時間服務器 利用北斗衛星系統設計NTP網路時間服務器 安徽京準電子科技官微——ahjzsz 概述 NTP網路時間服務器是一款支持NTP和SNTP網路時間同步協議,高精度、大容量、高品質的高科技時鐘產品。 NTP網路時間服務器設備采用冗余架構設計,高精度時鐘直接來源于北斗 ......

    uj5u.com 2020-09-10 03:52:35 more
  • 詳細解讀電力系統各種對時方式

    詳細解讀電力系統各種對時方式 詳細解讀電力系統各種對時方式 安徽京準電子科技官微——ahjzsz,更多資料請添加VX 衛星同步時鐘是我京準公司開發研制的應用衛星授時時技術的標準時間顯示和發送的裝置,該裝置以M國全球定位系統(GLOBAL POSITIONING SYSTEM,縮寫為GPS)或者我國北 ......

    uj5u.com 2020-09-10 03:52:45 more
  • 如何保證外包團隊接入企業內網安全

    不管企業規模的大小,只要企業想省錢,那么企業的某些服務就一定會采用外包的形式,然而看似美好又經濟的策略,其實也有不好的一面。下面我通過安全的角度來聊聊使用外包團的安全隱患問題。 先看看什么服務會使用外包的,最常見的就是話務/客服這種需要大量重復性、無技術性的服務,或者是一些銷售外包、特殊的職能外包等 ......

    uj5u.com 2020-09-10 03:52:57 more
  • PHP漏洞之【整型數字型SQL注入】

    0x01 什么是SQL注入 SQL是一種注入攻擊,通過前端帶入后端資料庫進行惡意的SQL陳述句查詢。 0x02 SQL整型注入原理 SQL注入一般發生在動態網站URL地址里,當然也會發生在其它地發,如登錄框等等也會存在注入,只要是和資料庫打交道的地方都有可能存在。 如這里http://192.168. ......

    uj5u.com 2020-09-10 03:55:40 more
  • [GXYCTF2019]禁止套娃

    git泄露獲取原始碼 使用GET傳參,引數為exp 經過三層過濾執行 第一層過濾偽協議,第二層過濾帶引數的函式,第三層過濾一些函式 preg_replace('/[a-z,_]+\((?R)?\)/', NULL, $_GET['exp'] (?R)參考當前正則運算式,相當于匹配函式里的引數 因此傳遞 ......

    uj5u.com 2020-09-10 03:56:07 more
  • 等保2.0實施流程

    流程 結論 ......

    uj5u.com 2020-09-10 03:56:16 more
最新发布
  • 使用Django Rest framework搭建Blog

    在前面的Blog例子中我們使用的是GraphQL, 雖然GraphQL的使用處于上升趨勢,但是Rest API還是使用的更廣泛一些. 所以還是決定回到傳統的rest api framework上來, Django rest framework的官網上給了一個很好用的QuickStart, 我參考Qu ......

    uj5u.com 2023-04-20 08:17:54 more
  • 記錄-new Date() 我忍你很久了!

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 大家平時在開發的時候有沒被new Date()折磨過?就是它的諸多怪異的設定讓你每每用的時候,都可能不小心踩坑。造成程式意外出錯,卻一下子找不到問題出處,那叫一個煩透了…… 下面,我就列舉它的“四宗罪”及應用思考 可惡的四宗罪 1. Sa ......

    uj5u.com 2023-04-20 08:17:47 more
  • 使用Vue.js實作文字跑馬燈效果

    實作文字跑馬燈效果,首先用到 substring()截取 和 setInterval計時器 clearInterval()清除計時器 效果如下: 實作代碼如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......

    uj5u.com 2023-04-20 08:12:31 more
  • JavaScript 運算子

    JavaScript 運算子/運算子 在 JavaScript 中,有一些運算子可以使代碼更簡潔、易讀和高效。以下是一些常見的運算子: 1、可選鏈運算子(optional chaining operator) ?.是可選鏈運算子(optional chaining operator)。?. 可選鏈操 ......

    uj5u.com 2023-04-20 08:02:25 more
  • CSS—相對單位rem

    一、概述 rem是一個相對長度單位,它的單位長度取決于根標簽html的字體尺寸。rem即root em的意思,中文翻譯為根em。瀏覽器的文本尺寸一般默認為16px,即默認情況下: 1rem = 16px rem布局原理:根據CSS媒體查詢功能,更改根標簽的字體尺寸,實作rem單位隨螢屏尺寸的變化,如 ......

    uj5u.com 2023-04-20 08:02:21 more
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 08:01:50 more
  • 如何在 vue3 中使用 jsx/tsx?

    我們都知道,通常情況下我們使用 vue 大多都是用的 SFC(Signle File Component)單檔案組件模式,即一個組件就是一個檔案,但其實 Vue 也是支持使用 JSX 來撰寫組件的。這里不討論 SFC 和 JSX 的好壞,這個仁者見仁智者見智。本篇文章旨在帶領大家快速了解和使用 Vu ......

    uj5u.com 2023-04-20 08:01:37 more
  • 【Vue2.x原始碼系列06】計算屬性computed原理

    本章目標:計算屬性是如何實作的?計算屬性快取原理以及洋蔥模型的應用?在初始化Vue實體時,我們會給每個計算屬性都創建一個對應watcher,我們稱之為計算屬性watcher ......

    uj5u.com 2023-04-20 08:01:31 more
  • http1.1與http2.0

    一、http是什么 通俗來講,http就是計算機通過網路進行通信的規則,是一個基于請求與回應,無狀態的,應用層協議。常用于TCP/IP協議傳輸資料。目前任何終端之間任何一種通信方式都必須按Http協議進行,否則無法連接。tcp(三次握手,四次揮手)。 請求與回應:客戶端請求、服務端回應資料。 無狀態 ......

    uj5u.com 2023-04-20 08:01:10 more
  • http1.1與http2.0

    一、http是什么 通俗來講,http就是計算機通過網路進行通信的規則,是一個基于請求與回應,無狀態的,應用層協議。常用于TCP/IP協議傳輸資料。目前任何終端之間任何一種通信方式都必須按Http協議進行,否則無法連接。tcp(三次握手,四次揮手)。 請求與回應:客戶端請求、服務端回應資料。 無狀態 ......

    uj5u.com 2023-04-20 08:00:32 more