欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

web前端工程師面試題10條必會(huì)筆試題-創(chuàng)新互聯(lián)


創(chuàng)新互聯(lián)的團(tuán)隊(duì)成員不追求數(shù)量、追求質(zhì)量。我們經(jīng)驗(yàn)豐富并且專業(yè)，我們之間合作時(shí)就好像一個(gè)人，協(xié)同一致毫無(wú)保留。創(chuàng)新互聯(lián)珍視想法，同時(shí)也看重過(guò)程轉(zhuǎn)化帶來(lái)的沖擊力和影響力，在我們眼中，任何細(xì)節(jié)都不容小覷。一直致力于為企業(yè)提供從國(guó)際域名空間、網(wǎng)站策劃、網(wǎng)站設(shè)計(jì)、商城網(wǎng)站制作、網(wǎng)站推廣、網(wǎng)站優(yōu)化到為企業(yè)提供個(gè)性化軟件開(kāi)發(fā)等基于互聯(lián)網(wǎng)的全面整合營(yíng)銷服務(wù)。

  • 布局 左邊20% 中間自適應(yīng) 右邊200px 不能用定位

答案：圣杯布局/雙飛翼布局或者flex

  • 什么叫優(yōu)雅降級(jí)和漸進(jìn)增強(qiáng)？

漸進(jìn)增強(qiáng) progressive enhancement：針對(duì)低版本瀏覽器進(jìn)行構(gòu)建頁(yè)面，保證最基本的功能，然后再針對(duì)高級(jí)瀏覽器進(jìn)行效果、交互等改進(jìn)和追加功能達(dá)到更好的用戶體驗(yàn)。

優(yōu)雅降級(jí) graceful degradation：一開(kāi)始就構(gòu)建完整的功能，然后再針對(duì)低版本瀏覽器進(jìn)行兼容。

區(qū)別：優(yōu)雅降級(jí)是從復(fù)雜的現(xiàn)狀開(kāi)始，并試圖減少用戶體驗(yàn)的供給，而漸進(jìn)增強(qiáng)則是從一個(gè)非?；A(chǔ)的，能夠起作用的版本開(kāi)始，并不斷擴(kuò)充，以適應(yīng)未來(lái)環(huán)境的需要。降級(jí)（功能衰減）意味著往回看；而漸進(jìn)增強(qiáng)則意味著朝前看，同時(shí)保證其根基處于安全地帶。

 “優(yōu)雅降級(jí)”觀點(diǎn)認(rèn)為應(yīng)該針對(duì)那些最高級(jí)、最完善的瀏覽器來(lái)設(shè)計(jì)網(wǎng)站。而將那些被認(rèn)為“過(guò)時(shí)”或有功能缺失的瀏覽器下的測(cè)試工作安排在開(kāi)發(fā)周期的最后階段，并把測(cè)試對(duì)象限定為主流瀏覽器（如 IE、Mozilla 等）的前一個(gè)版本。

在這種設(shè)計(jì)范例下，舊版的瀏覽器被認(rèn)為僅能提供“簡(jiǎn)陋卻無(wú)妨 (poor, but passable)” 的瀏覽體驗(yàn)。你可以做一些小的調(diào)整來(lái)適應(yīng)某個(gè)特定的瀏覽器。但由于它們并非我們所關(guān)注的焦點(diǎn)，因此除了修復(fù)較大的錯(cuò)誤之外，其它的差異將被直接忽略。

 “漸進(jìn)增強(qiáng)”觀點(diǎn)則認(rèn)為應(yīng)關(guān)注于內(nèi)容本身。

內(nèi)容是我們建立網(wǎng)站的誘因。有的網(wǎng)站展示它，有的則收集它，有的尋求，有的操作，還有的網(wǎng)站甚至?xí)陨系姆N種，但相同點(diǎn)是它們?nèi)忌婕暗絻?nèi)容。這使得“漸進(jìn)增強(qiáng)”成為一種更為合理的設(shè)計(jì)范例。這也是它立即被 Yahoo! 所采納并用以構(gòu)建其“分級(jí)式瀏覽器支持 (Graded Browser Support)”策略的原因所在。

web前端工程師面試題10條必會(huì)筆試題

  • 簡(jiǎn)述一下src與href的區(qū)別

src用于替換當(dāng)前元素，href用于在當(dāng)前文檔和引用資源之間確立聯(lián)系。src是source的縮寫(xiě)，指向外部資源的位置，指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在位置；在請(qǐng)求src資源時(shí)會(huì)將其指向的資源下載并應(yīng)用到文檔內(nèi)，例如js腳本，img圖片和frame等元素。<script src =”js.js”></script>當(dāng)瀏覽器解析到該元素時(shí)，會(huì)暫停其他資源的下載和處理，直到將該資源加載、編譯、執(zhí)行完畢，圖片和框架等元素也如此，類似于將所指向資源嵌入當(dāng)前標(biāo)簽內(nèi)。這也是為什么將js腳本放在底部而不是頭部。

href是Hypertext Reference的縮寫(xiě)，指向網(wǎng)絡(luò)資源所在位置，建立和當(dāng)前元素（錨點(diǎn)）或當(dāng)前文檔（鏈接）之間的鏈接，如果我們?cè)谖臋n中添加<link href=”common.css” rel=”stylesheet”/>那么瀏覽器會(huì)識(shí)別該文檔為css文件，就會(huì)并行下載資源并且不會(huì)停止對(duì)當(dāng)前文檔的處理。這也是為什么建議使用link方式來(lái)加載css，而不是使用@import方式。

  • z-index是什么？在position的值是什么時(shí)可以觸發(fā)？

答案:absolute,relative,fixed, sticky

  • 什么是標(biāo)準(zhǔn)文檔流？

文檔流指的是元素排版布局過(guò)程中，遵循于從上向下，從左向右的流式排列。并最終窗體自上而下分成一行行，并在每行中從左至右的順序排放元素。

分為兩種等級(jí)：塊級(jí)元素和行內(nèi)元素；

塊級(jí)元素：

1).霸占一行，不能與其他任何元素并列

2).能接受寬、高

3).如果不設(shè)置寬度，那么寬度將默認(rèn)變?yōu)楦赣H的100%，即和父親一樣寬

行內(nèi)元素：

1).與其他元素并排

2).不能設(shè)置寬、高。默認(rèn)的寬度就是文字的寬度

在HTML中，標(biāo)簽分為：文本級(jí)和容器級(jí)；

文本級(jí)：p、span、a、b、i、u、em

容器級(jí)：div、h系列、li、dt、dd

  • 簡(jiǎn)述選擇器~和+的區(qū)別

答案:都是層級(jí)選擇器

相鄰兄弟選擇器： E + F, 選中的僅是一個(gè)元素。同級(jí)并且F元素在E元素的后面。

通用兄弟選擇器：E ~ F   選中的是與E相鄰的后面的兄弟元素f

  • flex中元素的margin是否會(huì)合并

答案:不會(huì)合并

  • <div><div></div></div>,父元素和子元素寬高不固定，如何實(shí)現(xiàn)水平垂直居中

答案: 

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

<style>

*{

margin: 0;

padding: 0;

}

html,body{height: 100%;}

body{

display: flex;

}

section{

background: pink;

display: flex;

flex: 1;

align-items: center;

justify-content: center;

}

article{

background: blue;

}

</style>

</head>

<body>

<section>

<article>123</article>

</section>

</body>

</html>

  • 簡(jiǎn)述title與h2的區(qū)別，b與strong的區(qū)別，i與em的區(qū)別

1、title是網(wǎng)站header部分的內(nèi)容是網(wǎng)站的標(biāo)題，而h表示body內(nèi)的標(biāo)題

2、但從視覺(jué)上效果觀看b與strong、i與em是沒(méi)有區(qū)別的，唯一區(qū)別是搜索引擎檢索的時(shí)候搜索引擎可以識(shí)別strong、em標(biāo)簽、而不能識(shí)別b與i標(biāo)簽

  • 請(qǐng)問(wèn)蘋果原生瀏覽器中默認(rèn)樣式如何清除，例如button，input的默認(rèn)樣式（谷歌瀏覽器沒(méi)有問(wèn)題）

input[type="submit"],

input[type="reset"],

input[type="button"],

button {

 -webkit-appearance: none;

}

文章來(lái)自知乎：https://zhuanlan.zhihu.com/p/64703333

分享名稱：web前端工程師面試題10條必會(huì)筆試題-創(chuàng)新互聯(lián)
地址分享：http://chinadenli.net/article32/dgpepc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、移動(dòng)網(wǎng)站建設(shè)、品牌網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司、響應(yīng)式網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化