1. 程式人生 > >兩年前端問題小結

兩年前端問題小結

一、前端css問題

1.內層使用浮動,外層高度為0,可以在內層最下邊設定<div style="clear:both;"></div>,不過這樣等於多了一個無意義的標籤,可以在外層的樣式上設定overflow:hidden;

二、前端js問題

1.動態載入的資料需要重新繫結事件,用js新載入的標籤,用$('.new').click();點選事件不生效,需要使用$(document).on('click','.new',function(){})

2.判斷ie瀏覽器版本:navigator.userAgent.indexOf("MSIE 8.0");

3.js載入會使瀏覽器呈現頁面出現延遲,所以一般把js放body元素中頁面內容的後面

4.在xhtml中小於號(<)會被當做新標籤解析,用相應的html實體(&lt;)替換小於號(<)

5.let宣告的變數可以改變,const宣告的變數不能改變,一旦宣告const變數,就必須立即初始化,不能留到以後賦值

6.加性操作符:

(1)加法: var message="this is "+5+3;console.log(message);輸出"this is 53",因為加法操作是獨立執行的,第一次加法將一個字串和一個數值拼接,形成一個字串,第二個加法拼接也是一樣,如果想輸出"this is 8",則需要這樣寫:var message="this is"+(5+3);var result=5+"5";輸出為"55"。

(2)減法: 如果有一個運算元是字串、布林值、null或undefined,則先在後臺呼叫Number()函式將其轉為數值,如果轉換結果是NaN,結果為NaN。如果運算元是物件,則呼叫物件的ValueOf()取得該物件的數值,如果物件沒有ValueOf()方法,呼叫toString()方法,並將得到的字串轉換為數值。5-true的結果為4

7.瀏覽器報Uncaught TypeError: Cannot read property 'length' of undefined錯誤除了基本語法錯誤的可能性外,如果length屬性前的物件不存在也會報這種錯誤。

三、前端工具

1.編輯器:sublime、Notepad工具安裝包小開啟速度快,webstorm、visual studio code擁有很多外掛方便編碼,整合git可以團隊協作,phpstorm更好的和php後臺進行程式碼編寫

2.介面測試工具:apizza

3.版本控制工具:分散式版本控制系統git和集中式版本控制系統svn