2020-03-02 前端js入級知識點總結 基礎篇(一)

歡迎大家來看我的文章,這里都是一些關于js的知識,我會將我每天學習的內容進行總結,供大家參考,知識是累積出來的大家不要覺得辛苦,相信我們每個人都是潛力股,有哪些注意事項以及我們需要學習哪些內容,我都會記錄下來,想要成為一名優秀的前端開發工程師就要抓住基礎,把基礎打扎實,才能在后期運用得當。

不了解前端的寶寶們可以大體了解下前端的發展史,首先幾個重要的時間需要了解:


? ? ?1994年,萬維網(W3C)成立,網景推出了第一版Navigator瀏覽器,HTML也發布了第二代版本,TIM的好基友也設計了CSS...所以我們把1994年稱為“前端歷史的起點”

?????? 1995年,網景工程師BrendanEich花了10天時間設計了JavaScript語言,1996年微軟發布了JScript(和JS有一些差異),同時拉開了Navigator和Internet

我們學習js首先要知道我們常用的瀏覽器,很多寶寶是自學對瀏覽器認識不廣泛,我們學習js'一般用的都是webkit內核的瀏覽器,隨著時代的變化,一些瀏覽器已經逐漸衰弱了,所以我們現在運用的瀏覽器都是谷歌瀏覽器,(常用的,也有一些Trident內核的IE瀏覽器.......)



下面進入我們的js知識世界

一、js的命名規范

-?嚴格遵循大小寫

//=>編寫代碼的時候一定要區分大小寫問題

let?Test?=?100;

console.log(test);?//=>輸出不出來因為test小寫了

-?使用駝峰命名法

>?由有意義英文組成一個名字,第一個單詞首字母小寫,其余每一個有意義的單詞首字母大寫

let?studentInfomation?=?{

name:?'名字'

};

let?studentInfo?=?{};

大括號里的內容用逗號分割開來;

//=>項目中常見的有特殊含義的端詞組

add?/?insert?/?create??新增/插入/創建/ info?信息

del?/?delete?/?remove??刪除/移除 update?修改

select?/?query?/?get??查詢/獲取

-?命名規則:使用?“$、_、英文字母、數字”?命名


//?基于$開頭:一般代表使用JQ或者其它使用$的類庫獲取的內容

let?$box;

//?基于_開頭:一般代表是全局或者公共的變量

let?_box?=?{};

//?基于數字區分相似名稱的變量

let?box1?=?10;

let?box2?=?20;


//?數字不能作為開頭

?let?2box?=?10;=>錯誤的

//?想要分隔單詞,可以使用_或者駝峰,但是不能是'-';(橫線)

?let?box-list;=>錯誤的

let?box_list ;=>正確的

let?boxList ; =>正確的

?var?var?=?10;=>錯誤的盡量不要使用變量為名字


// 漢字 雖然不會報錯,但是強烈不推薦l例:

let?盒子?=?100;

console.log(盒子);


-?不能使用關鍵字和保留字

>?關鍵字:在JS中有特殊含義的

>?保留字:未來可能會成為關鍵字的

二、js做客戶端的語言,以及組成部分(三部分)

1、ECMAScript:定義了js語法的規范

說明:*變量、數據類型、操作語句、內存管理、、、、、*

2、DOM(document? ? object? ?model)

說明:*?文檔對象模型,提供一些js屬性和方法,用來操作頁面中DOM元素?*

3、BOM(browser? ?object? ?model)

說明:*瀏覽器對象模型,提供一些js屬性和方法,用來操作瀏覽器用的

首先今天來介紹js中的變量

三、js中的變量 ‘variable’

變量:可變的量,(存儲的值可變)在編程語言中,變量其實就是一個名字,他用來儲存,代表不同的東西。

//ES3?中創建變量

-var a = 10;

? ? ? ?a = 20;

其中a就是變量,10代表值;

其中a=20代表a的值可以改變,輸出結果就是20;結果確定為做后一個值;

輸出是:console .log(a)//=>代表輸出a的值

//Es6中模塊導入變量

import? ?B? from? '.\B.js';

定義一個叫做B的變量,用來指向導入模塊;

//ES6中創建變量

-let? b = 10;

Es6中創建變量跟Es3中同a的值可變,但是變量的名字不可相同,不然會報錯;

//創建函數變量? function? ?fn(){}

//創建類變量

class A{}

四、js中常用的數據類型

分為兩種數據類型:

{基本數據類型

{引用數據類型

一、基本數據類型包括

- 數字數據類型?number:正數、負數、小數、0、NaN{not a number}?
- 字符串數據類型string:所有單引號、雙引號、反問號、Tab上面的點、所有被包起來的都是字符串;

- 布爾數據類型boolean:包括true/false

- 空對象指針null

- 未定義undefind

- Es6新增的唯一值symbol

二、引用數據類型包括

對象數據類型:{1、普通對象{}=>大括號包起來的都是屬性名;

? ? ? ? ? ? ? ? ? ? ? ? ? 2、數組對象[]=>中括號包起來的,每一項值可以是任何類型,里面的值要用逗號隔開;

3、正則對象//雙斜杠里面的值;

4、日期對象new date;

5、Math數學函數對象;

三、函數數據類型(重點)

function? ?fun(x,y){}

今天是js的基礎認知課,大家多多了解,我會及時逐個講解其中的應用,程序員不是一口吃個大胖子,而是通過自己的不斷積累練習來完善自己,敲得代碼行數覺定自己的能力,趁現在大家抓緊加強自己,相信每一個人都是潛力股,沒有搞不懂的問題,不要覺得難就退縮,你不去試著努力又怎知自己的不可以!

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

推薦閱讀更多精彩內容

  • 15、正則 正則就是一個規則,用來處理字符串的規則1、正則匹配編寫一個規則,驗證某個字符串是否符合這個規則,正則匹...
    萌妹撒閱讀 1,477評論 0 1
  • 概要 64學時 3.5學分 章節安排 電子商務網站概況 HTML5+CSS3 JavaScript Node 電子...
    阿啊阿吖丁閱讀 9,286評論 0 3
  • 第一章 前端三大語言:HTML(專門編寫網頁內容)、CSS(編寫網頁樣式)、JS(專門編寫網頁交互行為) 能簡寫盡...
    fastwe閱讀 1,019評論 0 0
  • 在浩瀚的人生中,興趣是人們通往成功的踏腳石,興趣是人們前進路上的路標。所以,興趣是我們最好的老師。 大家好,歡迎大...
    Li李海洋閱讀 675評論 0 4
  • 目錄 1、談談你對Ajax的理解?(概念、特點、作用) 2、說說你對延遲對象deferred的理解? 3、什么是跨...
    w_zhuan閱讀 1,001評論 1 28