久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆

    1. <style id="76ofp"></style>

      <style id="76ofp"></style>
      <rt id="76ofp"></rt>
      <form id="76ofp"><optgroup id="76ofp"></optgroup></form>
      1. 千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機(jī)構(gòu)

        手機(jī)站
        千鋒教育

        千鋒學(xué)習(xí)站 | 隨時(shí)隨地免費(fèi)學(xué)

        千鋒教育

        掃一掃進(jìn)入千鋒手機(jī)站

        領(lǐng)取全套視頻
        千鋒教育

        關(guān)注千鋒學(xué)習(xí)站小程序
        隨時(shí)隨地免費(fèi)學(xué)習(xí)課程

        當(dāng)前位置:首頁  >  應(yīng)聘面試  >  html5面試題  > 2022年大廠前端面試題匯總(一)

        2022年大廠前端面試題匯總(一)

        來源:千鋒教育
        發(fā)布人:syq
        時(shí)間: 2022-07-14 14:24:00 1657779840

          1、boder如何實(shí)現(xiàn)0.5像素?

          實(shí)現(xiàn)方法:CSS3有縮放的屬性,我們可以利用這個(gè)屬性,縮小50%的1px的邊框,來實(shí)現(xiàn)這個(gè)功能代碼如下:

        大廠前端面試題

        ```html

        <div class="border3">

            <div class="content">偽類設(shè)置的邊框</div>

        </div>  

        <style>

        *{

             margin:0;padding:0

        }

        .border3{

             position: relative;         

        }

        .border3:before{

            content: '';

            position: absolute;

            width: 200%;

            height: 200%;

            border: 1px solid red;

            transform-origin: 0 0;

            transform: scale(0.5, 0.5);

            box-sizing: border-box;

         }

        </style>

        ```

          2、css引入的方式有哪些,link和@import的區(qū)別是什么?

          - 區(qū)別1:link屬于XHTML標(biāo)簽,而@import完全是CSS提供的一種方式。

          - 區(qū)別2:當(dāng)一個(gè)頁面被加載的時(shí)候(就是被瀏覽者瀏覽的時(shí)候),link引用的CSS會(huì)同時(shí)被加載,而@import引用的CSS會(huì)等到頁面全部被下載完再被加載。所以有時(shí)候?yàn)g覽@import加載CSS的頁面時(shí)開始會(huì)沒有樣式(就是閃爍),網(wǎng)速慢的時(shí)候還挺明顯。

          - 區(qū)別3:@import是CSS2.1提出的,所以老的瀏覽器不支持,@import只有在IE5以上的才能識(shí)別,而link標(biāo)簽無此問題。

          - 區(qū)別4:使用dom(document object model文檔對(duì)象模型 )控制樣式時(shí)的差別:當(dāng)使用javascript控制dom去改變樣式的時(shí)候,只能使用link標(biāo)簽,因?yàn)锧import不是dom可以控制的.

          3、FireFox中標(biāo)簽的居中問題的解決辦法

        ```html

        <div id="a" style="width:200px;border:1px solid red;text-align:center;">

            <div id="b" style="background-color:blue;width:30px;margin:0 auto"> </div>

        </div>

        <!--以上面結(jié)構(gòu)為例,在a中設(shè)置text-align屬性為center之后,還需要設(shè)置b的橫向margin為auto。設(shè)置添加b的CSS樣式為:margin: 0 auto;-->

          4、flex:0 1 100px什么意思?flex兩個(gè)參數(shù),三個(gè)參數(shù)什么意思?表示三個(gè)參數(shù),flex-grow、flex-shrink、flex-basis分別是啥意思?

          · flex屬性是彈性布局添加給項(xiàng)目(子元素)的屬性,

          o flex屬性是flex-grow(放大)、flex-shrink(縮小)、flex-basis(寬度)的簡(jiǎn)寫屬性。

          o flex-grow默認(rèn)值為0,當(dāng)值大于0時(shí),當(dāng)父元素有剩余空間時(shí)當(dāng)前元素放大,父元素沒有剩余空間時(shí),該元素不放大。

          o flex-shrnk默認(rèn)值為1,父元素有剩余空間時(shí),該元素不縮小,父元素沒有剩余空間時(shí),該元素縮小。

          o flex-basis相當(dāng)于width屬性。

          · flex:0 1 100px;表示父元素有剩余空間當(dāng)前元素不放大,父元沒有剩余空間當(dāng)前元素會(huì)縮小。flex有很多中賦值方式,可以寫一個(gè)值,兩個(gè)值或者三個(gè)值。

          o 舉例:1.flex:1 解析為 flex:1 1 0%。2.flex:auto解析為 flex:1 1 auto。3.flex:none解析為flex:0 0auto。4.flex:解析為flex:0 0 auto。4.flex:0 auto解析為flex:0 1 auto。

          更多關(guān)于前端培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項(xiàng)目實(shí)操的話可以點(diǎn)擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。

        tags:
        聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
        10年以上業(yè)內(nèi)強(qiáng)師集結(jié),手把手帶你蛻變精英
        請(qǐng)您保持通訊暢通,專屬學(xué)習(xí)老師24小時(shí)內(nèi)將與您1V1溝通
        免費(fèi)領(lǐng)取
        今日已有369人領(lǐng)取成功
        劉同學(xué) 138****2860 剛剛成功領(lǐng)取
        王同學(xué) 131****2015 剛剛成功領(lǐng)取
        張同學(xué) 133****4652 剛剛成功領(lǐng)取
        李同學(xué) 135****8607 剛剛成功領(lǐng)取
        楊同學(xué) 132****5667 剛剛成功領(lǐng)取
        岳同學(xué) 134****6652 剛剛成功領(lǐng)取
        梁同學(xué) 157****2950 剛剛成功領(lǐng)取
        劉同學(xué) 189****1015 剛剛成功領(lǐng)取
        張同學(xué) 155****4678 剛剛成功領(lǐng)取
        鄒同學(xué) 139****2907 剛剛成功領(lǐng)取
        董同學(xué) 138****2867 剛剛成功領(lǐng)取
        周同學(xué) 136****3602 剛剛成功領(lǐng)取
        相關(guān)推薦HOT
        前端JavaScript面試題——js時(shí)間戳轉(zhuǎn)換時(shí)間的方法

        小伙伴們!今天我們要來聊聊前端JavaScript的一個(gè)面試題,那就是如何把時(shí)間戳轉(zhuǎn)換成普通的時(shí)間格式呢?這個(gè)問題可是前端面試中的??团?別擔(dān)心,...詳情>>

        2023-08-04 08:59:00
        Html5面試題之網(wǎng)絡(luò)中使用最多的圖片格式有哪些?

        在網(wǎng)絡(luò)中使用最多的圖片格式主要有JPEG、PNG和GIF。下面我將為你詳細(xì)介紹這三種圖片格式。JPEG(JointPhotographicExpertsGroup):JPEG是一種廣...詳情>>

        2023-07-19 15:56:35
        解釋一下什么是跨域請(qǐng)求?

        答案:跨域請(qǐng)求是指在瀏覽器中,通過JavaScript在一個(gè)域名下發(fā)起對(duì)另一個(gè)域名的請(qǐng)求。由于瀏覽器的同源策略(Same-OriginPolicy)限制,跨域請(qǐng)求...詳情>>

        2023-07-18 14:04:00
        瀏覽器的同源策略機(jī)制

        所以我們可以將請(qǐng)求發(fā)送到自己服務(wù)器,然后自己服務(wù)器去請(qǐng)求目標(biāo)接口資源,最后自己服務(wù)器將接口資源返回給當(dāng)前頁面,類似于找外援代替自己請(qǐng)求...詳情>>

        2022-08-23 17:45:21
        闡述一下http1.0與http2.0的區(qū)別,及http和https區(qū)別

        HTTP2.0和HTTP1.X相比的新特性 - 新的二進(jìn)制格式(Binary Format),HTTP1.x的解析是基于文本,基于文本協(xié)議的格式解析存在天然缺陷,文本的表...詳情>>

        2022-08-23 17:45:15
        快速通道
        盖州市| 宜章县| 大洼县| 莱西市| 大理市| 泰州市| 临城县| 驻马店市| 仪陇县| 团风县| 宜川县| 临桂县| 乌什县| 开阳县| 太白县| 龙里县| 建湖县| 竹北市| 大英县| 仁怀市| 太湖县| 利辛县| 财经| 历史| 弥渡县| 肥城市| 上饶市| 军事| 寿宁县| 青河县| 响水县| 资源县| 习水县| 内江市| 康定县| 大关县| 雅江县| 白山市| 曲靖市| 嘉定区| 丰都县|