摘要：閑心面試題一任選一題分的區(qū)別的區(qū)別是無(wú)序列表，是有序列表，是定義列表有層次關(guān)系。無(wú)任何語(yǔ)義，僅僅用作樣式化或者腳本化的鉤子是有一定語(yǔ)義的，適合有主題性的內(nèi)容，表示一個(gè)專題，一般有標(biāo)題，但是不可以亂用。誕生于年，由等人創(chuàng)建，后為所收購(gòu)。

一、任選一題（5分）
a) ul、ol、dl的區(qū)別？
b) div、section、article的區(qū)別？

a:ul是無(wú)序列表，ol是有序列表，dl是定義列表有層次關(guān)系。
b: div section article ，語(yǔ)義是從無(wú)到有，逐漸增強(qiáng)的。
div 無(wú)任何語(yǔ)義，僅僅用作樣式化或者腳本化的鉤子(hook)
section是有一定語(yǔ)義的div，適合有主題性的內(nèi)容，表示一個(gè)專題，一般有標(biāo)題，但是不可以亂用。只有內(nèi)容明確需要出現(xiàn)在大綱中時(shí)才會(huì)使用。
artical是更特殊的section，他是一個(gè)獨(dú)立完整的內(nèi)容塊。比如用在文章，評(píng)論等。

二、html5對(duì)input新增了哪些高級(jí)屬性？（5分）
number，date，color，range，datetime，email，tel，range，search等

三、每題都需回答（15分）
a) 如何用CSS控制文本單行溢出省略？并且大致說(shuō)出多行省略的思路。
b) 談?wù)勴憫?yīng)式布局？
c) CSS3有哪些高級(jí)選擇器？
a:css實(shí)現(xiàn)單行溢出省略是利用text-overflow：ellipsis，white-space：nowrap和overflow：hidden屬性實(shí)現(xiàn)的。（新版主流瀏覽器測(cè)試通過(guò)）
多上省略：適用于webkit內(nèi)核和移動(dòng)端

overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

b:響應(yīng)式布局就是一個(gè)網(wǎng)站能夠兼容多個(gè)終端,而不是為每個(gè)終端做一個(gè)特定的版本。
這個(gè)概念是為解決移動(dòng)互聯(lián)網(wǎng)瀏覽而誕生的。html5也因此加入了媒體查詢等一系列針對(duì)響應(yīng)式布局的新元素。

c:css有屬性選擇器{E[att$="val"],E[att~="val"],E[att^="val"]}

       偽類選擇器{E:not(),E:last-child,E:only-child,E:nth-child(n),E:nth-last-child(),E:empty}
       偽對(duì)象選擇器{E::selection}
       關(guān)系選擇器{E~F}
       

四、請(qǐng)逐一解釋他們：Node.js、React Native、Angular.js、Grunt/Gulp、Webpack、Git、JSONP（10分）

Node.js: Node.js是一個(gè)基于Chrome JavaScript運(yùn)行時(shí)建立的平臺(tái)， 用于方便地搭建響應(yīng)速度快、易于擴(kuò)展的網(wǎng)絡(luò)應(yīng)用。Node.js 使用事件驅(qū)動(dòng)， 非阻塞I/O 模型而得以輕量和高效，非常適合在分布式設(shè)備上運(yùn)行的數(shù)據(jù)密集型的實(shí)時(shí)應(yīng)用。
React Native: React Native 結(jié)合了 Web 應(yīng)用和 Native 應(yīng)用的優(yōu)勢(shì)，可以使用 JavaScript 來(lái)開發(fā) iOS 和 Android 原生應(yīng)用。在 JavaScript 中用 React 抽象操作系統(tǒng)原生的 UI 組件，代替 DOM 元素來(lái)渲染等。
Angular.js: AngularJS誕生于2009年，由Misko Hevery 等人創(chuàng)建，后為Google所收購(gòu)。是一款優(yōu)秀的前端JS框架，已經(jīng)被用于Google的多款產(chǎn)品當(dāng)中。AngularJS有著諸多特性，最為核心的是：MVVM、模塊化、自動(dòng)化雙向數(shù)據(jù)綁定、語(yǔ)義化標(biāo)簽、依賴注入等等。
Grunt/Gulp:自動(dòng)構(gòu)建系統(tǒng)，開發(fā)者可以使用它在網(wǎng)站開發(fā)過(guò)程中自動(dòng)執(zhí)行常見任務(wù)。
Webpack： 是一個(gè)模塊打包工具，你可以使用WebPack管理你的模塊依賴，并編繹輸出模塊們所需的靜態(tài)文件。
Git： Git是一款免費(fèi)、開源的分布式版本控制系統(tǒng)，用于敏捷高效地處理任何或小或大的項(xiàng)目?！?br>JSONP： 為了便于客戶端使用數(shù)據(jù)，逐漸形成了一種非正式傳輸協(xié)議，人們把它稱作JSONP，該協(xié)議的一個(gè)要點(diǎn)就是允許用戶傳遞一個(gè)callback參數(shù)給服務(wù)端，然后服務(wù)端返回?cái)?shù)據(jù)時(shí)會(huì)將這個(gè)callback參數(shù)作為函數(shù)名來(lái)包裹住JSON數(shù)據(jù)，這樣客戶端就可以隨意定制自己的函數(shù)來(lái)自動(dòng)處理返回?cái)?shù)據(jù)了。

五、分別說(shuō)出下述輸出結(jié)果（15分）
a) var a, b = 0, fn = function(){

    var a = b = 2;
};
fn();
console.log(a, b);//(undefined,2)

b) var b = {a: 1}[0]; //b的值 undefined var b={a:1}["a"]輸出1

c) !function(){

    this.length = 10;
    var fn = function(){
        console.log(this.length);  //輸出多少？  輸出2 this是arr
    }, arr = [fn, "hello layui"];
    fn.length = 100;
    arr[0]();
}();  

六、封裝一個(gè)cont方法，能實(shí)現(xiàn)如此調(diào)用：cout(a)(b)(c)(d)(e)… 并且返回的值為參數(shù)連剩的結(jié)果，即abcde*…。如cout(1)(3)(7) 得到21 （15分）

        var init=0;  //設(shè)置一個(gè)全局變量
        var muti=function(m)
      {
           init=init*m; 
           return muti
      }
      muti.toString=function()  //這是關(guān)鍵的一步
      {
          return init;
      }
        function count(m)  //最終我們要調(diào)用的函數(shù)
        {
            init=m ;// 初始化，否則init是0，那么永遠(yuǎn)乘 都是 0，也是很關(guān)鍵的一步
            return muti;//最終返回的是 元對(duì)象（不是實(shí)例化過(guò)后的對(duì)象哦)
        }

    alert(count(3)(4)(5))

七、任選一題（15分）
a) 談?wù)勀銓?duì)模塊化開發(fā)的理解？
b) 你認(rèn)為什么是更科學(xué)效率的組件化？
c) ES6有哪些你覺得不錯(cuò)的特性？

八、任選一題（20分）
a) 實(shí)現(xiàn)一個(gè)手勢(shì)滑動(dòng)輪播圖，可以直接用代碼表述，也可以只說(shuō)說(shuō)思路。
b) 大致描述如何實(shí)現(xiàn)一個(gè)基于Express的MVC框架？