摘要:收集了一部分面試的時候或者筆試的時候經常出現的題目,分享給大家。使用之前需要考慮這兩個缺點。如果需要使用最好是通過動態給添加屬性值,這樣可以繞開以上兩個問題。當有消息返回時系統會通知進程進行處理,這樣可以提高執行的效率。
下列代碼輸出什么?收集了一部分面試的時候或者筆試的時候經常出現的題目,分享給大家。
for(var i=0;i<5;i++){ (function(i){ setTimeout(function(){ console.log(i); },i*1000) })(i)} // 0,1,2,3,4下列代碼輸出什么?
for(var i=0;i<5;i++){ setTimeout(function(){ console.log(i); },i*1000) }// 5,5,5,5,5Cookie、sessionStorage、localStorage的區別
這三者都是儲存瀏覽器數據的,cookie相對沒有后兩者的儲存大
而第二個比較特殊,他只會儲存瀏覽器運行時的數據,關閉后數據將會被清零
JSONP是一種非正式傳輸協議,該協議的一個要點就是允許用戶傳遞一個callback
參數給服務端,然后服務端返回數據時會將這個callback參數作為函數名來包裹住J
SON數據,這樣客戶端就可以隨意定制自己的函數來自動處理返回數據了
簡稱解決跨域問題
包括內容(content)、外邊距(margin)、內邊距(padding)、邊框(border)
說說get和post請求的區別兩者都可以用來獲取數據,但數據安全方面post比較好
get他會暴露請求參數,post則是加密請求的參數
在es6未發布前,我們是通過構造函數的方法實現類的概念,而實現繼承我們則需
要自己去封裝一個函數,而在es6出來后,js就支持了類,繼承也有了自帶的方法來實現。
閉包的作用是為了防止全局變量的污染
在瀏覽器輸入url地址后
進行TCP三次握手
瀏覽器會向web服務器發送一個http請求
服務器會處理請求并返回一個http請求
最后瀏覽器會將這個請求內容顯示到界面上
在JavaScript中,原型也是一個對象,通過原型可以實現對象的屬性繼承,
JavaScript的對象中都包含了一個”[[Prototype]]”內部屬性
這個屬性所對應的就是該對象的原型。
因為每個對象和原型都有原型,對象的原型指向原型對象,
而父的原型又指向父的父,這種原型層層連接起來的就構成了原型鏈。
設置瀏覽器css重置,統一默認樣式
在js里call()與apply()有什么相同和不同?共同點都可以繼承熟悉和方法,不同點是call第二個參數是個形參,而apply第二個參數是數組
常見的http狀態碼都有哪些?200/500/304/404
下面代碼的輸出值是:alert(1&&2) //2
css position 中有哪些值可以使用?fixed/relative/absolute
常用瀏覽器及內核,對于渲染引擎與js解釋引擎的區分IE: trident內核
Firefox:gecko內核
Safari:webkit內核
Opera:以前是presto內核,Opera現已改用Google Chrome的Blink內核
Chrome:Blink(基于webkit,Google與Opera Software共同開發)
針對不同的瀏覽器寫不同的CSS,解決瀏覽器兼容性
iframe有那些缺點?iframe會阻塞主頁面的Onload事件;
搜索引擎的檢索程序無法解讀這種頁面,不利于SEO;
iframe和主頁面共享連接池,而瀏覽器對相同域的連接有限制,所以會影響頁面的并行加載。
使用iframe之前需要考慮這兩個缺點。如果需要使用iframe
最好是通過javascript動態給iframe添加src屬性值,這樣可以繞開以上兩個問題。
link一般在html頭部定義,作為html標簽,同時除了引入css之外,
還可以說明比如說rel="icon"
import一般定義在css內部,也就是一般寫在文件頭部,并且專門拿來鏈css的。
在項目開發完成之后,根據雅虎性能優化規則,需要對html,JS,CSS,圖片需要做出怎樣的處理?是否可以借助構建工具實現自動化?盡量減少http請求,將圖片壓縮或者打包在一起,將js文件盡量放置在body尾部。
而構建工具可以使用webpack。
消除Javascript語法的一些不合理、不嚴謹之處,減少一些怪異行為;
消除代碼運行的一些不安全之處,保證代碼運行的安全;
提高編譯器效率,增加運行速度;
為未來新版本的Javascript做好鋪墊。
寫出javascript運行結果:for(var i=0; i<10; i++){} alert(i); //10,為什么?仔細觀察!px和em以及rem的區別
px和em以及rem都是長度單位,區別是,px的值是固定的,指定是多少就是多少,計算比較容易。
em得值不是固定的,并且em會繼承父級元素的字體大小。
而rem和em很類似,區別在于rem是繼承html的字體大小。
同步是阻塞模式,異步是非阻塞模式。
同步就是指一個進程在執行某個請求的時候,若該請求需要一段時間才能返回信息,
那么這個進程將會一直等待下去,直到收到返回信息才繼續執行下去;
異步是指進程不需要一直等下去,而是繼續執行下面的操作,不管其他進程的狀態。
當有消息返回時系統會通知進程進行處理,這樣可以提高執行的效率。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/81969.html
摘要:字囊括上百個前端面試題的項目開源了這個項目是什么項目內容這個項目目前在上剛剛開源主要內容如下前端面試題主要整理了高頻且有一定難度的前端面試題對這些面試題進行解讀前端原理詳解針對一些有一定難度面試題涉及的知識點進行詳解比如涉及的編譯原理響應式 20W字囊括上百個前端面試題的項目開源了 這個項目是什么? 項目內容 這個項目目前在GitHub上剛剛開源,主要內容如下: 前端面試題: 主要整...
摘要:獲取的對象范圍方法獲取的是最終應用在元素上的所有屬性對象即使沒有代碼,也會把默認的祖宗八代都顯示出來而只能獲取元素屬性中的樣式。因此對于一個光禿禿的元素,方法返回對象中屬性值如果有就是據我測試不同環境結果可能有差異而就是。 花了很長時間整理的前端面試資源,喜歡請大家不要吝嗇star~ 別只收藏,點個贊,點個star再走哈~ 持續更新中……,可以關注下github 項目地址 https:...
摘要:前言在大廠工作了年,當了年的前端面試官,把大廠常問的面試題與答案匯總在我的中。第題如何劫持的請求,提供思路難度阿里騰訊很多人在上搜索前端面試詳解,把答案倒背如流,但是問到如何劫持請求的時候就一臉懵逼,是因為還是停留在理論性階段。前言 在大廠工作了6年,當了3年的前端面試官,把大廠常問的面試題與答案匯總在我的Github中。希望對大家有所幫助,助力大家進入自己理想的企業。 項目地址是:git...
摘要:前言在大廠工作了年,當了年的前端面試官,把大廠常問的面試題與答案匯總在我的中。第題如何劫持的請求,提供思路難度阿里騰訊很多人在上搜索前端面試詳解,把答案倒背如流,但是問到如何劫持請求的時候就一臉懵逼,是因為還是停留在理論性階段。 前言 在大廠工作了6年,當了3年的前端面試官,把大廠常問的面試題與答案匯總在我的Github中。希望對大家有所幫助,助力大家進入自己理想的企業。 項目地址是:...
閱讀 3735·2023-01-11 11:02
閱讀 4245·2023-01-11 11:02
閱讀 3050·2023-01-11 11:02
閱讀 5181·2023-01-11 11:02
閱讀 4738·2023-01-11 11:02
閱讀 5534·2023-01-11 11:02
閱讀 5313·2023-01-11 11:02
閱讀 3990·2023-01-11 11:02