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

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

使用sass/less的好處：

結構清晰，便于擴展。

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

可以輕松實現多重繼承。

完全兼容 CSS 代碼，可以方便地應用到老項目中。

2.簡述 ajax 的過程

創建一個XMLHttpRequest的對象.

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

使用send() 來發送請求。

使用onreadystatechange事件來監聽。

使用responseText來獲取服務器返回的數據

拓展：XMLHttpRequest是什么？

是異步對象

3.詳細解釋移動端頭部標簽每個參數的含義

meta：設置一些網頁參數的，比如編碼格式，視口配置，關鍵字配置之類的
title: 設置網頁標題
link: 外鏈樣式表
script: 外鏈js代碼

4.固定定位布局 鍵盤擋住輸入框內容

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

5.上下拉動滾動條時卡頓、慢

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

6.防止手機中頁面放大和縮小

<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 選擇屬于其父元素的首個元素
p:last-of-type 選擇屬于其父元素的最后元素
p:only-of-type 選擇屬于其父元素唯一的元素
:enabled :disabled 表單控件的禁用狀態。
:checked 單選框或復選框被選中

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

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

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

CSS3選擇器

CSS3邊框

CSS3背景

CSS3漸變

CSS3文本效果

CSS3字體

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

url:：發送請求的地址
type：請求方式（post或get）默認為get
async：默認設置為true，請求為異步請求
success：請求成功后調用的回調函數
error：請求失敗時被調用的函數

拓展:true是什么？

異步調用對象

11.寫出HTML5新增的語義化標簽

header 頭
nav 導航條
section 定義塊
footer 定義頁腳
aside 側邊欄
mark 標記
article 文章
small 小的

12.iphone及ipad下輸入框默認內陰影

element{ -webkit-appearance:none; }

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

200 - 請求成功
301 - 資源（網頁等）被永久轉移到其它 URL
400 - Bad Request

語義有誤，當前請求無法被服務器理解。除非進行修改，否則客戶端不應該重復提交這個請求。

請求參數有誤。

404 - 請求的資源（網頁等）不存在
500 - 內部服務器錯誤

14.移動端開發時，遇到的兼容問題

固定定位布局 鍵盤擋住輸入框內容

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

15.GET 和 POST 的區別，何時使用 POST？

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

get方式提交的內容長度有限制,post不受長度限制

get由于提交到地址欄，所有數據需要轉換為unicode編碼,post不需要轉換

拓展：

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

當你提交時是在url的后面書寫的，是在內部里加密的，所以安全。

get的長度為什么受限制

get由于提交到url地址欄，內容受限

16.px、em、rem的區別

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

區別：

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

17.jqery里ajax的方法及含義

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

拓展：get和post與ajax用哪個比較好？

平時在做json渲染時用get比較多

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。