題目一
HTML中的meta元素的作用?能說下移動端頁面怎么設(shè)置視口威根?
參考答案
meta元素用來表達任何其他 HTML 元相關(guān)元素 (<base>, <link>, <script>, <style> 或者 <title>
) 等無法表達的信息诀浪。eg:<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
題目二
講一講display,position和float的之間的相互影響 ?
注:考驗對css屬性的理解
參考答案
當(dāng)display為none時纲堵,position 和 float的設(shè)置不起作用;當(dāng)display不為none時闰渔,position的值為absolute或者fixed時席函,float被認為none,display的值偉block冈涧;當(dāng)display不為none且position不為absolute或fixed時茂附,float不為none時,display的值為block督弓。
題目三
根據(jù)CSS樣式的來源和重要性(是否包含!important)营曼,羅列下優(yōu)先級。
參考答案
瀏覽器聲明(UA declaration)< 用戶聲明(user declaration)< 作者聲明(author declaration)< 加了“!important”的作者聲明(author important declaration)< 加了“!important”的的用戶聲明(user important declaration)
題目四
實現(xiàn)三列布局愚隧,要求兩側(cè)列寬固定蒂阱,中間列自適應(yīng)寬度?
注:考驗html狂塘,css
題目五
不用條件運算和三元運算 如果輸入的數(shù)字大于0 則返回1 小于0返回-1录煤。
注:題目并不難,考驗應(yīng)試者對js是否靈活應(yīng)用
參考答案
// 1
return x / Math.abs(x)
// 2
var a = function(n){
return (typeof ((n > 0 || -1))).indexOf('o')
}
// 3
3.var a = function(n){
return (+(n > -n) * 2 - 1);
}
題目六
下面代碼的運行結(jié)果是什么荞胡?
注:考驗對JavaScript中this對象的理解
(function () {
'use strict'
console.log(this)
})()
參考答案
undefined
題目七
如何解決跨域問題妈踊?
參考答案
CORS、jsonp泪漂、 iframe廊营、window.name、window.postMessage窖梁、服務(wù)器上設(shè)置代理頁面
題目八
瀏覽器從輸入 URL 到頁面加載顯示完成赘风,這個過程中都發(fā)生了什么?(流程說的越詳細越好)
答案
注:這題勝在區(qū)分度高纵刘,知識點覆蓋廣邀窃,再不懂的人,也能答出幾句,
而高手可以根據(jù)自己擅長的領(lǐng)域自由發(fā)揮瞬捕,從URL規(guī)范鞍历、HTTP協(xié)議、DNS肪虎、CDN劣砍、數(shù)據(jù)庫查詢、
到瀏覽器流式解析扇救、CSS規(guī)則構(gòu)建刑枝、layout、paint迅腔、onload/domready装畅、JS執(zhí)行、JS API綁定等等沧烈;
詳細版:
1掠兄、瀏覽器會開啟一個線程來處理這個請求,對 URL 分析判斷如果是 http 協(xié)議就按照 Web 方式來處理;
2锌雀、調(diào)用瀏覽器內(nèi)核中的對應(yīng)方法蚂夕,比如 WebView 中的 loadUrl 方法;
3、通過DNS解析獲取網(wǎng)址的IP地址腋逆,設(shè)置 UA 等信息發(fā)出第二個GET請求;
4婿牍、進行HTTP協(xié)議會話,客戶端發(fā)送報頭(請求報頭);
5惩歉、進入到web服務(wù)器上的 Web Server牍汹,如 Apache、Tomcat柬泽、Node.JS 等服務(wù)器;
6慎菲、進入部署好的后端應(yīng)用,如 PHP锨并、Java露该、JavaScript、Python 等第煮,找到對應(yīng)的請求處理;
7解幼、處理結(jié)束回饋報頭,此處如果瀏覽器訪問過包警,緩存上有對應(yīng)資源撵摆,會與服務(wù)器最后修改時間對比,一致則返回304;
8害晦、瀏覽器開始下載html文檔(響應(yīng)報頭特铝,狀態(tài)碼200),同時使用緩存;
9、文檔樹建立鲫剿,根據(jù)標(biāo)記請求所需指定MIME類型的文件(比如css鳄逾、js),同時設(shè)置了cookie;
10、頁面開始渲染DOM灵莲,JS根據(jù)DOM API操作DOM,執(zhí)行事件綁定等雕凹,頁面顯示完成。
題目九
http狀態(tài)碼有那些政冻?分別代表是什么意思枚抵?
參考答案
200 正常返回
301 頁面重定向
302 臨時性重定向
400 服務(wù)器無法理解請求的格式,客戶端不應(yīng)當(dāng)嘗試再次使用相同的內(nèi)容發(fā)起請求明场。
404 找不到匹配的資源
500 服務(wù)端錯誤
題目十
原來公司工作流程是怎么樣的俄精,如何與其他人協(xié)作的?如何夸部門合作的榕堰?
注:與他人配合、溝通的能力
題目十一
最近在學(xué)什么嫌套?能談?wù)勀阄磥?逆屡,5年給自己的規(guī)劃嗎?
注:對技術(shù)是否熱忱