面試試題總結

alaege 發布于2019-08-19 18:05 / 3303人閱讀

摘要：閑心面試題一任選一題分的區別的區別是無序列表，是有序列表，是定義列表有層次關系。無任何語義，僅僅用作樣式化或者腳本化的鉤子是有一定語義的，適合有主題性的內容，表示一個專題，一般有標題，但是不可以亂用。誕生于年，由等人創建，后為所收購。

閑心面試題

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

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

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

三、每題都需回答（15分）
a) 如何用CSS控制文本單行溢出省略？并且大致說出多行省略的思路。
b) 談談響應式布局？
c) CSS3有哪些高級選擇器？
a:css實現單行溢出省略是利用text-overflow：ellipsis，white-space：nowrap和overflow：hidden屬性實現的。（新版主流瀏覽器測試通過）
多上省略：適用于webkit內核和移動端

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

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

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}
       偽對象選擇器{E::selection}
       關系選擇器{E~F}

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

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

五、分別說出下述輸出結果（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]();
}();

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

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

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

七、任選一題（15分）
a) 談談你對模塊化開發的理解？
b) 你認為什么是更科學效率的組件化？
c) ES6有哪些你覺得不錯的特性？

八、任選一題（20分）
a) 實現一個手勢滑動輪播圖，可以直接用代碼表述，也可以只說說思路。
b) 大致描述如何實現一個基于Express的MVC框架？

云服務器 GPU云服務器筆試題 cdn試題 python試題考試試題

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/79185.html

如何招聘一名優秀的前端

摘要：如何考察一個人是不是經驗豐富我們需要在問答式的面試中，對其項目經驗進行挖掘。如何設置筆試題現在網上有大量的面經的存在，對于我們面試是一個巨大的挑戰。尊重應聘者我們要尊重每一個來應聘的人，不要輕視別人，或者故意刁難別人。時光荏苒，2個月前，我才剛總結了如何應對面試官，現在的我開始總結如何面試別人了。笑哭.png 1.我們需要什么樣的人招聘肯定要有標準，這樣我們才能更快的找到我們需要的...

Mr_houzi 2019-08-26 10:32 評論0 收藏0
前端面試題總結

摘要：最近一直在找前端工作，前前后后面了幾家公司，雖然不太順利，但是收獲還是有的，就過程中遇到的面試題總結一下標準盒模型盒模型自適應三欄布局移動端自適應方案布局有沒有用做過入場動畫閉包的作用筆試題作用域指向筆試題原型原型鏈筆試題數組對象中常用的方最近一直在找前端工作，前前后后面了幾家公司，雖然不太順利，但是收獲還是有的，就過程中遇到的面試題總結一下 CSS1：標準盒模型/IE盒模型2：自適...

Mr_houzi 2019-08-22 15:53 評論0 收藏0
最最最常見的Java基礎知識面試題總結

摘要：地址面試必備最最最常見的面試題總結第一周一中的值傳遞和引用傳遞非常重要首先要明確的是對象傳遞數組類接口是引用傳遞，原始類型數據整型浮點型字符型布爾型傳遞是值傳遞。這個哈希碼的作用是確定該對象在哈希表中的索引位置。 showImg(https://segmentfault.com/img/remote/1460000015923339?w=922&h=519); 這里會分享一些出現頻率極...

syoya 2019-08-19 10:54 評論0 收藏0
后臺開發常問面試題集錦（問題搬運工，附鏈接）

摘要：基礎問題的的性能及原理之區別詳解備忘筆記深入理解流水線抽象關鍵字修飾符知識點總結必看篇中的關鍵字解析回調機制解讀抽象類與三大特征時間和時間戳的相互轉換為什么要使用內部類對象鎖和類鎖的區別，，優缺點及比較提高篇八詳解內部類單例模式和 Java基礎問題 String的+的性能及原理 java之yield(),sleep(),wait()區別詳解-備忘筆記深入理解Java Stream流水...

spacewander 2019-08-21 17:42 評論0 收藏0