、選擇題

1.要動態(tài)改變層中的內容可以使用的方法有？

• A：innerHTML
• B：innerText
• C：通過設置層的隱藏和顯示來實現
• D：通過設置層的樣式屬性的display屬性

// 答案： A,B，注意動態(tài)改變，內容

2. 看下面的代碼，給出輸出的結果？

3. 看下面代碼，給出輸出結果？

• A：1
• B：2
• C：undefined
• D：報錯

答案是：B，

涉及到的知識點有作用域，變量提升。

因為var是函數級作用域，foo函數中出現var a=2 的存在，

就默認在函數內頂端 聲明var a；此時這個a沒有被賦值所以是undefined；

然后執(zhí)行if(!a)等價于!undefined肯定是true。然后給a賦值為2.

所以打印的是2。

二、問答題

1. 請用css實現水平居中，HTML結構如下

答案：

2. 下面這個ul，如何點擊每一列的時候alert其index？

------題外延伸，點擊某一列，顯示其內容的值？

• 這是一種事件委托，也叫事件代理，是事件捕獲和事件冒泡的一種運用。

舉個例子，比如一個宿舍的同學同時快遞到了，一種方法就是他們都傻傻地一個個去領取，還有一種方法就是把這件事情委托給宿舍長，讓一個人出去拿好所有快遞，然后再根據收件人一一分發(fā)給每個宿舍同學；

在這里，取快遞就是一個事件，每個同學指的是需要響應事件的 DOM 元素，而出去統(tǒng)一領取快遞的宿舍長就是代理的元素，所以真正綁定事件的是這個元素，按照收件人分發(fā)快遞的過程就是在事件執(zhí)行中，需要判斷當前響應的事件應該匹配到被代理元素中的哪一個或者哪幾個。

優(yōu)點：

• 減少內存消耗。不用給每一個 li 都綁定一個函數。綁定到ul上面，執(zhí)行事件的時候去匹配判斷目標元素。
• 動態(tài)綁定事件。增加或者去除列表項元素，那么在每一次改變的時候都需要重新給新增的元素綁定事件，給即將刪去的元素解綁事件；

3. 說出一下函數的作用是？空白區(qū)域應該填寫說明？

• 這個函數的作用就是格式化一段代碼，將傳入的參數替換掉html里面{}中的內容。類似于vue中{}的實現。

4. 寫一個function,清除字符串前后的空格。（兼容所有瀏覽器）

5. 用js實現隨機選取10-100之間的10個數字，存入一個數組，并排序。

6. 使用js編寫一個函數，能夠對傳入的常見對象進行clone（深拷貝）

7. 某種藥方要求非常嚴格，你每天需要同時服用A.B兩種藥片各一顆，不能多也不能少。這種藥非常貴，你不希望有任何一點浪費。一天，你打開藥片A的藥瓶，倒出一粒藥片放在手心，然后打開另一個藥瓶，但是不小心倒出了兩粒藥片。現在，你手上有一顆藥片A，兩顆藥片B，并且你無法區(qū)別哪個是A，哪個是B。你如何才能嚴格遵循藥方服用藥片，并且不能有任何的浪費？

最后

以上是經過參考很多同行分享與官方文檔，匯總的一份總結，如有不對，請指出，最后感謝大家觀看，

如果你覺得本文對有幫助，記得點贊+轉發(fā) 分享給他人，看完不點贊的都是（流氓 /(ㄒoㄒ)/~~

更多前端面試經驗、題庫，如何獲取，首先關注我，并且私信我回復“教程”即可免費獲取！

對于本文你有其他的見解或想法歡迎評論區(qū)留言，謝謝！

近嘗試做了一套京東產品經理的筆試試卷，總共73道題，前41道是產品的相關知識（1道問答題，20道左右不定項選擇，20道左右單選），后32道題包括資料分析、邏輯部分、數字部分、言語部分。

結果前面產品部分的題目錯了好多，后面的行測題結果都還好。大家對試卷感興趣對可以登陸牛客網（https://www.nowcoder.com/contestRoom）搜索公司原題。以下我會選取部分題目來和大家一起學習。

1、假設你是一款B2B模式的電商APP產品經理， 收到需求需要設計APP的注冊功能，在輸出產品原型前，你都需要做哪些工作？

筆者認為，

一、首先需要進行產品定位，與客戶深入討論了解產品。

二、定位目標用戶，不同的用戶對注冊功能有不同對偏好。

三、目標用戶調研，了解目標用戶對注冊習慣和對界面顯示對偏好。可通過用戶訪談、問卷調查，或者不同產品體驗實驗等來進行。

四、進行競品分析，了解市場同類產品注冊設計的優(yōu)劣勢，揚長避短。

五、進行注冊業(yè)務流程設計，結合客戶的要求與用戶的偏好進行初步設計，與客戶以及開發(fā)、測試確認是否存在問題。

六、初步設計原型圖。

七、可邀請部分用戶進行體驗該功能，選取可靠的意見進行優(yōu)化

最后生成產品原型圖。

其中需要注意的是to B產品的用戶注冊和C端產品注冊不同，在保證簡潔方便的同時要滿足企業(yè)的資質認證等，需要結合app對用戶資質對審查嚴格程度進行相應的設計。（歡迎大家交流指正）

3、關于搜索功能描述正確的是（） BD

A、搜索功能需放在比較明顯的位置，或使用明顯的元素指示用戶；
B、需支持多詞搜索，如有必要提供關聯(lián)詞選項；
C、搜索結果需要分類展示，以免內容過多；
D、如有必要，新頁面中需展示搜索歷史、熱搜詞和廣告；

A的話資訊類的搜索功能就沒有必要放在很顯眼的地方吧，C的話搜索結果直接展示

4、用戶研究中關于焦點小組說法正確的是（）AB

A、參與者之間的互動作用可以激發(fā)新的思考和想法；
B、參與者可能會受到組內其他參與者觀念的引導；
C、參與者的觀點具有典型性；
D、不利于短時間集中獲取大量分析資料；

（焦點小組，即小組（焦點）座談（Focus Group）是由一個經過訓練的主持人以一種半結構的形式與一個小組的被調查者交談。主持人負責組織討論。小組座談法的主要目的，是通過傾聽一組從調研者所要研究的目標市場中選擇來的被調查者，從而獲取對一些有關問題的深入了解。這種方法的價值在于常常可以從自由進行的小組討論中得到一些意想不到的發(fā)現。）

5、產品A/B測試中的常見誤區(qū)有（）ABD

A、輪流展現不同版本內容；
B、選擇不同分發(fā)渠道鞥提效果投放；
C、整體效果不好采用多個維度細分觀察；
D、快速迭代敏捷跟蹤，在短時間內驗證結果；

A/B測試實現方法（http://www.aliued.cn/?p=2976）想要更好地理解A/B測試，可以復制以上鏈接開瀏覽器查看。

6、一般APP產品測試包含哪些項目（）ABCDEFG

A、UI測試；
B、功能測試；
C、兼容性測試；
D、性能測試；
E、CMS后臺測試；
F、用戶行為統(tǒng)計測試；
G、回歸測試；

7、敏捷開發(fā)中哪些需求適合拆分（）ABCD

A、各需求功能之間較為獨立的適合拆分；
B、需求功能本身的邏輯遵循較為固定流程的適合拆分；
C、產品上線之后的版本維護適合拆分；
D、產品上線之后的新增需求適合拆分；

8、關于交互設計描述正確的是（）AD

A、以用戶為中心是交互設計的基本原理；
B、交互設計需要高度個性化才能吸引用戶、提升用戶體驗；
C、交互設計需要注意實用性，針對不同人群提供不同難易程度的界面設計；
D、交互設計與用戶研究結合是優(yōu)秀的產品設計必不可少的；

9、移動搜索和PC搜索的說法正確的是（）ABC

A、移動搜索更垂直，依賴于自身應用的定位和行業(yè)細分；
B、PC搜索內容更全面，更利于信息檢索和知識信息的查詢；
C、移動搜索對于位置信息更敏感，用戶更關注“本地”搜索結果；
D、PC搜索比移動搜索對結果排序更敏感，首位與后面位置的點擊率差異更大；

10、陌陌的盈利模式包括哪些（）ABCD

A、會員增值服務營收；
B、移動營銷服務營收；
C、移動游戲服務營收；
D、在線直播服務營收；

嚇得我趕緊下載了一個陌陌，后續(xù)還有不少問當前市面上產品的相關題目

11、下面哪種是增值服務（）BD

A.外賣網站送餐上門服務；

B.京東購物免郵費服務；

C.中國移動短信營業(yè)廳服務；

D.QQ音樂高品質音樂下載服務；
增值服務：超出常規(guī)服務范圍的服務

12、用戶體驗的衡量主要包括以下哪些 ？（）ABCD

A.品牌

B.可用性

C.功能

D.內容

E.用戶

F.效果

http://www.360doc.com/content/06/0913/21/8596_206752.shtml
這四個區(qū)域元素構出了一個完善的產品或系統(tǒng)用戶體驗結構。所以對用戶體驗的衡量也是基于這個四個方面來考核的,衡量方法其實也很簡單，主要是針對不同區(qū)域提出相關的測試問題，根據問題的評分來計算最后的結果。

13、產品SWOT分析包括？（）BCDE

A.成本；

B.優(yōu)勢；

C.劣勢；

D.機會；

E.威脅；

F.回報；

14、移動APP的性能測試主要關注指標（）ABCD

A.啟動時長

B.內存占用

C.流量耗用

D.CPU占用
還有電量（功耗）、幀率（流暢度）https://www.ddvip.com/weixin/20170710A011X400.html APP性能測試的6項關鍵指標及測試獲取手段

15、在做產品競品分析時需要注意（）CD

A.競品目標的全面性，需要盡可能覆蓋行業(yè)內全部應用；

B.競品分析即對產品信息進行對比分析；

C.競品分析是制定產品戰(zhàn)略規(guī)劃、產品布局的客觀參考依據；

D.競品分析選擇重于分析、分析重于羅列；
AD矛盾，D肯定正確。B的話應該是對產品的需求場景、功能進行對比分析。

16、產品需求分析過程中需要注意的是（）ABCD

A.首先需要對需求分級明確需求的優(yōu)先級和重要性；

B.針對產品頁面和需求點需要進行數據跟蹤分析，驗證需求目標并優(yōu)化產品；

C.行業(yè)調研和競品分析可以在沒有數據積累的時候幫助你更好進行需求決策和設計；

D.需求評審與討論可以有效的完善需求、確定方案；

17、你認為以下哪些是產品經理的核心職責（）AD

A.定義產品功能；

B.設計產品交互；

C.產品推廣運營；

D.挖掘用戶需求；

18、假設某網站每天的總PV是100W，總UV是40W，其中20%的訪問者的訪問深度是3，請問這20%的訪問者貢獻了多少PV量（假設每個訪問者每天只訪問一次，訪問路徑均從首頁開始）（）D

A.20W；

B.8W；

C.40W；

D.24W；
40*20%*3
訪問深度 Depth of Visit訪問深度指的是用戶在網站上訪問了多少個頁面。

19、以下哪一類營銷與其他營銷不屬于同一緯度（）C

A.視頻營銷；

B.病毒營銷；

C.社會化媒體營銷；

D.線上活動營銷；

社會化媒體營銷包含其他手段

20、產品可用性測試一般需要多少人（）B

A.3-5人；

B.6-8人；

B.10-20人；

D.30人以上；
樣本個數：眾多研究表明，5個測試用戶就能發(fā)現85%的可用性問題，當然要錢多任性，也可以多找?guī)讉€。

感覺把題目給出的一些產品的方法認真去做擴展閱讀，不失為一個很好的學習方式。這套題做下來的感受是，對互聯(lián)網基本概念、對市面產品、對流行的技術、對產品的方法論都要能夠有所了解。筆試也許所占的比重并不是很大，但是確實能夠作為一種初步了解這個崗位的蠻高效的方式，并且?guī)椭晟谱约旱漠a品方法論。