描述一下漸進增強和優雅降級
漸進增強:針對低版本瀏覽器進行構建頁面,保證最基本的功能,然後再針對高階瀏覽器進行效果、互動等改進和追加功能達到更好的使用者體驗。(從被所有瀏覽器支援的基本功能開始,逐步地新增那些只有新式瀏覽器才支援的功能,向頁面新增無害於基礎瀏覽器的額外樣式和功能。當瀏覽器支援時,它們會自動地呈現出來並發揮作用。)css 中可以讓文字垂直和水平方向上重疊的兩個屬性是什麼?優雅降級:一開始就構建完整的功能,然後再針對低版本瀏覽器進行相容。(web站點在所有新式瀏覽器中都能正常工作,如果使用者使用的是老式瀏覽器,則**會檢查以確認它們是否能正常工作。由於ie獨特的盒模型布局問題,針對不同版本的ie的hack實踐過優雅降級了,為那些無法支援功能的瀏覽器增加候選方案,使之在舊式瀏覽器上以某種形式降級體驗卻不至於完全失效。)
區別:優雅降級是從複雜的現狀開始,並試圖減少使用者體驗的供給,而漸進增強則是從乙個非常基礎的、能夠起作用的版本開始,並不斷擴充,以適應未來環境的需要。
垂直方向:line-height如何解決使用 inline-block 引起的空白間隙的問題?水平方向:letter-spacing
原因:標籤和標籤之間使用了空格或換行符,空白字元也是字元,也會引用css樣式使用 css 建立乙個三角形(乙個箭頭向右的三角圖示)方法一:消除換行符
方法二:設定父元素的font-size為0,在子元素重新設定字型大小
方法三:去掉閉合標籤(不推薦)
方法四:給父元素 設定font-size:0 ;letter-spacing:-3px ,子元素重新設定font-size
這裡是引用使用 css 實現三個 div 等比排列在一行,兩列寬度固定中間自適應。
有乙個長度為 100 的陣列,請求出該陣列的前 10 個元素之和。
寫乙個程式列印 1 到 100 這些數字,遇到數字為 3 的倍數,列印 「a」 替代該數字;遇到 5 的倍數,用 「b」 代替;遇到即是 3 的倍數又是 5 的倍數,列印 「ab」
跨域通訊有哪些方案,各有什麼不同?
哪些常見操作會造成記憶體洩漏?
主流前端框架如 angular/react/vue 等之間有哪些差異及特點,選取乙個描述其元件生命週期。
廣州某公司專案經理面試
公司在科韻路軟體園,在51job上投的簡歷。本來是通知上週下午2點面試的,因為那天中午太睏了,就找個藉口推遲了。後他們有專門打 確定了一下時間,感覺到他們比較有誠意,今天早上專門跑了一趟,當做學習吧。到了公司之後,發現前台圍了一群人,在外面等了一下發現那些人還是在那邊,約定的時間到了,就進去了,進去...
2018 03 24 某公司面試題
1.閱讀如下 並在答題卡填寫該程式的輸出結果和原因.public class b extends a public class a 輸出結果 ab0ab0 2.編寫乙個函式,將一段文字text翻譯為pig latin返回,英語翻譯為pig latin 的規則是 去除每個單詞的首個字母,追加 ay 後...
Java面試題及其答案
1.乙個圓劃分為n個扇形,現用m種顏色對其上色,要求相鄰兩塊扇形的顏色不能相同,問有多少種上色方案?其中n 1,m 3 注意 不考慮對稱性,例如 乙個圓劃分為2個扇形,用3種顏色上色方案有 黑紅,黑白,白紅,白黑,紅白,紅黑 6種,相當於每個扇形都有編號,是不一樣的。採用數學歸納的思想。求n個扇形的...