1.Sass 、LESS 是什么？大家為什么要使用他們

sass和less都是 CSS 預(yù)處理器，最終編譯成 CSS。

使用sass/less的好處：

結(jié)構(gòu)清晰，便于擴(kuò)展。

可以方便地屏蔽瀏覽器私有語法差異。

可以輕松實(shí)現(xiàn)多重繼承。

完全兼容 CSS 代碼，可以方便地應(yīng)用到老項(xiàng)目中。

2.簡述 ajax 的過程

創(chuàng)建一個(gè)XMLHttpRequest的對象.

通過open()與服務(wù)器建立連接。

使用send() 來發(fā)送請求。

使用onreadystatechange事件來監(jiān)聽。

使用responseText來獲取服務(wù)器返回的數(shù)據(jù)

拓展：XMLHttpRequest是什么？

是異步對象

3.詳細(xì)解釋移動(dòng)端頭部標(biāo)簽每個(gè)參數(shù)的含義

meta：設(shè)置一些網(wǎng)頁參數(shù)的，比如編碼格式，視口配置，關(guān)鍵字配置之類的
title: 設(shè)置網(wǎng)頁標(biāo)題
link: 外鏈樣式表
script: 外鏈js代碼

4.固定定位布局 鍵盤擋住輸入框內(nèi)容

setTimeout(function(){ document.body.scrollTop = document.body.scrollHeight; },300);

5.上下拉動(dòng)滾動(dòng)條時(shí)卡頓、慢

body {-webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

6.防止手機(jī)中頁面放大和縮小

<meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

7.CSS3 新增偽類有那些？

p:first-of-type 選擇屬于其父元素的首個(gè)元素
p:last-of-type 選擇屬于其父元素的最后元素
p:only-of-type 選擇屬于其父元素唯一的元素
:enabled :disabled 表單控件的禁用狀態(tài)。
:checked 單選框或復(fù)選框被選中

8.rgba()和opacity的透明效果有什么區(qū)別

rgba()和opacity都能實(shí)現(xiàn)透明效果
但最大的不同是opacity作用于元素，以及元素內(nèi)的所有內(nèi)容的透明度
而rgba()只作用于元素的顏色或起背景色。 設(shè)置rgba透明的元素的子元素不會(huì)繼承透明效果

9.CSS3 有哪些新特性？（說出6個(gè)即可）

CSS3選擇器

CSS3邊框

CSS3背景

CSS3漸變

CSS3文本效果

CSS3字體

10.jq的ajax 常用參數(shù)有哪些，（新增題目）

url:：發(fā)送請求的地址
type：請求方式（post或get）默認(rèn)為get
async：默認(rèn)設(shè)置為true，請求為異步請求
success：請求成功后調(diào)用的回調(diào)函數(shù)
error：請求失敗時(shí)被調(diào)用的函數(shù)

拓展:true是什么？

異步調(diào)用對象

11.寫出HTML5新增的語義化標(biāo)簽

header 頭
nav 導(dǎo)航條
section 定義塊
footer 定義頁腳
aside 側(cè)邊欄
mark 標(biāo)記
article 文章
small 小的

12.iphone及ipad下輸入框默認(rèn)內(nèi)陰影

element{ -webkit-appearance:none; }

13.http 常見的狀態(tài)碼有那些？分別代表是什么意思？

200 - 請求成功
301 - 資源（網(wǎng)頁等）被永久轉(zhuǎn)移到其它 URL
400 - Bad Request

語義有誤，當(dāng)前請求無法被服務(wù)器理解。除非進(jìn)行修改，否則客戶端不應(yīng)該重復(fù)提交這個(gè)請求。

請求參數(shù)有誤。

404 - 請求的資源（網(wǎng)頁等）不存在
500 - 內(nèi)部服務(wù)器錯(cuò)誤

14.移動(dòng)端開發(fā)時(shí)，遇到的兼容問題

固定定位布局 鍵盤擋住輸入框內(nèi)容

setTimeout(function(){ document.body.scrollTop = document.body.scrollHeight; },300);

15.GET 和 POST 的區(qū)別，何時(shí)使用 POST？

get是顯式提交，提交到url地址欄,不安全，post是隱式提交,提交到body，安全高

get方式提交的內(nèi)容長度有限制,post不受長度限制

get由于提交到地址欄，所有數(shù)據(jù)需要轉(zhuǎn)換為unicode編碼,post不需要轉(zhuǎn)換

拓展：

在提交用戶名和密碼時(shí)用get寫的話，在什么地方提交？

當(dāng)你提交時(shí)是在url的后面書寫的，是在內(nèi)部里加密的，所以安全。

get的長度為什么受限制

get由于提交到url地址欄，內(nèi)容受限

16.px、em、rem的區(qū)別

px：絕對單位,1px是一個(gè)像素點(diǎn)的大小
em：相對單位：相對父元素字體的大小縮放比例
rem：相對單位，是相對根元素的字體大小的縮放比例

區(qū)別：

IE無法調(diào)用那些使用px作為單位的字體大小， 而em和rem可以縮放，目前，除了IE8及更早版本外，所有瀏覽器已支持rem。

17.jqery里ajax的方法及含義

$.ajax({}); //ajax可以設(shè)置type:get或post $.get(url,{},function(ret){},"json"); //使用get請求的ajax $.post(url,{},function(ret){},"json"); //使用post請求的ajax $.getJSON(url,{},function(ret){}); //使用get請求，返回json數(shù)據(jù)

拓展：get和post與ajax用哪個(gè)比較好？

平時(shí)在做json渲染時(shí)用get比較多

總結(jié)

以上是生活随笔為你收集整理的JS面试题（一般）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。