一名前端工程師的筆記分享!Js篇(11 22更新)

2021-08-11 04:30:37 字數 2638 閱讀 1690

建構函式:可以通過new 關鍵字 建立乙個物件 ,這樣的函式 就叫做 建構函式

物件:將一堆資訊 組合起來,形成乙個物件,方便查詢

物件中的屬性呼叫: 物件.屬性

物件中的方法呼叫: 物件.方法

陣列 : 多個資料的集合 , 一般來說這些資料是同乙個型別的(js中的陣列是可以存放任意型別的)

方式一、

var arr = ; 定義乙個空陣列

var arr = [23,1,343,233,67,78]; 定義乙個有6個數的陣列

方式二、

var arr = new array(); 定義乙個空陣列

var arr = new array(5); 如果括號中只有乙個數值型別的資料,該數值表示陣列的長度 定義乙個長度為5的陣列

var arr = new array(2,3); 表示陣列中含有兩個資料

通過下標取值,下標必須從0開始 ,最大下標 陣列的長度 - 1

陣列的長度: 陣列名.length

通過for 或 for .. in 取值:

for語法結構:

for( [var] i in 物件 ){

for...in特點:

沒有迴圈條件

自動取出下標

下標從0開始,最大下標 陣列長度 - 1

下標的型別是string(for...in 是用來遍歷 鍵 )

一般用for ... in 遍歷json物件

var arr = ;

arr[0] = 90; 先定義 後賦值

arr.push(45); 通過push方法賦值 向陣列的尾部新增乙個數

var arr = [1,2,3,4,5]; 定義時直接賦值

var arr = new array();

通過迴圈來賦值

陣列長度不固定

陣列可以動態的新增或刪除某個元素

陣列可以存放任意型別

typeof 測試資料型別 ,不能確定乙個物件是否是乙個陣列

instanceof 可以通過這個關鍵字確定某個物件是否是乙個陣列,如果是陣列,返回true,否則返回false

push()

用法 :陣列名.push(要新增是數) 向陣列的尾部新增乙個或多個元素

pop()

用法: 陣列名.pop() 移出陣列中的最後乙個元素

shift()

用法 : 陣列名.shift() 移出陣列中的第乙個元素 並返回移除的元素

unshift()

用法: 陣列名.unshift(要新增的數) 向陣列的首部新增乙個或多個元素 並返回陣列新的長度值

slice()

用法: 陣列名.slice(start,end) 擷取陣列中從start 到 end處的資料,擷取的資料不包括 end處的數值 , 不改變原陣列

splice()

用法: 陣列名.splice(start,length) 擷取陣列中從start開始,並指定length長度的資料 , 改變了原陣列(刪除)

concat()

用法: 陣列a.concat(陣列b) 把陣列b連線到陣列a的尾部

join()

用法: 陣列名.join("字元") 通過引數字元 將 乙個陣列 轉成 字串

var arr = [12,[3,2,4]]

棧: 當定義乙個變數時,變數會在記憶體中開闢一塊儲存空間,如果這個變數的型別屬於值型別,這塊空間叫做 棧 (乙個棧空間 存放乙個變數)

值型別: 基本型別

堆: 當定義乙個變數時,這個變數中如果存放多個資料,會將這個變數存放在 堆 中。 堆中存放的是 引用型別

引用型別:物件型別(object)

引用型別在賦值時,傳遞的是 變數的位址,此時這兩個變數共享同乙個儲存空間,所以 「一改全改」

原理:相鄰的兩個數進行比較,大數下沉,小數上浮

思路:每一輪比較時都會有乙個基準值

第一輪 基準值為arr[0] , 用這個基準值和後面的數依次比較,如果這個數大於後面的數,就交換,經過第一輪比較後,能找到最小值;

第二輪 基準值為arr[1] , 同上 , 經過此輪比較後,找到第二個最小值

以此類推

思路:每一輪都假設乙個最小值下標,根據假設的最小值在找真正的最小值,如果假設不成立,就交換這兩個值,經過第一輪比較後, 能找到 最小值

使用:陣列名.sort( 陣列名 );

function fun(a,b){

return a-b; // 公升序 return b-a 降序

如何做好一名售前工程師 實踐篇

這篇實踐篇,講述下我真實的案例,售前工程師這個事情,我也幹過,以前做的時候並沒有對這個售前工程師做乙個全面的了解與體會,那時候只是覺得就是給客戶演示演示系統,就這麼完了,現在想想以前是太不專業了,真是慘痛的教訓呀!好了,接著說,為什麼我會做售前工程師的事情,這個呢,要說我所在的公司規模來說,小公司所...

一名 合格 前端工程師的自檢清單(計算機基礎篇)

編譯原理 參考資料 參考資料 參考資料 什麼是協議 了解 tcp ip 網路協議族的構成,每層協議在應用程式中發揮的作用 見 1.理解什麼是協議,了解 tcp ip 網路協議族的構成,每層協議在應用程式中發揮的作用 tcp 提供可靠傳輸,無差錯 不丟失 不重複 按順序。tcp 是通過什麼方式來提供可...

作為一名資深前端工程師需掌握的技能

1 紮實的基本功 html5 div css js xml json基礎知識精通 2 幾種後端語言有所了解,通曉前後端的互動方式,熟悉網際網路的運作原理 學習spring mvc框架,掌握到controller層,理解框架原理 3 對某幾個方面有自己深入的理解 如svg,canvas 4 知識的廣度...