1. 網頁常見的單位？

px em rem %

2. 1rem等于多少像素？ 由誰決定

1rem具體等于多少像素是由根元素的字體大小來決定比如 html標記的font-size為100px ,1rem=100px

3. html的font-size是20px， p標簽的父元素是10px， 問p標簽： 2.5rem是多少， 2em是多少？

2.5rem=20px*2.5rem=50px 2em=10px*2em=20px

4. meta都包含哪些參數

name：要設置的項
content：具體要設置的內容

5. 移動端都包含哪些touch事件？

touchstart：手機放在屏幕上時觸發
touchmove：手指在屏幕上滑動式觸發
touchend：手指離開屏幕時觸發
touchcancel：系統取消touch事件,一般很少用

6. IScroll的簡單布局？

<div class=”box”><div class=”content”>這里是滾動內容</div> </div>

7. 同步和異步的區別?

同步：當我們向服務器發送一條命令時，需要等待服務器做出響應后再發送下一條命令,這樣的叫同步,

異步：向服務器發送一條命令，不需要等待服務器做出響應，可以直接再發送下一條命令，這樣的我們稱為異步

拓展：什么時候需要異步？

需要讓后臺發起請求，以前都是在js自己內部，在自己內部讀取代碼不會出現異步。 現在需要通過網絡與后臺溝通，但是網絡速度快慢影響數據的加載，此時就需要異步。

8. jquery封裝的ajax的方法中可以用get請求的方法（最少寫三個才能得分)

$.ajax() $.get() $.getJSON()

拓展：其三者的關系是什么？
$.ajax()是一個根本或者說是基礎， $.get()和 $.getJSON()是在它的基礎上進行的封裝出來的，可以更簡化

9. json字符串和json對象相互轉化

json字符串轉json對象：JSON.parse() json對象轉json字符串：JSON.stringify()

10. Ajax 的最大的特點是什么

局部刷新：在不重新加載整個網頁的情況下，對網頁的某部分進行更新。

拓展：什么時候對頁面進行整體刷新？

在開始加載頁面資源的時候

11. sessionStorage中，添加屬性a,屬性值為100

sessionStorage.setItem("a","100"); sessionStorage.a = "100";

拓展：用Storage本地存儲的用處？能做什么？為什么需要？

sessionStorage為臨時保存，而localStorage為永久保存。

12. click的300ms延遲問題

目前大部分瀏覽器都不存在這個問題，但是一些舊版瀏覽器可能會存在
使用fastclick插件事件
使用zepto中的tap事件

13. 寫出transition過渡動畫的四個屬性？

transition：過渡屬性名 過渡時間 過渡的形式 過渡延遲時間;
比如：transition:width 1s linear 1s;

14. rem的好處

使用rem制作的網頁可以在不同的手機設備上自適應頁面大小,從而實現響應式網頁效果

15. 簡述什么是swiper，他的作用是什么

swiper是一款簡單免費的輕量級的javascript庫文件可以實現移動端的 多種滑塊設置以及樣式

16. iscroll是什么？

iscroll是一個高性能、資源占用少、無依賴，多平臺的js滾動插件

17. 寫出iscoll的方法 （至少三個 以及含義）

scrollTo()：滾動到某個位置
scrollToElement()：滾動到某個元素
scrollBy()：從當前位置滾動多少距離

總結

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

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