前端面試的問題彙總-1
一、自我介紹javascript
（1）介紹自我基本狀況css
（2）三點介紹本身：性格、學習能力、爲公司創造什麼價值前端
例子：你好，我叫XXX，來自XXXXX，我是2017年畢業的，個人專業是計算機科學與技術，就讀於XXXX。我想應聘貴公司web前端開發這一職位，由於我所掌握的技術和貴公司的任職要求符合。我從三個方面介紹本身。1、學習能力，2、交流能力，3、執行能力java
二、在項目中擔任的角色是什麼？作了什麼模塊？web
前端開發，負責頁面的效果展現，不負責後端數據交互正則表達式
三、H5新增的特性是什麼？canvas
（1）新的文檔類型 (New Doctype)後端
（2）語義化的標籤數組
（3）Local Storage 緩存緩存
（4）Input的默認值placeholder
（5）多媒體元素和canvas
四、H5的優缺點？
優勢：
（1）跨平臺，兼容性好
（2）本地存儲特性
缺點：
（1）運行速度容易受網絡影響
（2）屢次訪問不便捷
五、性能優化
（1）減小http請求，即合併CSS、合併JavaScript，要壓縮，合理設置緩存
（2）將圖片合併成css精靈圖
（3）CSS放在頁面最上部，javascript放在頁面最下面
（4）Css中慎用選擇器，層級減小，少標籤嵌套選擇，多使用類
（5）Js減小對dom的操做
（6）Html中標籤嵌套要正確
六、String和array的區別，以及它們的經常使用方法
1、String:
1.charAt()返回在指定位置的字符。（stringObject.charAt(index)）
2.charCodeAt()返回在指定的位置的字符的 Unicode 編碼。
3.concat()鏈接字符串。
4.indexOf()檢索字符串。
5.lastIndexOf()從後向前搜索字符串。
6.replace()替換與正則表達式匹配的子串。
7.slice()提取字符串的片段，並在新的字符串中返回被提取的部分。stringObject.slice(start,end)
8.split()把字符串分割爲字符串數組。stringObject.split(指定分割的符號,返回數組的長度)
9.substr()從起始索引號提取字符串中指定數目的字符。stringObject.substr(start,length),start是必需要寫的，是要抽取的子串的起始下標。必須是數值。若是是負數，那麼該參數聲明從字符串的尾部開始算起的位置。也就是說，-1 指字符串中最後一個字符，-2 指倒數第二個字符
10.substring()提取字符串中兩個指定的索引號之間的字符。stringObject.substring(start,end)
11.toString()返回字符串。
2、Array經常使用方法：
1.jion()方法用於把數組中的全部元素放入一個字符串。ArrayObject.jion(指定符號),指定要使用的分隔符。若是省略該參數，則使用逗號做爲分隔符。
2.contact()鏈接兩個或更多的數組，並返回結果。
3.pop()刪除並返回數組的最後一個元素
4.push()向數組的末尾添加一個或更多元素，並返回新的長度。
5.shift()刪除並返回數組的第一個元素
6.unshift()向數組的開頭添加一個或更多元素，並返回新的長度。
7.reverse()顛倒數組中元素的順序。
8.slice()從某個已有的數組返回選定的元素ArrayObject.slice(start,end),start必須寫，規定從何處開始選取。若是是負數，那麼它規定從數組尾部開始算起的位置。也就是說，-1 指最後一個元素，-2 指倒數第二個元素，以此類推。
9.sort()對數組的元素進行排序（是按照字符編碼的順序進行排序）
10.splice() 方法向/從數組中添加/刪除項目，而後返回被刪除的項目。ArrayObject.splice(須要刪除數的位置index,刪除多少個，添加的元素)
七、作項目有遇到什麼難點嗎？
難點一二三
八、調用接口？
後端提供的接口文檔，使用過
九、Dom事件有哪些？冒泡事件？
(1)單擊事件:onclick。用戶單擊鼠標按鍵時產生的事件，同時。nclick指定的事件處理程序或代碼將被調用執行.
(2)改變事件:onchange。當text或textarea元素內的字符值改變或select表格選項狀態改變時發生該事件。
(3)選中事件:onselect。當text或textarea對象中的文字被選中時會引起該事件。如:
<ipnut type="text" value="默認信息」onselect=alert(」您選中T文本框中的文字」)>
(4)得到焦點事件:onfocus。用戶單擊text或textarea以及select對象，即光標落在文本框或選擇框時會產生該事件。如:
<select name= "zhengjian" onfocus=alert(」我成爲焦點」)>
(5)失去焦點事件:onblur.失去焦點事件正好與得到焦點事件相對，當text或textarea以及select對象再也不擁有焦點而退出後臺時，引起該事件。
(6)載人文件事件:onload,’當頁面文件載人時產生該事件。onload的一個做用就是在首次載人一個頁面文件時檢測cookie的值，並用一個變量爲其賦值，使它能夠被源代碼使用，本事件是window的事件，可是在HTML中指定事件處理程序時，通常把它寫在<body>標記中。如:
<body onload=alert(」正在加載頁面，請等待一」)>
(7)卸載文件事件:onunload。與載人文件事件。nload正好相反，當Web頁面退出時引起的事件，並可更新。ookie的狀態。如:
<body onunload=confirm(」你肯定要離開本頁?」)>
(8)鼠標鎮蓋事件:onmouseover, onmouseover是當鼠標位於元素上方時所引起的事件。如:
<input type= "boutton" value=」按鈕」onmouseover= "window. status=‘請您注意下面的狀態欄·;return true">
(9)鼠標離開事件:onmouseout, onmouseout是當鼠標離開元素時引起的事件。若是和鼠標覆蓋事件同時使用，能夠建立動態按鈕的效果。
(10)通常事件。
ondbclick:鼠標雙擊事件。
onkeypress:當鍵盤上的某個鍵被按下而且釋放時觸發的事件，要求頁面內必須有激活的對象。
onkeydown:當鍵盤上某個鍵被按下時觸發的事件，要求頁面內必須有激活的對象。
onkeyup:當鍵盤上某個鍵被放開時觸發的事件，要求頁面內必須有激活的對象。
(11)頁面相關事件。
onabort:圖片在下載時被用戶中斷時觸發的事件。
onbeforeunload:當前頁面的內容將要被改變時觸發的事件。
- 1. 前端面試題彙總
- 2. 前端面試問題css彙總
- 3. 前端面試問題彙總
- 4. 2020年前端面試問題彙總
- 5. 前端面試 問題彙總
- 6. 前端面試題彙總 筆試題
- 7. web前端面試題目彙總 Web前端面試題目彙總
- 8. 前端面試題-問題和答案彙總2020（web一面）
- 9. 前端工程師面試題彙總
- 10. 前端面試題彙總（四）
- 更多相關文章...
- • Docker 資源彙總 - Docker教程
- • Redis悲觀鎖解決高併發搶紅包的問題 - 紅包項目實戰
- • 使用阿里雲OSS+CDN部署前端頁面與加速靜態資源
- • PHP Ajax 跨域問題最佳解決方案
-
每一个你不满意的现在，都有一个你没有努力的曾经。
- 1. 前端面試題彙總
- 2. 前端面試問題css彙總
- 3. 前端面試問題彙總
- 4. 2020年前端面試問題彙總
- 5. 前端面試 問題彙總
- 6. 前端面試題彙總 筆試題
- 7. web前端面試題目彙總 Web前端面試題目彙總
- 8. 前端面試題-問題和答案彙總2020（web一面）
- 9. 前端工程師面試題彙總
- 10. 前端面試題彙總（四）