2020-03-02

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?js的簡單入門


? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?簡單的自述

? ? ? ? 大家好,歡迎來看我的簡書,我呢是一個剛轉業的一個無業游民,在一次偶然的機會,了解到了關于前端開發的知識(ps:我同學在珠峰學習的前端)明明大家都是剛剛畢業,而作為學習過前端的一名工程師來說,竟然收入比我高一倍,說實話,讓我本來脆弱的心靈受到了嚴重的打擊。不說別的,這雙倍的工資讓我屬實羨慕,再說簡單點,步入社會以后,經濟能力,將會是衡量一個人的重要標尺。所以,我也選擇了珠峰培訓,選擇用自己的努力,為自己以后的生后提供一個更好的保障。

? ? ? 在不久前,我學習了HTML5,css3,在接下來的很長一段時間里,我將學習 Javascript,時間短,任務重,作為一個純小白來說,我不知道自己能吸收到什么程度,但即使前方充滿坎坷,我也無懼,給自己定個小目標。? ?加油,努力,奧里給?。?!

?學習內容總結如下:


一丶什么是 js:

? ? ? Javascript(JS)是一種腳本語言,主要用于Web。它用于增強HTML頁面,通??梢郧度際TML代碼中。JavaScript是一種解釋型語言。因此,它不需要編譯?!?/h4>


二丶.js 是用來實現什么的:

avascript是在網站瀏覽器上運行的編程語言。

主要是向使用HTML和CSS構建的網站添加,并起到實現各種頁面動態效果的作用。

例如,在網頁上展示的輪播圖樣式和在咨詢平臺上輸入的內容錯誤后顯示的提示信息,這樣的效果。另外針對商城網站里面購買商品時,使用購物車和費用估算也需要用到JavaScript。

所以即使它不怎么明顯,但依然是編碼人員經常會用到的一種語言。

JavaScript是一種多功能的開發語言

除了向網頁添加動作的用處之外,JavaScript還可以用來實現很多其他的功能。比如它能夠開發出各種網站應用程序,如“聊天工具”和“貨幣圖表”等,可以實時進行修改,這也是JavaScript的主要魅力之一。

如果您需要進一步擴展視野,那么它還可以用來創建APP和游戲。 當你使用諸如iPhone和iPad等各種移動終端時,你就會發現JavaScript之類的通用開發語言是非常有用的。


三丶js做客戶端(組成)


按照相關JS語法,操作頁面中的元素,或者操作瀏覽器里面的一些功能

ECMAScript3/5/6…:JS的語法規范(變量、數據類型、操作語句等等)

DOM(document object model):文檔對象模型,提供一些JS的屬性和方法,用來操作頁面中的DOM元素

BOM(browser object model):瀏覽器對象模型,提供一些JS的屬性和方法,用來操作瀏覽器


四丶js中的變量和常量


1.變量(Variable)

可變的量,用來存儲,代表不同的值(val)。

例子:var a =12;? ?let b = 22;

2.常量(const)

使用常量所創建的量,不能修改。

例子:const c = 1500;

標注:創建函數,類,Es6的模塊導入也相當于創建變量,而Symbol創建的是唯一的值。

五丶js的命名規范

1.嚴格區分大小寫

2.使用數字,字母,下劃線 ,美元符,來命名,切記數字不能作為命名的開頭(Low)。

3.使用駝峰命名法,漢語拼音者(更Low)

4不能使用關鍵字,和保留字如下:

?關鍵字

break? ? ? 故障? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?case? ? ? 實例

catch? ? ?抓取? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??continue? ? ? 延續

default? ? ? 違反? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??delete? ? ? ?刪除

do? ? ? ? 進行? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??else? ? ? ? 否則

finally? ? ? ? 最后? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?for? ? ? ? ? 給

function? ? ? ? ?函數? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??if? ? ? ? ? 是否

in? ? ? ? ?在...內? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??instanceof? ? ? ? 運算符

new? ? ? ? ?新的? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??return? ? ? ? ?返回

switch? ? ? ? ?開關? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??this? ? ? ?這個

throw? ? ? ?投? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?try? ? ? ?實驗?

typeof? ? ? ? 產品類型? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?var? ? ? ? ???

void? ? ? ?無效的? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??while? ? ? ? 一段時間

with? ? ? ? 用


?保留字

abstract? ? ? 摘要? ? ? ? ? ? ? ? ? ? ? ? ? ? ??boolean? ? ? ?布爾

byte? ? ? ? 字節? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? char? ? ? ?字符

class? ? ? 類? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??const? ? ? ? ?常量

debugger? ? ? ? ? 調試器? ? ? ? ? ? ? ? ? ? ??double??雙

enum? ? ? ? ?檢舉? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??export?出口

extends? ? ? ?擴展? ? ? ? ? ? ? ? ? ? ? ? ? ??fimal? ? ? ? ???

float? ? ? 浮動? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??goto? ? ? ? ?轉到

implements? ? ? ? ?實現? ? ? ? ? ? ? ? ? ? ? ? ? ? ?import? ? ? ? ? 進口

int? ? ? ????? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?interface? ? ? ? 接口

long? ? ? ?長? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??mative? ? ? ? ???

package? ? ? ? ? 包? ? ? ? ? ? ? ? ? ? ? ? ?private? ? ? ? ? ?私人

protected? ? ? ? ? ?受保護? ? ? ? ? ? ? ? ? ? ? ? ?public? ? ? ? ? ?公共

short? ? ? ? ? ?短? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?static? ? ? ? ? ? 靜態

super? ? ? ? ? ? ?超級? ? ? ? ? ? ? ? ? ? ? ? ??synchronized? ? ? ? ? ? ? ? ?同步

throws? ? ? ? 拋出? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??transient? ? ? ? ? ? ? ? 瞬態

volatile? ? ? ? ? ? ?揮發性


六丶js中常用的數據類型:


基本數據類型(值類型/原始值)

數字number

字符串string

布爾boolean

空對象指針null

未定義undefined

Symbol唯一值

引用數據類型

對象數據類型object

{} 普通對象

[] 數組對象

/^[+-]?(\d|([1-9]\d+))(.\d+)?$/ 正則對象

Math數學函數對象

日期對象

函數數據類型function

七丶js中常用的輸出方法


1、alert("要輸出的內容");

->在瀏覽器中彈出一個對話框,然后把要輸出的內容展示出來?

->alert都是把要輸出的內容首先轉換為字符串然后在輸出的

2、document.write("要輸出的內容");?

->直接的在頁面中展示輸出的內容

3、console.log("要輸出的內容");

->在控制臺輸出內容

4、value ->給文本框(表單元素)賦值內容

->獲取文本框中(表單元素)的內容

document.getElementById("search").value = "要給#search這個文本框添加的內容";

5、innerHTML/innerText ->給除了表單元素的標簽賦值內容

document.getElementById("div1").innerHTML = "you need walk";

document.getElementById("div1").innerText = "you need walk and run";

總結:內容一般,格式一般,js的第一課從這里開始,能看到這里的給弟弟點個贊,后續會根據自己學習內容,不斷更新。

鳴謝:菜菜,和老周的教導。哈哈哈?。。?/b>

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容