我的前端面試題
前陣子去湖南幫忙面試,話說(shuō)還是第一次正經(jīng)面試別人,問(wèn)題是老早以前就開(kāi)始想了,在這里整理一下,答案只是簡(jiǎn)要,也不一定完全正確,如有錯(cuò)誤,勞煩指點(diǎn)1、初始頁(yè)面準(zhǔn)備 1.1 css重置如何處理?
怎么也該說(shuō)個(gè)
*{ margin: 0; padding: 0; }
或者詳細(xì)點(diǎn)的https://github.com/ccchangkong/article/issues/5
1.2 常用meta標(biāo)簽?頁(yè)面不縮放,雙核瀏覽器chrome核優(yōu)先巴拉巴拉
1.3 平常頁(yè)面兼容到什么程度,兼容性怎么處理?從W3C或caniuse上查詢(xún)巴拉巴拉
1.4 減少頁(yè)面的復(fù)雜度?合理的結(jié)構(gòu),合理使用偽元素巴拉巴拉
2、css 2.1 盒模型介紹下,引申雙邊框、多層邊框https://github.com/ccchangkong/article/issues/6
2.2 定位問(wèn)題,讓一個(gè)div垂直左右居中https://github.com/ccchangkong/article/issues/4
2.3 布局問(wèn)題,浮動(dòng)導(dǎo)致的高度塌陷如何處理(清浮動(dòng)).clearfix {*zoom:1;} .clearfix:after {content: "";display: block;height: 0;overflow: hidden;clear: both;}2.4 布局問(wèn)題,inline-block布局的問(wèn)題
高低問(wèn)題,基線導(dǎo)致的,設(shè)置vertical-align
在元素寬度設(shè)置沒(méi)問(wèn)題的情況下,意外的寬度不夠,幽靈字符問(wèn)題,設(shè)置父元素font-size:0
2.5 布局問(wèn)題,flex屬性簡(jiǎn)寫(xiě)和反向排序(如果用到)flex:none | [ flex-grow ] || [ flex-shrink ] || [ flex-basis ] flex-direction: row-reverse2.6 移動(dòng)端適配
rem布局,響應(yīng)式布局,移動(dòng)瀏覽器和webview常見(jiàn)問(wèn)題(ios點(diǎn)擊事件不生效、安卓webview各種權(quán)限)
3、js 3.1 jQuery選擇器,已經(jīng)找到了id為test的元素,往下找class為a的所有元素,接著往上找最近的一個(gè)class為b的元素,在回退到上一步篩選操作前的結(jié)果$("#test").find(".a").closest(".b").end()3.2 jQuery動(dòng)態(tài)事件綁定和解綁
.on()和.off()
3.3 js數(shù)組和數(shù)組的拼接a=a.concat(b); a.push.apply(a,b); a.push(...b);3.4 vue 組件通信(如果會(huì))
props、events和借助vuex
3.5 vue-router路由傳參、路由懶加載(如果會(huì))params
import("./Foo.vue")
3.6 混合開(kāi)發(fā)中與原生代碼互相調(diào)用(如果會(huì))//調(diào)用原生代碼暴露的接口 ,appFun(state, { funName, val = null }) { if (state.dev.type == 2) { window.android[funName](val); } else if (state.dev.type == 1) { window.webkit.messageHandlers[funName].postMessage(val); } } // 把函數(shù)掛在window對(duì)象上來(lái)暴露給APP let _this = this; window.setGeolocation = function(params) { _this.setGeolocation(params); };
或者
引用jsbridge
4、工程化(如果會(huì)) 4.1 開(kāi)發(fā)中的跨域代理proxyTable
4.1 webpack優(yōu)化配置,減小打包體積,加快首屏展現(xiàn)速度https://github.com/ccchangkong/article/blob/master/vue-cli%E4%BF%AE%E6%94%B9.md
https://ssr.vuejs.org/zh/#%E4%B8%BA%E4%BB%80%E4%B9%88%E4%BD%BF%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8%E7%AB%AF%E6%B8%B2%E6%9F%93-ssr-%EF%BC%9F
因?yàn)橐龅墓ぷ饕郧袌D為主,所以js問(wèn)題問(wèn)的比較少,針對(duì)面試者做過(guò)的東西會(huì)相對(duì)的提些問(wèn)題,如富文本(標(biāo)簽轉(zhuǎn)義)、文件生成、票據(jù)打?。╬t單位)、地圖開(kāi)發(fā)(坐標(biāo)系、點(diǎn)線面操作)。。
話說(shuō)我搗鼓過(guò)的東西不少啊
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/113600.html
摘要:一基礎(chǔ)接口的意義百度規(guī)范擴(kuò)展回調(diào)抽象類(lèi)的意義我的前端面試經(jīng)歷百度前端掘金博主就讀于電子科技大學(xué),大三狗一枚面試是個(gè)漫長(zhǎng)的過(guò)程,從海投到收獲電話面試,一面二面三面,一個(gè)步驟出錯(cuò)那么后面就宣告終結(jié)。 一道常被人輕視的前端 JS 面試題 - 前端 - 掘金 目錄前言第一問(wèn)第二問(wèn)變量聲明提升函數(shù)表達(dá)式第三問(wèn)第四問(wèn)第五問(wèn)第六問(wèn)構(gòu)造函數(shù)的返回值第七問(wèn)最后前言 年前剛剛離職了,分享下我曾經(jīng)出過(guò)的一道...
摘要:前言在大廠工作了年,當(dāng)了年的前端面試官,把大廠常問(wèn)的面試題與答案匯總在我的中。第題如何劫持的請(qǐng)求,提供思路難度阿里騰訊很多人在上搜索前端面試詳解,把答案倒背如流,但是問(wèn)到如何劫持請(qǐng)求的時(shí)候就一臉懵逼,是因?yàn)檫€是停留在理論性階段。前言 在大廠工作了6年,當(dāng)了3年的前端面試官,把大廠常問(wèn)的面試題與答案匯總在我的Github中。希望對(duì)大家有所幫助,助力大家進(jìn)入自己理想的企業(yè)。 項(xiàng)目地址是:git...
摘要:前言在大廠工作了年,當(dāng)了年的前端面試官,把大廠常問(wèn)的面試題與答案匯總在我的中。第題如何劫持的請(qǐng)求,提供思路難度阿里騰訊很多人在上搜索前端面試詳解,把答案倒背如流,但是問(wèn)到如何劫持請(qǐng)求的時(shí)候就一臉懵逼,是因?yàn)檫€是停留在理論性階段。 前言 在大廠工作了6年,當(dāng)了3年的前端面試官,把大廠常問(wèn)的面試題與答案匯總在我的Github中。希望對(duì)大家有所幫助,助力大家進(jìn)入自己理想的企業(yè)。 項(xiàng)目地址是:...
摘要:前言在大廠工作了年,當(dāng)了年的前端面試官,把大廠常問(wèn)的面試題與答案匯總在我的中。第題如何劫持的請(qǐng)求,提供思路難度阿里騰訊很多人在上搜索前端面試詳解,把答案倒背如流,但是問(wèn)到如何劫持請(qǐng)求的時(shí)候就一臉懵逼,是因?yàn)檫€是停留在理論性階段。 前言 在大廠工作了6年,當(dāng)了3年的前端面試官,把大廠常問(wèn)的面試題與答案匯總在我的Github中。希望對(duì)大家有所幫助,助力大家進(jìn)入自己理想的企業(yè)。 項(xiàng)目地址是:...
摘要:前言在兩家大廠工作了年,當(dāng)了年的前端面試官,把一些較難的面試題與答案匯總在我的中。請(qǐng)說(shuō)出至少種方法,越難越好難度阿里騰訊這種題有簡(jiǎn)單方法,也有難的方法,我建議大伙在面試的時(shí)候,盡量往難的說(shuō)。 前言 在兩家大廠工作了6年,當(dāng)了3年的前端面試官,把一些較難的面試題與答案匯總在我的Github中。希望對(duì)大家有所幫助,助力大家進(jìn)入自己理想的企業(yè)。 項(xiàng)目地址是:https://github.co...
閱讀 2612·2021-09-26 10:13
閱讀 6078·2021-09-08 10:46
閱讀 710·2019-08-30 15:53
閱讀 2991·2019-08-29 16:13
閱讀 2785·2019-08-26 12:23
閱讀 3512·2019-08-26 11:24
閱讀 1127·2019-08-23 18:09
閱讀 1052·2019-08-23 17:08