適合新手前端學習資料(第十天)

2021-10-12 14:54:11 字數 1231 閱讀 5433

多欄布局解決方案

document

center

left

right

``` 優化

品質

使用精靈圖

測試檢查

1、做完的頁面要與設計稿進行比對,保證對設計稿 95% 以上的還原度。

(1)頁面模組的完整性,保證頁面不出現模組丟失 ( 尤其是懸浮的側邊欄、彈窗、下拉列表等);

(2)字型、字型大小、文字顏色的一致性;

(3)背景與是否有丟失;

(4)模組間距的還原度(通常根據頁面設計排版的複雜程度,最多允許 5-10px 以內的偏差)。

2、跨瀏覽器的相容測試。

做完的頁面,要根據需求進行跨瀏覽器的相容測試,保證不同瀏覽器顯示結果基本一致。pc 端通常需要測試

的瀏覽器有 chrome、firefox、opera、ie(ie 低版本是否相容與需求溝通確定)。

高頻面試題(筆試題)

1、簡述 的作用?

2、常見的瀏覽器及其核心?

3、b 和 strong(i 和 em)標籤的區別?

4、談談對語義化的理解?

5、css 引入方式有哪些?

6、css 基本選擇器有哪些?

7、如何合併**單元格?

8、thead、tbody、tfoot 有什麼用?

9、常見表單元素有哪些?

10、請簡述一下盒模型的組成?

11、css 復合選擇器有哪些?

12、塊級標籤和行內標籤的區別?

13、浮動產生的問題?清除浮動的方案?

14、偽元素如何建立 ?

15、如何實現盒子水平垂直居中?

16、下方空白間隙如何解決?

17、請簡述 等高布局、聖杯布局、雙飛翼布局的實現原理。

18、簡述 css 精靈圖原理,及優缺點?

19、簡述 bfc 規則及解決的問題?

20、文字溢位顯示省略號如何實現?

21、為什麼要初始化 css 樣式?哪些樣式需要初始化?

​ 保證瀏覽器的統一性,去掉標籤自帶的樣式

22、display:none 和 visibility:hidden 的區別?

23、你能想出幾種方法讓元素在頁面中消失?

24、標籤應該如何合理巢狀?

25、簡述網頁中常見格式及特點?

26、說說你了解的瀏覽器相容問題有哪些?

27、什麼是 csshack 技術?

28、在專案中你是如何做優化的?

前端第十天

function 1000,swing fn 小公尺輪播圖 設定5個div 通過給乙個類名定義屬性達到動畫效果,有左右點選事件及索引決定將類名新增給誰,且在索引達到極限時,重新將索引賦值,且同時將其他兄弟div移除類名,通過設定z index達到最上面為顯示的div 小公尺 定義建立列表函式 引數為...

前端基礎第十天

基礎已經學習一半多了,簡單的靜態頁面也可以做了 雖然乙個頁面需要寫好幾個小時,但是熟練了就會好一點,一起加油 今天主要學習了定位,但是其他的知識也要了解,便於以後yunyong 1.靜態定位static 標準流中預設都是靜態定位 2.相對定位relative 特點 1.配合方位屬性使用 2.相對於自...

學習第十天

一 介面 jdk1.8及之後新增了2中可以定義存在方法體的方法 預設方法 default關鍵字修飾的方法 使用 通過實現類物件使用 靜態方法 使用 通過介面名去呼叫 二 單例模式 保證類只能存在乙個例項 餓漢式 先建立物件,然後需要的人要這個物件,保證永遠使用的都是這個建立好的物件 執行緒安全的,效...