摘要:寫在前面月到這天,前端提升營,騰訊大佬們分享個人經驗,使出各種前端方面的大招。并且減輕服務器的負擔,的原則是按需取數據,可以最大程度的減少冗余請求和響應對服務器造成的負擔。控制表單控件的禁用狀態。
寫在前面
5月24到30這7天,IMWeb前端提升營,騰訊大佬們分享個人經驗,使出各種前端方面的大招。從中學習了很多前端方面的知識,也get到了前端學習的方法論,還有一些算法知識等等。
現將總結如下:(本文長度略長,看官保持耐心,嘿嘿)
早報前端面試題05/24每天早上,助教老師會發一些經典前端面試題,歸檔一下:
問題1: CSS引入的方式有哪些?
答案: CSS與HTML文檔結合的4中方法: 1、使用元素鏈接到外部的樣式文件 2、在元素中使用"style"元素來指定 3、使用CSS "@import"標記來導入樣式表單 4、在內部的元素中使用"style"屬性來定義樣式
問題2: 行內元素有哪些?塊級元素有哪些?CSS的盒模型?
答案: 塊級元素:div p h1 h2 h3 h4 form ul 行內元素: a b br i span input select Css盒模型:內容,border ,margin,padding
問題3: link和@import的區別是?
答案: 本質上,這兩種方式都是為了加載CSS文件,但還是存在著細微的差別。 1、老祖宗的差別。link屬于XHTML標簽,而@import完全是CSS提供的一種方式。link標簽除了可以加載CSS外,還可以做很多其它的事情,比如定義RSS,定義rel連接屬性等,@import就只能加載CSS了。 2、加載順序的差別。當一個頁面被加載的時候(就是被瀏覽者瀏覽的時候),link引用的CSS會同時被加載,而@import引用的CSS會等到頁面全部被下載完再被加載。 3、兼容性的差別。由于@import是CSS2.1提出的所以老的瀏覽器不支持,@import只有在IE5以上的才能識別,而link標簽無此問題。 4、使用dom控制樣式時的差別。當使用javascript控制dom去改變樣式的時候,只能使用link標簽,因為@import不是dom可以控制的。
問題4: ==和===的不同
答案: 前者會自動轉換類型,后者不會
前端常見題目個人思考題:
1、你之前自認為做得最好的,最具有挑戰的一項需求是什么,為什么?現在回頭去看,還有哪些地方可以值得優化? 2、說一下h5中的離線存儲有哪些05/25
問題1: XHTML和HTML有什么區別?
答案: HTML是一種基本的WEB網頁設計語言,XHTML是一個基于XML的置標語言 最主要的不同: XHTML 元素必須被正確地嵌套。 XHTML 元素必須被關閉。 標簽名必須用小寫字母。 XHTML 文檔必須擁有根元素。
問題2: Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式,區分它們有何意義?
答案: 用于聲明文檔使用那種規范(html/Xhtml)一般為 嚴格 過度 基于框架的html文檔 加入XMl聲明可觸發,解析方式更改為IE5.5 擁有IE5.5的bug
問題3: 寫出幾種IE6 BUG的解決方法
答案: 1.雙邊距BUG float引起的 使用display 2.3像素問題 使用float引起的 使用dislpay:inline -3px 3.超鏈接hover 點擊后失效 使用正確的書寫順序 link visited hover active 4.Ie z-index問題 給父級添加position:relative 5.Png 透明 使用js代碼 改 6.Min-height 最小高度 !Important 解決’ 7.select 在ie6下遮蓋 使用iframe嵌套 8.為什么沒有辦法定義1px左右的寬度容器(IE6默認的行高造成的,使用over:hidden,zoom:0.08 line-height:1px)
問題4: IE和DOM事件流的區別
答案: 1.執行順序不一樣、 2.參數不一樣 3.事件加不加on 4.this指向問題
前端常見題目個人思考題 :
1、談一談你做過的一個項目,業務邏輯模塊如何劃分的? 2、什么是xss漏洞,怎么防御?05/26
問題1: 優先級算法如何計算?
答案: 重要性和來源的優先級排序從低到高是: 1、瀏覽器默認樣式 2、用戶在瀏覽器中定義的普通樣式(normal規則,不帶important規則) 3、開發人員定義的普通樣式( normal規則,不帶important規則) 4、開發人員定義特殊樣式(帶important規則) 5、用戶在瀏覽器中定義特殊樣式(帶important規則) 另外還有一些原則: 1、相同的樣式在CSS規則后添加了!important的優先于沒有添加的。 2、CSS規則在文檔中出現的順序后面定義的的優先于前面定義的。 3、加了!important的優先于內聯樣式。 4、內聯樣式優先于用link引入的樣式和頁面上