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