原型鏈

NO IMAGE

     訪問一個對象的屬性時,先在基本屬性中查找,如果沒有,再沿著_proto_這個鏈向上找,這就是原型鏈。這個對象的_proto_等於這個對象構造方法的prototype。這個對象的構造函數的prototype是一個對象。這個對象是被Object()創建出來的。(Object()是JS內部定義好的。)所以它的_proto_就等於Object.prototype。Object.prototype等於null,到此就是原型鏈的終結。

:函數可以是一個普通函數也可以作為構造函數去創建對象。當這個時候構造函數就和Object()函數是一個作用:作為構造函數去生成對象。

     普通構造函數和Object一樣的,它既是函數也是對象。它的_proto_指向與Function.prototype。這也是JS內部定義好的。Function._proto_指向Function.prototype。這裡是一個循環引用。Function.prototype也是一個對象,他的__proto__指向於Object.prototype。Object.prototype等於null。走到原型鏈的終結。

優雅降級和漸進增強

1、漸進增強

       一開始就針對低版本瀏覽器進行構建頁面,完成基本的功能,然後再針對高級瀏覽器進行效果、交互、追加功能達到更好的的體驗。

2、優雅降級

       一開始就構建站點的完整功能,然後針對瀏覽器測試和修復。比如一開始使用css3的特性構建了一個應用,然後逐步針對各大瀏覽器進行hack,使其可以在低版本瀏覽器上正常瀏覽。

3、二者區別

       優雅降級和漸進增強只是看待同種事物的兩種觀點。優雅降級和漸進增強都關注於同一網站在不同設備裡不同瀏覽器下的表現程度。關鍵的區別則在於它們各自關注於何處,以及這種關注如何影響工作的流程。

(1)優雅降級觀點認為應該針對那些最高級、最完善的瀏覽器來設計網站。而將那些被認為“過時”或有功能缺失的瀏覽器下的測試工作安排在開發週期的最後階段,並把測試對象限定為主流瀏覽器(如 IE、Mozilla 等)的前一個版本。

(2)漸進增強觀點則認為應關注於內容本身。

響應式佈局和自適應佈局的區別

1、響應式佈局

       響應式佈局就是實現不同屏幕分辨率的終端上瀏覽網頁的不同展示方式。通過響應式設計能使網站在手機和平板電腦上有更好的瀏覽閱讀體驗。換句話說就是一個網站能夠兼容多個終端,而不是為了每一個終端做一個特定的版本。

它可以自動識別屏幕寬度、並做出相應調整的網頁設計,佈局和展示的內容可能會有所變動。

2、自適應式佈局

      自適應是為了解決如何才能在不同大小的設備上呈現同樣的網頁,讓同一張網頁自動適應不同大小的屏幕,根據屏幕寬度,自動調整網頁內容大小,但是無論怎樣,他們主體的內容和佈局是沒有變的。自適應還是暴露出一個問題,如果屏幕太小,即使網頁能夠根據屏幕大小進行適配,但是會感覺在小屏幕上查看,內容過於擁擠。

相關文章

一個基於vue和elementui的樹形穿梭框及郵件通訊錄

ElementUI樹形表格

瀏覽器兼容性js

前端性能優化的方法